@scope(.logo){:scope{color:var(--text);font-family:var(--font-heading);letter-spacing:-.03em;white-space:nowrap;align-items:center;font-size:1.1875rem;font-weight:800;display:inline-flex}.two{border-radius:var(--radius-pill);background:var(--color-accent);min-inline-size:1.45em;color:var(--color-ink);place-items:center;margin-inline:.1em;padding-inline:.28em;line-height:1.35;display:inline-grid}:scope[data-tone=light]{color:var(--color-bg)}}.logo-mark{background:var(--color-accent);block-size:2.5rem;inline-size:2.5rem;color:var(--color-ink);border-radius:12px;place-items:center;font-size:1.25rem;font-weight:800;display:grid}a:has(>:is(.logo,.logo-mark)){min-block-size:var(--tap);border-radius:var(--radius-sm);align-items:center;text-decoration:none;display:inline-flex}.skip-link{z-index:50;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-bg);position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%);&:focus{transform:none}}@scope(.app-shell){:scope{background:var(--page);min-block-size:100dvh}.sidebar{display:none}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:3.5rem;padding:0 var(--gutter);border-block-end:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:saturate(1.4)blur(14px);display:flex;position:sticky;inset-block-start:0}.topbar .avatar-link{inline-size:var(--tap);block-size:var(--tap);border-radius:50%;place-items:center;margin-inline-end:calc(var(--space-1) * -1);text-decoration:none;display:grid}.main{padding:var(--space-5) var(--gutter) calc(var(--tab-bar-height) + var(--space-7) + env(safe-area-inset-bottom));outline:none;display:block}:where(.main)>:where(*){max-inline-size:var(--content-max)}.verify{margin-block-end:var(--space-5)}@media (width>=768px){:scope{grid-template-columns:5.5rem minmax(0,1fr);display:grid}.topbar{display:none}.sidebar{align-items:center;gap:var(--space-4);block-size:100dvh;padding:var(--space-4) var(--space-2);border-inline-end:1px solid var(--line);background:var(--color-bg);scrollbar-width:none;flex-direction:column;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.home-link .logo,.sidebar .label,.sidebar .plan-card,.account .who{display:none}.new{inline-size:var(--tap);block-size:var(--tap);background:var(--color-ink);color:var(--color-bg);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.nav{gap:2px;inline-size:100%;display:grid}.nav a{border-radius:var(--radius-md);min-block-size:3.75rem;color:var(--text-muted);text-align:center;align-content:center;justify-items:center;gap:3px;font-size:.6875rem;font-weight:600;text-decoration:none;display:grid;position:relative}.nav .short{display:block}.nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--text);& .icon{color:var(--color-accent-strong)}}.account{justify-items:center;gap:var(--space-2);margin-block-start:auto;display:grid}.main{padding:var(--space-6) var(--gutter) var(--space-8)}}@media (width>=1024px){:scope{grid-template-columns:15.5rem minmax(0,1fr)}.sidebar{align-items:stretch;gap:var(--space-5);padding:var(--space-5) var(--space-4)}.home-link{padding-inline:var(--space-2)}.home-link .logo{display:inline-flex}.home-link .logo-mark{display:none}.new{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);inline-size:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 18%, transparent), inset 0 1px 0 #ffffff24;font-size:.9375rem;font-weight:600;display:flex}.sidebar .label{display:inline}.nav a{place-items:center start;gap:var(--space-3);min-block-size:var(--tap);padding-inline:var(--space-3);text-align:start;font-size:.9375rem;display:flex}.nav .short{display:none}.sidebar .plan-card{margin-block-start:auto;display:grid}.account{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) 0;border-block-start:1px solid var(--line);margin-block-start:0;display:flex}.account .who{flex:1;min-inline-size:0;line-height:1.3;text-decoration:none;display:grid}.who strong{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.main{padding:var(--space-7) clamp(var(--space-6), 3vw, var(--space-7)) var(--space-8)}}.new[aria-current=page]{box-shadow:0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-accent-strong)}@media (hover:hover) and (pointer:fine){.nav a:not([aria-current=page]):hover{background:var(--color-canvas);color:var(--text)}.new:hover{background:color-mix(in srgb, var(--color-ink) 84%, var(--color-bg))}}@media (prefers-reduced-motion:no-preference){.nav a,.new{transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out)}.nav a:active,.new:active{transform:scale(.97)}}}@scope(.plan-card){:scope{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:radial-gradient(120% 120% at 100% 0%, var(--color-glow-lilac), transparent 60%), radial-gradient(120% 120% at 0% 100%, var(--color-glow-blush), transparent 60%), var(--color-canvas);display:grid}.plan{gap:2px;display:grid}.plan strong{font-size:.9375rem;line-height:1.3}.quota{gap:var(--space-2);font-size:var(--text-caption);font-weight:600;display:grid}.bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-ink) 10%, transparent);block-size:6px;overflow:hidden}.bar span{border-radius:inherit;background:var(--color-ink);block-size:100%;display:block}}.tab-bar{z-index:20;block-size:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));border-block-start:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--color-bg) 90%, transparent);backdrop-filter:saturate(1.4)blur(14px);grid-template-columns:repeat(5,1fr);align-items:center;padding-block-end:env(safe-area-inset-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0;& a{min-block-size:var(--tab-bar-height);color:var(--text-muted);align-content:center;justify-items:center;gap:2px;font-size:.6875rem;font-weight:600;text-decoration:none;display:grid}& a[aria-current=page]:not(.add){color:var(--text);& .icon{color:var(--color-accent-strong)}}& .add{background:var(--color-ink);block-size:3.25rem;min-block-size:0;inline-size:3.25rem;color:var(--color-bg);box-shadow:0 4px 14px color-mix(in srgb, var(--color-ink) 22%, transparent);border-radius:50%;place-content:center;justify-self:center;&[aria-current=page]{box-shadow:0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-accent-strong)}}@media (prefers-reduced-motion:no-preference){& a{transition:transform var(--duration-fast) var(--ease-out)}& a:active{transform:scale(.94)}}@media (width>=768px){display:none}}