:root{--nav-w: 232px;--nav-rail: 60px}body{padding-inline-start:var(--nav-rail);transition:padding-inline-start .18s ease}body[data-nav=open]{padding-inline-start:var(--nav-w)}.nav{position:fixed;inset-block:0;inset-inline-start:0;z-index:50;width:var(--nav-rail);display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-2);background:var(--paper-raised);border-inline-end:1px solid var(--rule);transition:width .18s ease;overflow:hidden auto}body[data-nav=open] .nav{width:var(--nav-w);padding-inline:var(--s-3)}.nav-head{display:flex;align-items:center;gap:var(--s-2);min-height:36px}.nav-toggle{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--r-md);cursor:pointer;background:none;color:var(--ink-soft);transition:background .12s,color .12s}.nav-toggle:hover{background:var(--paper-sunk);color:var(--ink)}.nav-brand{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);text-transform:var(--display-transform);font-size:var(--t-md);color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden}.nav-links{display:flex;flex-direction:column;gap:2px;margin-top:var(--s-3)}.nav-link{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-md);color:var(--ink-soft);text-decoration:none;cursor:pointer;border:0;background:none;font:500 var(--t-sm) var(--font);text-align:start;white-space:nowrap;overflow:hidden;transition:background var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}.nav-link:hover{background:var(--paper-sunk);color:var(--ink)}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-link svg{flex:none;width:18px;height:18px}.nav-shelf-wrap{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:var(--s-3)}.nav-shelf-wrap:empty{display:none}.nav-shelf-wrap:not(:empty)+.nav-foot{margin-top:0}.nav-group .nav-chevron{width:14px;height:14px;margin-inline-start:auto;transform:rotate(-90deg);transition:transform var(--dur-l) var(--ease)}.nav-group[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}body:not([data-nav=open]) .nav-group .nav-chevron{display:none}.nav-shelf{display:flex;flex-direction:column;gap:2px}.nav-shelf .nav-link:not([aria-current=page]){color:var(--ink-faint)}.nav-shelf .nav-link:not([aria-current=page]):hover{color:var(--ink)}.nav-shelf-rule{height:1px;margin:var(--s-1) var(--s-2);background:var(--rule)}.nav-label{overflow:hidden;text-overflow:ellipsis}body:not([data-nav=open]) .nav-label,body:not([data-nav=open]) .nav-brand{display:none}body:not([data-nav=open]) .nav-link{justify-content:center;padding-inline:0}body:not([data-nav=open]) .nav-head{justify-content:center}.nav-foot{margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--rule)}body:not([data-nav=open]) .nav-foot{border-top-color:transparent}.nav-foot .account{position:static}.nav-foot .account-btn{width:100%;justify-content:center}.nav-foot .account-panel{position:static;width:auto;min-width:0;margin-top:var(--s-2);box-shadow:none;padding:var(--s-3)}.nav-foot .account-row{flex-direction:column;align-items:stretch}.nav-foot .account-row:has(.tier-badge){flex-direction:row;align-items:center;gap:var(--s-2)}.nav-foot .account-row .btn{width:100%}.nav-foot #account-who{display:none}.nav-foot .account-panel{border:0;background:none;padding:var(--s-2) 0 0}body:not([data-nav=open]) .nav-foot .account-panel{display:none}.nav-who{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2)}.nav-who-name{font-weight:600;font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis}body:not([data-nav=open]) .nav-who{justify-content:center}body:not([data-nav=open]) .nav-who-name,body:not([data-nav=open]) .nav-who .tier-badge{display:none}.nav-avatar{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:700 var(--t-xs) var(--font)}.nav-prefs{display:flex;align-items:center;gap:var(--s-1)}.nav-prefs .nav-lang{flex:1;min-width:0}body:not([data-nav=open]) .nav-prefs{flex-direction:column}.nav-mode,.nav-sound{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--r-md);cursor:pointer;background:none;color:var(--ink-soft);transition:background var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}.nav-mode:hover,.nav-sound:hover{background:var(--paper-sunk);color:var(--ink)}.nav-mode svg,.nav-sound svg{width:20px;height:20px}.nav-sound[aria-pressed=false]{color:var(--ink-faint)}.nav-scrim{display:none}@media(max-width:720px){body,body[data-nav=open]{padding-inline-start:0}.nav{transform:translateX(-100%);width:var(--nav-w);padding-inline:var(--s-3)}[dir=rtl] .nav{transform:translateX(100%)}body[data-nav=open] .nav{transform:none;box-shadow:var(--shadow-md)}body:not([data-nav=open]) .nav-label,body:not([data-nav=open]) .nav-brand{display:block}body:not([data-nav=open]) .nav-link{justify-content:flex-start;padding-inline:var(--s-2)}.nav-scrim{display:block;position:fixed;inset:0;z-index:49;background:rgb(0 0 0 / .45);opacity:0;pointer-events:none;transition:opacity .18s ease}body[data-nav=open] .nav-scrim{opacity:1;pointer-events:auto}.nav-open-btn{position:fixed;z-index:48;inset-block-start:var(--s-3);inset-inline-start:var(--s-3);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:var(--r-md);cursor:pointer;background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-sm)}body[data-nav=open] .nav-open-btn{display:none}body{padding-block-start:calc(40px + var(--s-3) * 2)}}@media(min-width:721px){.nav-open-btn{display:none}}.nav-signin{width:100%;color:var(--accent);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,var(--rule))}.nav-signin:hover{background:var(--accent-soft);color:var(--accent)}body:not([data-nav=open]) .nav-signin{box-shadow:none}.nav-who{width:100%;border:0;border-radius:var(--r-md);background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background var(--dur-s) var(--ease)}.nav-who:hover,.nav-who[aria-expanded=true]{background:var(--paper-sunk)}.nav-who .nav-who-name{flex:1;min-width:0;white-space:nowrap}.nav-who .nav-who-turn{flex:none;width:14px;height:14px;color:var(--ink-faint);transform:rotate(-90deg);transition:transform var(--dur-s) var(--ease)}.nav-who[aria-expanded=true] .nav-who-turn{transform:rotate(90deg)}body:not([data-nav=open]) .nav-who .nav-who-turn{display:none}.hf-pop{position:fixed;z-index:85;margin:0}.acct-menu{display:grid;gap:2px;padding:var(--s-2);min-width:220px;max-width:min(18rem,calc(100vw - 16px));background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.acct-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-3);margin-bottom:var(--s-1);border-bottom:1px solid var(--rule)}.acct-names{display:grid;min-width:0}.acct-name{font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-tier{font-size:var(--t-xs);color:var(--ink-soft);text-transform:capitalize}.acct-item{display:flex;align-items:center;gap:var(--s-3);min-height:40px;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-md);background:none;color:var(--ink-soft);font:500 var(--t-sm) var(--font);text-decoration:none;text-align:start;cursor:pointer;transition:background var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}.acct-item svg{flex:none;width:18px;height:18px}.acct-item:hover,.acct-item:focus-visible{background:var(--paper-sunk);color:var(--ink);outline:0}.acct-item:disabled{opacity:.65;cursor:progress}.acct-label{padding:var(--s-2) var(--s-3) 2px;font:600 var(--t-xs) var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.acct-switch .nav-avatar{width:24px;height:24px;font-size:11px}.acct-switch-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:600}.acct-role{font-size:var(--t-xs);color:var(--ink-faint);white-space:nowrap}.acct-switch[data-state=switching] .acct-role{color:var(--accent)}.acct-rule{height:1px;margin:var(--s-1) var(--s-2);background:var(--rule)}.acct-ask{display:grid;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 9%,var(--paper-raised));font:500 var(--t-xs)/1.45 var(--font);color:var(--ink)}.acct-ask-acts{display:flex;gap:var(--s-2)}.acct-ask-yes,.acct-ask-no{min-height:30px;padding:0 12px;border:1px solid var(--rule);border-radius:var(--r-full);cursor:pointer;background:var(--paper);color:var(--ink);font:600 var(--t-xs) var(--font)}.acct-ask-yes{background:var(--warn);border-color:var(--warn);color:var(--paper)}.acct-ask-no:hover,.acct-ask-no:focus-visible{border-color:var(--accent);color:var(--accent);outline:0}.acct-ask-yes:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-avatar-guest{background:none;color:var(--ink-soft);border:1.5px dashed var(--ink-faint)}.nav-avatar-guest svg,.acct-item .nav-avatar-guest svg{width:15px;height:15px}.acct-switch .nav-avatar-guest svg{width:13px;height:13px}.acct-tier.acct-plain{text-transform:none}.si{width:min(24rem,calc(100vw - 2rem));max-width:none;padding:0;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-md)}.si::backdrop{background:rgb(8 6 12 / .55);backdrop-filter:blur(3px)}.si[open]{animation:si-in var(--dur-l) var(--ease)}.si[open]::backdrop{animation:si-fade var(--dur-l) var(--ease)}.si.is-leaving{animation:si-out .18s var(--ease) forwards}.si.is-leaving::backdrop{animation:si-fade-out .18s var(--ease) forwards}@keyframes si-in{from{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes si-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes si-up{from{transform:translateY(100%)}}@keyframes si-down{to{transform:translateY(100%)}}@keyframes si-fade{from{opacity:0}}@keyframes si-fade-out{to{opacity:0}}.si-form{position:relative;display:grid;gap:var(--s-3);padding:var(--s-6) var(--s-5) var(--s-5)}.si-close{position:absolute;inset-block-start:var(--s-3);inset-inline-end:var(--s-3);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-md);background:none;color:var(--ink-soft);cursor:pointer}.si-close:hover{background:var(--paper-sunk);color:var(--ink)}.si-close svg{width:18px;height:18px}.si-head{display:grid;gap:var(--s-2)}.si-title{margin:0;padding-inline-end:var(--s-7, 40px);font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:var(--t-lg);line-height:1.25}.si-reason{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--accent-soft);color:var(--ink);font-size:var(--t-sm);line-height:1.5}.si-google{display:grid;justify-items:center;min-height:44px}.si-alt{justify-self:center}.si-fields{display:grid;gap:var(--s-3)}.si-field{display:grid;gap:6px}.si-label{font-size:var(--t-xs);font-weight:600;color:var(--ink-soft)}.si-input{width:100%;box-sizing:border-box;min-height:44px;padding:var(--s-3);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-sunk);color:var(--ink);font:var(--t-md) var(--font);transition:border-color var(--dur-s) var(--ease),box-shadow var(--dur-s) var(--ease)}.si-input::placeholder{color:var(--ink-faint)}.si-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.si-rules{margin:0;font-size:var(--t-xs);color:var(--ink-faint);line-height:1.5}.si-hint{font-size:var(--t-xs);color:var(--ink-faint);line-height:1.5}.si-forgot{justify-self:end;margin-top:-4px;padding:4px 10px;border:0;border-radius:var(--r-full);background:none;font:600 var(--t-xs)/1.4 var(--font);color:var(--ink-soft);cursor:pointer}.si-forgot:hover{color:var(--ink);background:var(--paper-sunk)}.si-forgot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.si-human{display:grid;justify-items:center}.si-human[hidden]{display:none}.si-say{margin:0;min-height:1.3em;font-size:var(--t-sm);color:var(--ink-soft)}.si-say[data-kind=error]{color:var(--warn)}.si-write{display:inline-flex;align-items:center;margin-top:6px;padding:5px 12px;border:1px solid var(--rule);border-radius:var(--r-full);background:var(--paper);color:var(--ink);text-decoration:none;font:600 var(--t-xs) var(--font)}.si-write:hover,.si-write:focus-visible{border-color:var(--accent);color:var(--accent);outline:0}.si-go{width:100%;min-height:46px}.si-swap{margin:var(--s-1) 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-soft)}.si-swap-btn{padding:var(--s-2) var(--s-4)}.si-legal{margin:0;text-align:center;font-size:var(--t-xs);line-height:1.5;color:var(--ink-faint)}.si-legal-link{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink-soft) 40%,transparent)}.si-legal-link:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:720px){.si{width:100%;margin:auto 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}.si[open]{animation-name:si-up}.si.is-leaving{animation-name:si-down}}@media(prefers-reduced-motion:reduce){.si[open],.si[open]::backdrop,.si.is-leaving,.si.is-leaving::backdrop{animation:none}}body:has(>.site-foot){min-height:100dvh}.site-foot{position:sticky;top:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2) var(--s-4);padding:var(--s-6) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom,0px));color:var(--ink-soft);font-size:var(--t-xs);background:linear-gradient(to top,color-mix(in srgb,var(--paper) 92%,transparent) 40%,transparent)}.site-foot-links{display:flex;flex-wrap:wrap;gap:var(--s-4)}.site-foot-link{color:var(--ink);font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:color var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease)}.site-foot-link:hover{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 45%,transparent)}.site-foot-link[aria-current=page]{color:var(--accent)}