:root{--font-display: "Segoe UI Variable Display", "SF Pro Display", -apple-system, "Segoe UI", system-ui, sans-serif;--font-text: "Segoe UI Variable Text", "SF Pro Text", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "SF Mono", ui-monospace, Consolas, monospace;--track-display: -.035em;--track-label: .08em;--r-tile: 22px;--r-chip: 999px;--gap: clamp(12px, 1.4vw, 18px);--pad: clamp(18px, 2vw, 26px);--spring: cubic-bezier(.34, 1.4, .44, 1);--spring-soft: cubic-bezier(.3, 1.15, .45, 1);--swift: cubic-bezier(.4, 0, .2, 1);--z-glow: 0;--z-tile: 1;--z-sticky: 20;--z-toast: 100}@supports (animation-timing-function: linear(0,1)){:root{--spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--spring-soft: linear(0, .02 2.5%, .156 7.6%, .541 17.4%, .79 25.4%, .899 30.9%, .966 37%, 1.003 44.6%, 1.017 55.4%, 1.004 79.7%, 1)}}:root,:root[data-theme=light]{color-scheme:light;--page: #f2f2f4;--page-deep: #e9e9ec;--tile: #ffffff;--tile-raised: #ffffff;--inset: #f5f5f7;--line: #e4e4e8;--line-strong: #d4d4da;--ink: #151519;--ink-2: #4b4b55;--ink-3: #6d6d78;--accent: #e05615;--accent-ink: #b8420a;--accent-strong: #c2410c;--accent-soft: rgba(224, 86, 21, .1);--accent-soft-2: rgba(224, 86, 21, .18);--pipe-open: rgba(224, 86, 21, .26);--on-accent: #ffffff;--good: #177245;--good-soft: rgba(23, 114, 69, .1);--warn: #8f6400;--warn-soft: rgba(163, 116, 0, .12);--dead: #6d6d78;--dead-soft: rgba(109, 109, 120, .12);--ring-track: #ececef;--shadow-1: 0 1px 2px rgba(21, 21, 25, .05), 0 4px 14px rgba(21, 21, 25, .05);--shadow-2: 0 2px 4px rgba(21, 21, 25, .06), 0 14px 34px rgba(21, 21, 25, .1);--glow: rgba(224, 86, 21, .07);--scrim: rgba(21, 21, 25, .45);--route-trunk: #c9c9cf}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d10;--page-deep: #0a0a0c;--tile: #17171c;--tile-raised: #1c1c22;--inset: #111115;--line: #26262d;--line-strong: #34343d;--ink: #f2f2f4;--ink-2: #b6b6c0;--ink-3: #8f8f9a;--accent: #fb923c;--accent-ink: #fda05a;--accent-strong: #fb923c;--accent-soft: rgba(251, 146, 60, .12);--accent-soft-2: rgba(251, 146, 60, .22);--pipe-open: rgba(253, 164, 92, .38);--on-accent: #191009;--good: #57cf8c;--good-soft: rgba(87, 207, 140, .13);--warn: #e8bb4e;--warn-soft: rgba(232, 187, 78, .13);--dead: #8f8f9a;--dead-soft: rgba(143, 143, 154, .15);--ring-track: #26262d;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 18px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 18px 44px rgba(0, 0, 0, .45);--glow: rgba(251, 146, 60, .09);--scrim: rgba(0, 0, 0, .55);--route-trunk: #3c3c46}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--page: #0d0d10;--page-deep: #0a0a0c;--tile: #17171c;--tile-raised: #1c1c22;--inset: #111115;--line: #26262d;--line-strong: #34343d;--ink: #f2f2f4;--ink-2: #b6b6c0;--ink-3: #8f8f9a;--accent: #fb923c;--accent-ink: #fda05a;--accent-strong: #fb923c;--accent-soft: rgba(251, 146, 60, .12);--accent-soft-2: rgba(251, 146, 60, .22);--pipe-open: rgba(253, 164, 92, .38);--on-accent: #191009;--good: #57cf8c;--good-soft: rgba(87, 207, 140, .13);--warn: #e8bb4e;--warn-soft: rgba(232, 187, 78, .13);--dead: #8f8f9a;--dead-soft: rgba(143, 143, 154, .15);--ring-track: #26262d;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 18px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 18px 44px rgba(0, 0, 0, .45);--glow: rgba(251, 146, 60, .09);--scrim: rgba(0, 0, 0, .55);--route-trunk: #3c3c46}}:root{--bg-page: var(--page);--bg-card: var(--tile);--border-card: var(--line);--text-primary: var(--ink);--text-secondary: var(--ink-2);--accent-text: var(--accent-ink);--flag-bg: var(--warn-soft);--flag-text: var(--warn);--status-online: var(--good);--font-serif: var(--font-display);--font-sans: var(--font-text);--radius-card: var(--r-tile);--radius-pill: var(--r-chip);--tw-immediate: var(--accent-strong);--tw-fall: var(--accent);--tw-spring: var(--good);--tw-summer: var(--good);--tw-rolling: var(--ink-3);--tw-unspecified: var(--ink-3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{font-family:var(--font-text);font-size:15px;line-height:1.55;background:var(--page);color:var(--ink);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}img,svg{max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:750;letter-spacing:var(--track-display);margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0;touch-action:manipulation}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums}.glow{position:fixed;inset:-18% -14% auto auto;z-index:var(--z-glow);pointer-events:none;width:min(70vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,var(--glow),transparent 62%);animation:drift 26s ease-in-out infinite alternate}.glow.b{inset:auto auto -30% -20%;animation-duration:34s;animation-delay:-12s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-6vw,5vh) scale(1.12)}}.shell{position:relative;z-index:var(--z-tile);max-width:1360px;margin:0 auto;padding:0 clamp(14px,3vw,32px) 64px}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}.tile{position:relative;background:var(--tile);border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--pad);box-shadow:var(--shadow-1);transition:transform .55s var(--spring),box-shadow .4s ease,border-color .3s ease,background .35s ease;animation:rise .75s var(--spring) backwards;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes rise{0%{opacity:0;transform:translateY(26px) scale(.965)}}.tile.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.tile.lift:active{transform:translateY(-1px) scale(.985)}.tile.lift:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%);background-size:260% 100%;background-position:120% 0;opacity:0;transition:opacity .3s ease,background-position .9s var(--swift)}:root[data-theme=dark] .tile.lift:after{background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%);background-size:260% 100%;background-position:120% 0}@media (prefers-color-scheme: dark){:root:not([data-theme]) .tile.lift:after{background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%);background-size:260% 100%;background-position:120% 0}}.tile.lift:hover:after{opacity:1;background-position:-40% 0}.t-route{grid-column:span 12}.t-xp,.t-deadline,.t-presence{grid-column:span 4}.t-add{grid-column:span 3}.t-console{grid-column:span 9}.tile h2{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:7px;margin-bottom:14px}.tile h2 .icon{width:14px;height:14px;stroke-width:2}.seg{display:flex;background:var(--inset);border:1px solid var(--line);border-radius:var(--r-chip);padding:3px;gap:2px}.seg button{min-height:34px;padding:0 14px;border-radius:var(--r-chip);font-size:13px;font-weight:600;color:var(--ink-3);transition:color .2s ease,background .25s var(--spring-soft),box-shadow .25s ease,transform .35s var(--spring);display:flex;align-items:center;gap:7px}.seg button:hover{color:var(--ink)}.seg button:active{transform:scale(.95)}.seg button[aria-pressed=true]{background:var(--tile);color:var(--ink);box-shadow:var(--shadow-1)}.seg .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none}.seg button[aria-pressed=true] .dot{background:var(--accent)}.iconbtn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--tile);border:1px solid var(--line);box-shadow:var(--shadow-1);color:var(--ink-2);transition:transform .45s var(--spring),box-shadow .3s ease,color .2s ease}.iconbtn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);color:var(--ink)}.iconbtn:active{transform:scale(.92)}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:15px;height:15px}.icon.xs{width:13px;height:13px;stroke-width:2}.btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:13px;font-weight:650;font-size:13.5px;transition:transform .45s var(--spring),box-shadow .3s ease,background .2s ease}.btn:active{transform:scale(.95)}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink-2)}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-3)}.tabs{display:flex;gap:2px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r-chip);padding:3px;overflow-x:auto;max-width:100%}.tabs button{flex:none;min-height:34px;padding:0 14px;border-radius:var(--r-chip);font-size:13px;font-weight:600;color:var(--ink-3);display:flex;align-items:center;gap:7px;white-space:nowrap;transition:color .2s,background .25s var(--spring-soft),box-shadow .25s,transform .35s var(--spring)}.tabs button:active{transform:scale(.95)}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{background:var(--tile);color:var(--ink);box-shadow:var(--shadow-1)}.tabs .ct{font-family:var(--font-mono);font-size:10.5px;padding:2px 7px;border-radius:var(--r-chip);background:var(--dead-soft);color:var(--ink-2);font-variant-numeric:tabular-nums}.tabs button[aria-selected=true] .ct{background:var(--accent-soft-2);color:var(--accent-ink)}.search{position:relative;flex:1 1 200px;min-width:170px}.search .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search input{width:100%;min-height:40px;padding:0 14px 0 40px;border-radius:13px;background:var(--inset);border:1px solid var(--line);color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s}.search input::placeholder{color:var(--ink-3)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--tile)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3.5px 10px;border-radius:var(--r-chip);font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.chip .icon{width:11px;height:11px;stroke-width:2.4}.chip-open{background:var(--good-soft);color:var(--good)}.chip-unknown{background:var(--warn-soft);color:var(--warn)}.chip-closed{background:var(--dead-soft);color:var(--dead)}.chip-fit-best{background:var(--accent-strong);color:var(--on-accent)}.chip-fit-strong{border-color:var(--accent-ink);color:var(--accent-ink);background:var(--accent-soft)}.chip-fit-good{background:var(--dead-soft);color:var(--ink-2)}.chip-fit-fair{border-color:var(--line-strong);color:var(--ink-3)}.chip-fit-check{background:var(--warn-soft);color:var(--warn);border-style:dashed;border-color:var(--warn)}.chip-upnext{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-ink)}.chip-urgent{background:var(--accent-soft-2);color:var(--accent-ink);animation:urge 2.2s ease-in-out infinite}@keyframes urge{0%,to{box-shadow:0 0 0 0 var(--accent-soft-2)}50%{box-shadow:0 0 0 5px transparent}}.chip-date{border-color:var(--line);color:var(--ink-3);font-weight:500}.list-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:clamp(20px,3vw,30px) 2px 14px}.list-head h3{font-family:var(--font-display);font-size:19px;font-weight:750;letter-spacing:-.025em}.list-head .meta{font-size:12.5px;color:var(--ink-3)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:var(--gap)}.card{position:relative;background:var(--tile);border:1px solid var(--line);border-radius:var(--r-tile);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-1);transition:transform .55s var(--spring),box-shadow .4s ease,border-color .3s ease;animation:rise .6s var(--spring) backwards;animation-delay:calc(var(--i, 0) * 40ms);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.card.fit-best{border-color:var(--accent);border-width:1.5px}.card.fit-best:before{content:"";position:absolute;left:-1.5px;top:22px;bottom:22px;width:3.5px;background:var(--accent);border-radius:0 4px 4px 0}.card.applied{background:linear-gradient(115deg,var(--accent-soft) 0,transparent 46%),var(--tile)}.card.applied .rowtop{padding-right:96px}.card .rowtop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card .co{font-family:var(--font-display);font-weight:750;font-size:16.5px;letter-spacing:-.02em;line-height:1.2}.card .role{font-size:13.5px;color:var(--ink-2);margin-top:3px;line-height:1.4}.card .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-3)}.card .meta .m{display:flex;align-items:center;gap:5px}.card .pay{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.card .pay.na{color:var(--ink-3);font-weight:500;font-size:12.5px}.payrow{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap}.card .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px dashed var(--line);padding-top:12px;margin-top:auto}.card .verified{font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:5px}.applied-toggle{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:var(--r-chip);border:1px solid var(--line-strong);font-size:12.5px;font-weight:650;color:var(--ink-2);transition:all .35s var(--spring)}.applied-toggle:hover{border-color:var(--ink-3);color:var(--ink)}.applied-toggle:active{transform:scale(.93)}.applied-toggle[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.applied-toggle .box{width:15px;height:15px;border-radius:5px;border:1.5px solid currentColor;display:grid;place-items:center;flex:none}.applied-toggle[aria-pressed=true] .box{border-color:var(--on-accent);background:transparent}.applied-toggle .box svg{width:9px;height:9px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.4);transition:all .3s var(--spring)}.applied-toggle[aria-pressed=true] .box svg{opacity:1;transform:scale(1)}.stamp{position:absolute;top:14px;right:14px;z-index:3;pointer-events:none;transform:rotate(-8deg);color:var(--accent-ink);font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:2px solid currentColor;border-radius:9px;padding:3px 10px;background:var(--accent-soft);-webkit-mask-image:radial-gradient(circle at 32% 40%,black 58%,rgba(0,0,0,.75) 82%,rgba(0,0,0,.55) 100%);mask-image:radial-gradient(circle at 32% 40%,#000 58%,#000000bf 82%,#0000008c)}.empty{grid-column:1 / -1;text-align:center;padding:clamp(36px,6vw,64px) 20px;border:1.5px dashed var(--line-strong);border-radius:var(--r-tile);display:flex;flex-direction:column;align-items:center;gap:14px;animation:rise .6s var(--spring) backwards}.empty svg{width:88px;height:88px;color:var(--ink-3)}.empty b{font-family:var(--font-display);font-size:18px;font-weight:750;letter-spacing:-.02em}.empty p{font-size:13.5px;color:var(--ink-3);max-width:42ch;margin:0}.empty .goto{color:var(--accent-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}.empty .goto:hover{color:var(--accent-strong)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,80px);z-index:var(--z-toast);background:var(--ink);color:var(--page);padding:11px 20px;border-radius:14px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:transform .55s var(--spring),opacity .3s ease;max-width:min(90vw,420px);text-align:center}.toast.show{transform:translate(-50%);opacity:1}.toast .xp-gain{color:var(--accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;margin-right:7px}:root[data-theme=dark] .toast .xp-gain{color:var(--accent-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .toast .xp-gain{color:var(--accent-strong)}}.skeleton{background:linear-gradient(90deg,var(--line) 25%,var(--inset) 50%,var(--line) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media (max-width: 1100px){.t-xp,.t-deadline,.t-presence{grid-column:span 6}.t-add{grid-column:span 6;min-height:120px}.t-console{grid-column:span 12}}@media (max-width: 640px){.t-xp,.t-deadline,.t-presence,.t-add{grid-column:span 12}}@media (max-width: 520px){.tabs{flex-wrap:wrap;overflow:visible;border-radius:20px;width:100%}.tabs button{flex:1 1 42%;justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.glow,.chip-urgent,.skeleton{animation:none!important}}