@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-11.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-9.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-12.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-10.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;font-display:swap;src:url(/fonts/jbmono-5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g0:#000;--g1:#0a0a0a;--g2:#121212;--g3:#1a1a1a;--scrim:#000000c7;--ink:#fff;--ink-2:#ffffffb3;--ink-3:#ffffff85;--ink-4:#ffffff47;--rule:#ffffff1a;--rule-strong:#ffffff38;--live:#ff4d4d;--on:#3dd68c;--sans:"Archivo", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-hero:3rem;--fs-h1:1.75rem;--fs-h2:1.25rem;--fs-h3:1rem;--fs-body:.9375rem;--fs-ui:.875rem;--fs-meta:.8125rem;--fs-mono:.75rem;--r:4px;--r-card:10px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--fast:.12s;--base:.18s;--slow:.24s;--out:cubic-bezier(.23, 1, .32, 1);--inout:cubic-bezier(.77, 0, .175, 1);--rail-l:232px;--rail-r:308px;--header-h:64px;--page-max:1440px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--g0);color:var(--ink);font-family:var(--sans);font-size:var(--fs-ui);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}.t-disp{font-family:var(--sans);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.01em;font-weight:700;line-height:1.05}.t-cond{font-family:var(--sans);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.t-mono{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:0;font-weight:500}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}::selection{background:var(--ink);color:var(--g0)}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule-strong)}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.shell{grid-template-columns:var(--rail-l) minmax(0, 1fr) var(--rail-r);grid-template-rows:var(--header-h) minmax(0, 1fr);height:100dvh;max-width:var(--page-max);border-inline:1px solid var(--rule);grid-template-areas:"header header header""nav main aside";margin:0 auto;display:grid}.shell--wide{grid-template-columns:var(--rail-l) minmax(0, 1fr);grid-template-areas:"header header""nav main"}.header{align-items:center;gap:var(--s5);padding-inline:var(--s5);border-bottom:1px solid var(--rule-strong);background:var(--g1);grid-area:header;display:flex}.brand{font-family:var(--sans);font-variation-settings:"wdth" 125;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:var(--s2);white-space:nowrap;font-size:1.25rem;font-weight:800;display:flex}.brand .cursor{background:var(--ink);width:9px;height:18px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cmdk{align-items:center;gap:var(--s3);max-width:520px;height:36px;padding-inline:var(--s3);background:var(--g2);border:1px solid var(--rule);border-radius:var(--r);color:var(--ink-3);cursor:text;transition:border-color var(--fast) var(--out), background var(--fast) var(--out);flex:1;display:flex}.cmdk:hover{border-color:var(--rule-strong);background:var(--g3)}.cmdk .ph{flex:none;font-size:1rem}.cmdk>span:not(.cmdk-hint){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cmdk-hint{gap:var(--s1);margin-left:auto;display:flex}.kbd{font-family:var(--mono);border:1px solid var(--rule-strong);color:var(--ink-2);background:var(--g1);border-bottom-width:2px;border-radius:3px;padding:4px 5px;font-size:.6875rem;line-height:1}.header-actions{align-items:center;gap:var(--s2);margin-left:auto;display:flex}.nav{border-right:1px solid var(--rule);padding-block:var(--s4);flex-direction:column;grid-area:nav;display:flex;overflow-y:auto}.nav-group{padding-inline:var(--s3);margin-bottom:var(--s5)}.nav-group+.nav-group{border-top:1px solid var(--rule);padding-top:var(--s4)}.nav-label{font-family:var(--mono);color:var(--ink-3);padding:0 var(--s3) var(--s2);font-size:.6875rem;font-weight:500}.nav-item{align-items:center;gap:var(--s3);width:100%;padding:9px var(--s3);border-radius:var(--r);color:var(--ink-2);font-size:var(--fs-ui);cursor:pointer;text-align:left;transition:background var(--fast) var(--out), color var(--fast) var(--out);background:0 0;border:0;font-weight:500;display:flex}.nav-item .ph{font-size:1.125rem}.nav-item:hover{background:var(--g1);color:var(--ink)}.nav-item:active{transform:scale(.985)}.nav-item[aria-current=page]{background:var(--g2);color:var(--ink);box-shadow:inset 2px 0 0 var(--ink);font-weight:600}.nav-item .count{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:.6875rem}.game-tile{border-radius:var(--r);border:1px solid var(--rule-strong);width:24px;height:24px;font-family:var(--sans);font-variation-settings:"wdth" 125;letter-spacing:.02em;flex:none;place-items:center;font-size:.625rem;font-weight:800;display:grid}.nav-foot{padding:var(--s4) var(--s3) 0;border-top:1px solid var(--rule);margin-top:auto}.main{grid-area:main;min-width:0;overflow-y:auto}.main-head{z-index:20;align-items:center;gap:var(--s4);height:52px;padding-inline:var(--s5);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);background:#000000db;display:flex;position:sticky;top:0}.main-head h1{font-size:var(--fs-h3);letter-spacing:.01em;font-weight:700}.tabs{gap:var(--s1);margin-left:var(--s2);display:flex}.tab{border-radius:var(--r);color:var(--ink-3);font-size:var(--fs-meta);cursor:pointer;white-space:nowrap;transition:color var(--fast) var(--out), background var(--fast) var(--out);background:0 0;border:0;flex:none;padding:6px 12px;font-weight:600}.tab:hover{color:var(--ink);background:var(--g1)}.tab[aria-selected=true]{color:var(--g0);background:var(--ink)}.aside{border-left:1px solid var(--rule);padding:var(--s4);gap:var(--s4);flex-direction:column;grid-area:aside;display:flex;overflow-y:auto}.aside-sec{background:var(--g1);border:1px solid var(--rule);border-radius:var(--r-card);padding:var(--s4)}.aside-sec>.sec-head{margin-bottom:var(--s3)}.aside-sec .room{background:var(--g2)}.aside-sec .facepile .av--sm{border-color:var(--g2)}.sec-head{align-items:baseline;gap:var(--s2);display:flex}.sec-head h2{font-family:var(--sans);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);font-size:.8125rem;font-weight:700}.sec-head .more{color:var(--ink-3);margin-left:auto;font-size:.75rem;font-weight:600}.sec-head .more:hover{color:var(--ink)}.btn{justify-content:center;align-items:center;gap:var(--s2);height:34px;padding-inline:var(--s4);border-radius:var(--r);font-size:var(--fs-meta);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--out), border-color var(--fast) var(--out), color var(--fast) var(--out), transform var(--fast) var(--out);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn .ph{font-size:1rem}.btn--solid{background:var(--ink);color:var(--g0)}.btn--solid:hover{background:#ffffffdb}.btn--ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.btn--ghost:hover{background:var(--g1);border-color:var(--ink-3)}.btn--quiet{color:var(--ink-2);background:0 0}.btn--quiet:hover{background:var(--g1);color:var(--ink)}.btn--live{color:var(--live);background:0 0;border-color:currentColor}.btn--live:hover{background:#ff4d4d14}.btn--sm{height:28px;padding-inline:var(--s3);font-size:.75rem}.btn--icon{width:34px;padding:0}.btn--icon.btn--sm{width:28px}.btn[disabled]{color:var(--ink-4);border-color:var(--rule);background:var(--g1);cursor:not-allowed;transform:none}.av{border-radius:var(--r);object-fit:cover;background:var(--g2);flex:none;width:40px;height:40px}.av--sm{width:28px;height:28px}.av--lg{width:64px;height:64px}.av--xl{width:96px;height:96px}.av-wrap{flex:none;position:relative}.av-wrap .presence{background:var(--on);border:2px solid var(--g0);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.av-wrap .presence--off{background:var(--ink-4)}.tag{font-family:var(--mono);font-size:var(--fs-mono);border:1px solid var(--rule-strong);border-radius:var(--r);color:var(--ink-2);cursor:pointer;transition:background var(--fast) var(--out), color var(--fast) var(--out), border-color var(--fast) var(--out);align-items:center;gap:5px;padding:3px 8px;font-weight:600;display:inline-flex}.tag:before{content:"#";color:var(--ink-4)}.tag:hover{background:var(--ink);color:var(--g0);border-color:var(--ink)}.tag:hover:before{color:#00000080}.tag--plain:before{content:none}.stream{gap:var(--s3);width:min(760px,100%);padding:var(--s4) var(--s4) var(--s7);flex-direction:column;margin-inline:auto;display:flex}.post{gap:var(--s3) var(--s4);padding:var(--s4) var(--s5);background:var(--g1);border:1px solid var(--rule);border-radius:var(--r-card);transition:border-color var(--fast) var(--out), background var(--fast) var(--out);grid-template-columns:40px minmax(0,1fr);display:grid}.post:hover{border-color:var(--rule-strong);background:var(--g2)}.stream>div>.post{height:100%}.post-head{align-items:center;gap:var(--s3);min-width:0;display:flex}.post-head .who{font-weight:700;font-size:var(--fs-ui)}.post-head .who:hover{text-underline-offset:3px;text-decoration:underline}.post-head .handle{color:var(--ink-3);font-size:var(--fs-meta)}.post-head .time{font-family:var(--mono);color:var(--ink-3);flex:none;margin-left:auto;font-size:.6875rem}.post-body{gap:var(--s3);flex-direction:column;grid-column:2;min-width:0;display:flex}.post-text{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere;line-height:1.55}.post-text .tag{vertical-align:1px}.post-tags{gap:var(--s2);flex-wrap:wrap;display:flex}.post--status .post-text{font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-2)}.post--status .post-text strong{color:var(--ink);font-weight:600}.post-actions{gap:var(--s2);margin-left:-8px;display:flex}.paction{border-radius:var(--r);color:var(--ink-3);font-family:var(--mono);font-size:var(--fs-mono);cursor:pointer;transition:color var(--fast) var(--out), background var(--fast) var(--out);background:0 0;border:0;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.paction .ph{font-size:1rem}.paction:hover{color:var(--ink);background:var(--g2)}.paction:active{transform:scale(.96)}.paction[aria-pressed=true]{color:var(--ink)}.paction[aria-pressed=true] .ph:before{font-family:Phosphor-Fill}.media{border-radius:var(--r);border:1px solid var(--rule);background:var(--g2);position:relative;overflow:hidden}.media>img{aspect-ratio:16/9;object-fit:cover;width:100%}.media .play{color:var(--ink);cursor:pointer;transition:background var(--base) var(--out);background:linear-gradient(#0000 40%,#0000008c);place-items:center;display:grid;position:absolute;inset:0}.media .play .ph{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;transition:transform var(--fast) var(--out);background:#0000009e;border:1px solid #ffffff61;border-radius:50%;place-items:center;font-size:1.375rem;display:grid}.media .play:hover .ph{transform:scale(1.06)}.media .dur{font-family:var(--mono);color:var(--ink);background:#000000bf;border-radius:3px;padding:2px 6px;font-size:.6875rem;position:absolute;bottom:8px;right:8px}.poll{gap:var(--s2);flex-direction:column;display:flex}.poll-opt{align-items:center;gap:var(--s3);min-height:40px;padding:0 var(--s4);border:1px solid var(--rule-strong);border-radius:var(--r);color:var(--ink);font-size:var(--fs-ui);cursor:pointer;text-align:left;transition:border-color var(--fast) var(--out);background:0 0;font-weight:500;display:flex;position:relative;overflow:hidden}.poll-opt:hover{border-color:var(--ink-3)}.poll-opt .fill{background:var(--g3);transform-origin:0;z-index:0;position:absolute;inset:0}.poll-opt>span{z-index:1;position:relative}.poll-opt .pct{font-family:var(--mono);font-size:var(--fs-mono);color:var(--ink-2);margin-left:auto}.poll-opt--top{border-color:var(--ink)}.poll-opt--top .pct{color:var(--ink);font-weight:700}.poll-meta{font-family:var(--mono);color:var(--ink-3);font-size:.6875rem}.composer{gap:var(--s4);padding:var(--s4) var(--s5);background:var(--g1);border:1px solid var(--rule-strong);border-radius:var(--r-card);width:min(760px, calc(100% - var(--s4) * 2));margin:var(--s4) auto 0;grid-template-columns:40px minmax(0,1fr);display:grid}.composer-input{gap:var(--s3);flex-direction:column;display:flex}.composer-input .prompt{align-items:flex-start;gap:var(--s2);font-size:var(--fs-body);display:flex}.composer-input .prompt .chevron{font-family:var(--mono);color:var(--ink-3);-webkit-user-select:none;user-select:none;line-height:1.55}.composer-input textarea{resize:none;color:var(--ink);font-size:var(--fs-body);background:0 0;border:0;outline:none;flex:1;min-height:24px;padding:0;line-height:1.55}.composer-input textarea::placeholder{color:var(--ink-3)}.composer-tools{align-items:center;gap:var(--s1);display:flex}.composer-tools .spacer{flex:1}.ctool{border-radius:var(--r);height:30px;color:var(--ink-2);cursor:pointer;transition:background var(--fast) var(--out), color var(--fast) var(--out);background:0 0;border:0;align-items:center;gap:6px;padding-inline:10px;font-size:.75rem;font-weight:600;display:inline-flex}.ctool .ph{font-size:1.0625rem}.ctool:hover{background:var(--g2);color:var(--ink)}.room{gap:var(--s3);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r);background:var(--g1);transition:border-color var(--fast) var(--out), background var(--fast) var(--out);flex-direction:column;display:flex}.room:hover{border-color:var(--rule-strong);background:var(--g2)}.room-top{align-items:center;gap:var(--s2);display:flex}.live-dot{background:var(--live);width:7px;height:7px;animation:pulse 2.2s var(--inout) infinite;border-radius:50%;flex:none}@keyframes pulse{50%{opacity:.35}}.room-top .label{font-family:var(--mono);color:var(--live);letter-spacing:.04em;font-size:.6875rem;font-weight:600}.room-top .listeners{font-family:var(--mono);color:var(--ink-3);align-items:center;gap:4px;margin-left:auto;font-size:.6875rem;display:inline-flex}.room-title{font-size:var(--fs-ui);font-weight:700;line-height:1.35}.room-game{font-family:var(--mono);color:var(--ink-3);font-size:.6875rem}.room-bottom{align-items:center;gap:var(--s2);display:flex}.facepile{display:flex}.facepile .av--sm{border:2px solid var(--g1);border-radius:5px;margin-left:-8px}.facepile .av--sm:first-child{margin-left:0}.room-bottom .btn{margin-left:auto}.person{align-items:center;gap:var(--s3);padding:var(--s2) 0;display:flex}.person .meta{flex:1;min-width:0}.person .name{font-weight:700;font-size:var(--fs-meta);align-items:center;gap:6px;display:flex}.person .sub{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.stat{flex-direction:column;gap:2px;display:inline-flex}.stat .v{font-family:var(--mono);font-size:1.125rem;font-weight:700;line-height:1}.stat .k{font-family:var(--sans);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:.625rem;font-weight:600}.rank{font-family:var(--mono);font-size:var(--fs-mono);color:var(--ink-2);border:1px solid var(--rule-strong);border-radius:var(--r);align-items:center;gap:6px;padding:3px 8px;font-weight:600;display:inline-flex}.rank .ph{font-size:.875rem}.rank .rank-ico{object-fit:contain;flex:none;width:16px;height:16px}.xh-box{aspect-ratio:1;background:linear-gradient(var(--rule) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--rule) 1px, transparent 1px) 0 0 / 24px 24px, var(--g1);border:1px solid var(--rule);border-radius:var(--r);place-items:center;display:grid;position:relative;overflow:hidden}.xh{width:48px;height:48px;position:relative}.xh i{background:var(--xh-c,#fff);position:absolute}.xh .u,.xh .d{width:var(--xh-t,2px);height:var(--xh-l,12px);left:50%;transform:translate(-50%)}.xh .l,.xh .r{height:var(--xh-t,2px);width:var(--xh-l,12px);top:50%;transform:translateY(-50%)}.xh .u{top:calc(50% - var(--xh-gap,5px) - var(--xh-l,12px))}.xh .d{bottom:calc(50% - var(--xh-gap,5px) - var(--xh-l,12px))}.xh .l{left:calc(50% - var(--xh-gap,5px) - var(--xh-l,12px))}.xh .r{right:calc(50% - var(--xh-gap,5px) - var(--xh-l,12px))}.xh .c{width:var(--xh-dot,0px);height:var(--xh-dot,0px);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.code{font-family:var(--mono);color:var(--ink-2);background:var(--g2);border:1px solid var(--rule);border-radius:var(--r);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:.6875rem;overflow:hidden}.score{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}.rate-scale{gap:var(--s1);display:flex}.rate-btn{border:1px solid var(--rule-strong);border-radius:var(--r);width:40px;height:44px;color:var(--ink-2);font-family:var(--mono);font-size:var(--fs-ui);cursor:pointer;transition:background var(--fast) var(--out), color var(--fast) var(--out), border-color var(--fast) var(--out), transform var(--fast) var(--out);background:0 0;place-items:center;font-weight:600;display:grid}.rate-btn:hover{border-color:var(--ink);color:var(--ink)}.rate-btn:active{transform:scale(.94)}.rate-btn[aria-pressed=true]{background:var(--ink);color:var(--g0);border-color:var(--ink)}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-family:var(--sans);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-size:.6875rem;font-weight:700}.input,.select{height:36px;padding-inline:var(--s3);background:var(--g2);border:1px solid var(--rule);border-radius:var(--r);color:var(--ink);font-size:var(--fs-meta);transition:border-color var(--fast) var(--out);width:100%}.input::placeholder{color:var(--ink-3)}.input:hover,.select:hover{border-color:var(--rule-strong)}.input:focus,.select:focus{border-color:var(--ink);outline:none}.field .help{color:var(--ink-3);font-size:.75rem}.field .error{color:var(--live);font-size:.75rem}.field--error .input{border-color:var(--live)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.switch{cursor:pointer;flex:none;width:40px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch .track{background:var(--g3);border:1px solid var(--rule-strong);transition:background var(--base) var(--out), border-color var(--base) var(--out);border-radius:11px;position:absolute;inset:0}.switch .thumb{background:var(--ink-2);width:16px;height:16px;transition:transform var(--base) var(--out), background var(--base) var(--out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked~.track{background:var(--ink);border-color:var(--ink)}.switch input:checked~.thumb{background:var(--g0);transform:translate(18px)}.switch input:focus-visible~.track{outline:2px solid var(--ink);outline-offset:2px}.rowlist{flex-direction:column;display:flex}.rowlist>*{border-bottom:1px solid var(--rule)}.rowlist>:last-child{border-bottom:0}.toast{bottom:var(--s5);align-items:center;gap:var(--s3);padding:10px var(--s4);background:var(--ink);color:var(--g0);border-radius:var(--r);font-size:var(--fs-meta);z-index:100;opacity:1;transition:opacity var(--slow) var(--out), transform var(--slow) var(--out);font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}@starting-style{.toast{opacity:0;transform:translate(-50%)translateY(8px)}}.skel{background:linear-gradient(90deg, var(--g1) 25%, var(--g2) 50%, var(--g1) 75%);border-radius:var(--r);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{align-items:center;gap:var(--s3);padding:var(--s8) var(--s5);text-align:center;color:var(--ink-3);flex-direction:column;display:flex}.empty .ph{color:var(--ink-4);font-size:2rem}.empty .title{color:var(--ink);font-weight:700;font-size:var(--fs-h3)}.empty p{font-size:var(--fs-meta);max-width:36ch}@media (prefers-reduced-motion:no-preference){.print-in>*{opacity:0;animation:print-in var(--slow) var(--out) forwards;animation-delay:calc(var(--i,0) * 45ms);transform:translateY(6px)}@keyframes print-in{to{opacity:1;transform:none}}}@media (max-width:1024px){.shell{grid-template-columns:var(--rail-l) minmax(0, 1fr);grid-template-areas:"header header""nav main"}.aside{display:none}}@media (max-width:820px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-h) minmax(0, 1fr) 56px;grid-template-areas:"header""main""tabbar"}.nav,.cmdk-hint{display:none}.header{gap:var(--s3);padding-inline:var(--s4)}.cmdk{min-width:0}.header-actions{gap:var(--s1)}.header-actions .btn--solid{gap:0;width:34px;padding:0;font-size:0}.header-actions .btn--solid .ph{font-size:1rem}.composer-tools{row-gap:var(--s1);flex-wrap:wrap}.main-head{scrollbar-width:none;overflow-x:auto}.main-head::-webkit-scrollbar{display:none}.main-head h1{white-space:nowrap;flex:none}.main-head>*{flex:none}.tabbar{border-top:1px solid var(--rule);background:var(--g0);grid-area:tabbar;display:flex}.tabbar a{color:var(--ink-3);flex:1;place-items:center;font-size:1.25rem;display:grid}.tabbar a[aria-current=page]{color:var(--ink)}}@media (min-width:821px){.tabbar{display:none}}