:root{color-scheme:light;--primary:#b00020;--primary-pressed:#8e001a;--accent-text:#b00020;--focus:#005fcc;--canvas:#fff;--surface-soft:#fbfbf9;--surface-card:#f6f6f3;--secondary-bg:#e5e5e0;--secondary-pressed:#c8c8c1;--surface-dark:#262622;--hairline:#dadad3;--hairline-soft:#e5e5e0;--on-dark:#fff;--ink:#fbfbf9;--panel:#f6f6f3;--panel2:#fff;--line:#dadad3;--line2:#e5e5e0;--text:#211922;--muted:#55554f;--dim:#62625b;--amber:#8f4700;--on-amber:#fff;--cyan:#00677f;--rose:#b00020;--violet:#702079;--easy:#00677f;--med:#8f4700;--hard:#8b0000;--code-bg:#1b1b18;--code-bar-bg:#232320;--r-md:16px;--r-lg:32px;--r-full:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--disp:ui-rounded, "Avenir Next", "Segoe UI", system-ui, sans-serif;--body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#0d1017;--panel:#141922;--panel2:#191f2b;--line:#242c3a;--line2:#2f3a4c;--text:#d7dde8;--muted:#a7b0bf;--dim:#98a3b3;--amber:#f4b860;--on-amber:#141922;--cyan:#65e3d2;--rose:#ff7b8c;--violet:#c5baff;--easy:#65e3d2;--med:#f4b860;--hard:#ff7b8c;--code-bg:#0b0e14;--code-bar-bg:#ffffff04;--primary:#c0002b;--primary-pressed:#a70022;--accent-text:#ff7b8c;--focus:#8ac7ff;--canvas:#141922;--surface-soft:#0d1017;--surface-card:#191f2b;--secondary-bg:#242c3a;--secondary-pressed:#2f3a4c;--surface-dark:#0b0e14;--hairline:#242c3a;--hairline-soft:#2f3a4c;--on-dark:#fff}}[data-theme=dark]{color-scheme:dark;--ink:#0d1017;--panel:#141922;--panel2:#191f2b;--line:#242c3a;--line2:#2f3a4c;--text:#d7dde8;--muted:#a7b0bf;--dim:#98a3b3;--amber:#f4b860;--on-amber:#141922;--cyan:#65e3d2;--rose:#ff7b8c;--violet:#c5baff;--easy:#65e3d2;--med:#f4b860;--hard:#ff7b8c;--code-bg:#0b0e14;--code-bar-bg:#ffffff04;--primary:#c0002b;--primary-pressed:#a70022;--accent-text:#ff7b8c;--focus:#8ac7ff;--canvas:#141922;--surface-soft:#0d1017;--surface-card:#191f2b;--secondary-bg:#242c3a;--secondary-pressed:#2f3a4c;--surface-dark:#0b0e14;--hairline:#242c3a;--hairline-soft:#2f3a4c;--on-dark:#fff}[data-theme=light]{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}.skip-link{top:var(--s-3);left:var(--s-3);z-index:1000;border-radius:var(--r-md);background:var(--surface-dark);color:var(--on-dark);font:700 14px var(--body);padding:10px 14px;text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}::selection{background:var(--primary);color:#fff}.display-xl{font-family:var(--disp);letter-spacing:-1.2px;color:var(--text);font-size:clamp(36px,6vw,70px);font-weight:700;line-height:1.05}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.14;background-size:44px 44px;position:fixed;inset:0;mask-image:radial-gradient(90% 60% at 50% 0,#000 30%,#0000 75%)}.shell{z-index:1;grid-template-columns:262px 1fr;max-width:1320px;margin:0 auto;display:grid;position:relative}aside{border-right:1px solid var(--hairline);background:var(--surface-card);height:calc(100vh - 64px);padding:22px 12px 40px;position:sticky;top:64px;overflow-y:auto}.brand{align-items:center;gap:11px;padding:0 8px 22px;display:flex}.brand svg{flex:none}.brand h1{font-family:var(--disp);letter-spacing:-.01em;font-size:15.5px;font-weight:600;line-height:1.25}.brand span{color:var(--muted);font-size:11px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.theme-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:12px 8px;padding:8px 12px;font-size:16px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--panel2);border-color:var(--muted)}.theme-toggle .sun,.theme-toggle .moon{transition:opacity .2s;display:inline-block}[data-theme=light] .theme-toggle .sun{opacity:1}[data-theme=light] .theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{opacity:.3}[data-theme=dark] .theme-toggle .moon{opacity:1}.navgroup{margin-top:18px}.navgroup h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:0 12px 7px;font-size:10px}.navlink{text-align:left;cursor:pointer;width:100%;color:var(--muted);font-family:var(--body);border-radius:var(--r-md);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;line-height:1.3;transition:all .15s;display:flex}.navlink:hover{background:var(--secondary-bg);color:var(--text)}.navlink.active{background:var(--surface-dark);color:var(--on-dark)}.navlink.active .idx,.navlink.active .navtempl{color:#fff9}.navlink .idx{font-family:var(--mono);color:var(--dim);flex:none;width:20px;font-size:11px}.navlink .dot{border-radius:50%;flex:none;width:6px;height:6px}.navtext{flex-direction:column;gap:2px;line-height:1.3;display:flex}.navtempl{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;opacity:1;font-size:9px;font-weight:500}main{min-width:0;padding:44px 52px 120px}section{animation:.3s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;font-size:11px}h2.title{font-family:var(--disp);letter-spacing:-.025em;margin-bottom:16px;font-size:38px;font-weight:600;line-height:1.05}.lede{color:var(--dim);max-width:60ch;font-size:16.5px;line-height:1.65}.lede b{color:var(--text);font-weight:600}.p{max-width:70ch;color:var(--dim);margin:14px 0}.p b{color:var(--text)}h2.sec,h3.sec{font-family:var(--disp);letter-spacing:-.01em;margin:38px 0 4px;font-size:20px;font-weight:600}h2.sec .num,h3.sec .num{color:var(--dim);font-family:var(--mono);margin-right:10px;font-size:14px}.code{background:var(--code-bg);border:1px solid var(--line);border-radius:12px;margin:16px 0;overflow:hidden}.codebar{border-bottom:1px solid var(--line);background:var(--code-bar-bg);align-items:center;gap:8px;padding:9px 14px;display:flex}.codebar .fn{font-family:var(--mono);color:#b7b7ae;margin-right:auto;font-size:12px}.langtog{background:var(--panel);border-radius:7px;gap:2px;padding:2px;display:flex}.langtog button{font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;min-height:28px;padding:4px 10px;font-size:11px;transition:all .15s}.langtog button.sel{background:var(--panel2);color:var(--text)}.copy{font-family:var(--mono);color:#b7b7ae;border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:6px;min-height:28px;padding:4px 9px;font-size:11px;transition:all .15s}.copy:hover{color:var(--text);border-color:var(--muted)}pre{font-family:var(--mono);color:#e7e7e2;margin:0;padding:16px 18px;font-size:12.8px;line-height:1.75;overflow-x:auto}pre code{white-space:pre}:root{--kw-color:#e39bd6;--str-color:#9ad67f;--cmt-color:#a0a099;--num-color:#e8b06a}.k{color:var(--kw-color)}.s{color:var(--str-color)}.c{color:var(--cmt-color);font-style:italic}.n{color:var(--num-color)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kw-color:#e39bd6;--str-color:#9ad67f;--cmt-color:#a0a099;--num-color:#e8b06a}}[data-theme=dark],[data-theme=light]{--kw-color:#e39bd6;--str-color:#9ad67f;--cmt-color:#a0a099;--num-color:#e8b06a}.chip{font-family:var(--mono);border:1px solid var(--line2);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:inline-flex}.chip.pat{color:var(--violet);background:#9d8bf014;border-color:#9d8bf059}.badge{font-family:var(--mono);letter-spacing:.02em;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.b-easy{color:var(--easy);background:#39d6c21a}.b-med{color:var(--med);background:#eaa53a1a}.b-hard{color:var(--hard);background:#f2637a1a}.phead{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.phead .lc{font-family:var(--mono);color:var(--dim);font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}@media (width<=760px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card h2,.card h3,.card h5{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;margin-bottom:9px;font-size:11px;display:flex}.card p{color:var(--dim);font-size:13.5px;line-height:1.6}.card ul{margin:0;padding-left:17px}.card li{color:var(--dim);margin:5px 0;font-size:13.5px}.card li::marker{color:var(--amber)}.k-recognize h2,.k-recognize h5{color:var(--cyan)}.k-recognize{border-color:#39d6c238}.k-gotcha h2,.k-gotcha h3,.k-gotcha h5{color:var(--rose)}.k-gotcha{border-color:#f2637a33}.complex{flex-wrap:wrap;gap:22px;margin:14px 0;display:flex}.complex div{font-family:var(--mono);font-size:12px}.complex span{color:var(--dim)}.complex b{color:var(--amber);font-weight:600}.follow{margin:16px 0}.follow .row{border-top:1px solid var(--line);gap:12px;padding:11px 0;display:flex}.follow .row:last-child{border-bottom:1px solid var(--line)}.follow .rt{font-family:var(--disp);flex:none;width:230px;font-size:14px;font-weight:600}.follow .rt .lc{font-family:var(--mono);color:var(--dim);font-size:11px;font-weight:400;display:block}.follow .rn{color:var(--dim);font-size:13.5px;line-height:1.55}@media (width<=680px){.follow .row{flex-direction:column;gap:3px}.follow .rt{width:auto}}.viz{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:26px 0;padding:22px}.viz-arr{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.cell{width:46px;height:52px;font-family:var(--mono);border:1.5px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:9px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:all .28s cubic-bezier(.2,.7,.3,1);display:flex;position:relative}.cell.dead{opacity:.28;filter:saturate(.3)}.cell.mid{border-color:var(--amber);color:var(--amber);background:#eaa53a24;box-shadow:0 0 0 3px #eaa53a1f}.cell.found{border-color:var(--cyan);color:var(--cyan);background:#39d6c22e;box-shadow:0 0 0 3px #39d6c229}.cell .ptr{font-family:var(--mono);letter-spacing:.05em;font-size:10px;font-weight:700;position:absolute;top:-19px}.cell .ix{font-family:var(--mono);color:var(--dim);font-size:9.5px;font-weight:400;position:absolute;bottom:-17px}.ptr.lo{color:var(--cyan)}.ptr.hi{color:var(--rose)}.ptr.mid{color:var(--amber)}.viz-ctrl{flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;display:flex}.viz-ctrl button{font-family:var(--mono);cursor:pointer;border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:8px;padding:8px 16px;font-size:12.5px;transition:all .15s}.viz-ctrl button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.viz-ctrl button:disabled{opacity:.4;cursor:not-allowed}.viz-ctrl button.primary{background:var(--amber);color:var(--on-amber);border-color:var(--amber);font-weight:600}.viz-ctrl button.primary:hover{filter:brightness(1.08);color:var(--on-amber)}.viz-target{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:13px}.viz-target b{color:var(--cyan);font-size:15px}.viz-log{font-family:var(--mono);color:#b7b7ae;border:1px solid var(--line);background:#0b0e14;border-radius:8px;min-height:22px;margin-top:16px;padding:10px 14px;font-size:12px}.viz-log b{color:#f4b860}.btable{border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow:hidden}.btable .hrow,.btable .brow{grid-template-columns:1.6fr 1fr 2.2fr;gap:14px;padding:12px 18px;display:grid}.btable .hrow{background:var(--panel2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.btable .brow{border-top:1px solid var(--line);align-items:center}.btable .brow:hover{background:#ffffff04}.btable .bt{font-family:var(--disp);font-size:14px;font-weight:600}.btable .bt .lc{font-family:var(--mono);color:var(--dim);font-size:11px;font-weight:400;display:block}.btable .bn{color:var(--dim);font-size:13px;line-height:1.5}@media (width<=720px){.btable .hrow{display:none}.btable .brow{grid-template-columns:1fr;gap:5px}}.tmpl{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:12px;margin:16px 0;padding:18px 20px}.tmpl.b{border-left-color:var(--cyan)}.tmpl.c{border-left-color:var(--violet)}.tmpl h4{font-family:var(--disp);margin-bottom:4px;font-size:16px}.tmpl .use{color:var(--muted);margin-bottom:6px;font-size:13px}.mobonly{display:none}@media (width<=900px){body:before{display:none}.shell{grid-template-columns:1fr}aside{border-right:none;border-bottom:1px solid var(--line);z-index:20;background:var(--ink);height:auto;padding:14px 12px;position:sticky;top:0}.brand{padding-bottom:12px}.navgroup{margin-top:10px}.navgroup h4{display:none}.navwrap{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.navwrap::-webkit-scrollbar{height:0}.navlink{white-space:nowrap;border:1px solid var(--line);padding:7px 12px}.navlink .idx{display:none}main{padding:28px 20px 90px}.title{font-size:29px}.cell{width:40px;height:46px;font-size:13px}}.sitenav{z-index:50;align-items:center;gap:var(--s-4);height:64px;padding:0 var(--s-5);background:var(--canvas);border-bottom:1px solid var(--hairline);display:flex;position:sticky;top:0}.nav-wordmark{font-family:var(--disp);color:var(--accent-text);letter-spacing:-.5px;flex:none;font-size:22px;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:2px;display:flex}.nav-menu{position:relative}.nav-menu>button{font:600 15px var(--body);color:var(--text);border-radius:var(--r-md);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px 12px;display:flex}.nav-menu>button:after{content:"";border-right:1.6px solid var(--dim);border-bottom:1.6px solid var(--dim);width:6px;height:6px;transition:all .15s;transform:rotate(45deg)translateY(-1px)}.nav-menu>button:hover,.nav-menu>button[aria-expanded=true]{background:var(--surface-card)}.nav-menu>button[aria-expanded=true]:after{transform:rotate(-135deg)translateY(-1px)}.nav-dropdown{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);min-width:280px;padding:var(--s-2);display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #0000001f}.nav-menu.open .nav-dropdown{display:block}.nav-dropdown a{border-radius:var(--r-md);color:var(--text);font:600 15px var(--body);padding:10px 12px;text-decoration:none;display:block}.nav-dropdown a:hover{background:var(--surface-card)}.nav-dropdown a .sub{font:400 13px var(--body);color:var(--muted);margin-top:2px;display:block}.nav-search{background:var(--surface-card);border-radius:var(--r-full);max-width:480px;height:48px;color:var(--dim);font:400 15px var(--body);cursor:text;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.nav-search:focus-within{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--dim)}.nav-search-submit{border-radius:var(--r-full);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-search-submit:hover{background:var(--secondary-bg);color:var(--text)}.nav-search input{height:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1}.nav-right{align-items:center;gap:var(--s-3);flex:none;margin-left:auto;display:flex}.btn-primary{background:var(--primary);color:#fff;font:700 14px var(--body);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:0;align-items:center;height:40px;padding:0 18px;text-decoration:none;display:inline-flex}.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{background:var(--secondary-bg);color:var(--text);font:700 14px var(--body);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:0;align-items:center;height:40px;padding:0 18px;text-decoration:none;display:inline-flex}.btn-secondary:active{background:var(--secondary-pressed)}.nav-theme,.nav-hamburger{border-radius:var(--r-full);background:var(--surface-card);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:inline-flex}.nav-hamburger{color:var(--text);display:none}.nav-theme .moon,[data-theme=dark] .nav-theme .sun{display:none}[data-theme=dark] .nav-theme .moon{display:inline}.sitefooter{z-index:1;background:var(--canvas);border-top:1px solid var(--hairline);padding:var(--s-6) var(--s-5);position:relative}.sitefooter .cols{gap:var(--s-5);grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto;display:grid}.sitefooter h5,.sitefooter .footer-heading{font:700 14px var(--body);color:var(--text);margin:0 0 12px}.sitefooter a{color:var(--muted);font:400 14px var(--body);padding:4px 0;text-decoration:none;display:block}.sitefooter a:hover{color:var(--text)}.sitefooter .base{border-top:1px solid var(--hairline);max-width:1280px;color:var(--muted);font:400 12px var(--body);justify-content:space-between;align-items:center;margin:24px auto 0;padding-top:16px;display:flex}@media (width<=900px){.nav-search{display:none}}@media (width>=768px) and (width<=1080px){.nav-plain{display:none}}@media (width<=480px){.nav-right .nav-menu{display:none}}@media (width<=768px){.nav-hamburger{display:inline-flex}.sitenav .nav-links{display:none}.sitenav.m-open .nav-links{background:var(--canvas);border-bottom:1px solid var(--hairline);padding:var(--s-3);flex-direction:column;align-items:stretch;gap:2px;display:flex;position:absolute;top:64px;left:0;right:0;box-shadow:0 16px 40px #0000001f}.sitenav.m-open .nav-links .nav-menu{width:100%}.sitenav.m-open .nav-links .nav-menu>button{justify-content:space-between;width:100%}.sitenav.m-open .nav-links .nav-dropdown{min-width:0;box-shadow:none;border:0;padding:2px 0 8px 12px;display:none;position:static}.sitenav.m-open .nav-links .nav-menu.open .nav-dropdown{display:block}.sitefooter .cols{grid-template-columns:repeat(2,1fr)}.sitefooter .base{align-items:flex-start;gap:var(--s-2);flex-direction:column}}.mkt{z-index:1;position:relative}.hero{max-width:1000px;padding:var(--s-8) var(--s-5) var(--s-7);text-align:center;margin:0 auto}.hero .eyebrow{justify-content:center;display:inline-block}.hero h1{max-width:15ch;margin:0 auto}.hero p{font:400 18px/1.5 var(--body);color:var(--muted);max-width:620px;margin:20px auto 28px}.hero-cta{gap:var(--s-3);flex-wrap:wrap;justify-content:center;display:flex}.hero .btn-primary,.hero .btn-secondary{height:48px;padding:0 24px;font-size:15px}.mkt-band{max-width:820px;padding:var(--s-7) var(--s-5);text-align:center;margin:0 auto}.mkt-band h2{font-family:var(--disp);letter-spacing:-1.2px;color:var(--text);margin:0 0 14px;font-size:28px;font-weight:700}.mkt-band p{font:400 17px/1.6 var(--body);color:var(--muted);max-width:60ch;margin:0 auto}.section-head{max-width:1120px;padding:var(--s-6) var(--s-5) 0;margin:0 auto}.section-head h2{font-family:var(--disp);letter-spacing:-1.2px;color:var(--text);margin:0 0 6px;font-size:28px;font-weight:700}.section-head p{font:400 16px var(--body);color:var(--muted);margin:0}.feature-row{gap:var(--s-6);max-width:1120px;padding:var(--s-6) var(--s-5);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.feature-row.rev>.feat-media{order:-1}.feat-card h3{font-family:var(--disp);letter-spacing:-1.2px;color:var(--text);margin:0 0 12px;font-size:28px;font-weight:700}.feat-card p{font:400 17px/1.55 var(--body);color:var(--muted);max-width:46ch;margin:0 0 18px}.feat-count{font:600 13px var(--mono);color:var(--text);background:var(--surface-card);border-radius:var(--r-full);margin-bottom:20px;padding:6px 12px;display:inline-block}.feat-media{background:var(--surface-dark);border-radius:var(--r-lg);padding:var(--s-6);color:#e7e7e2;font:500 13px/1.7 var(--mono);overflow-x:auto}.feat-media .cm{color:#a0a099}.feat-media .kw{color:#ff9caa}.feat-media pre{white-space:pre;margin:0}.cat-grid{gap:var(--s-4);max-width:1120px;margin:var(--s-4) auto 0;padding:0 var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}.cat-tile{background:var(--surface-card);border-radius:var(--r-md);padding:var(--s-5);text-decoration:none}.cat-tile b{font:600 16px var(--body);color:var(--text);display:block}.cat-tile span{font:400 13px/1.4 var(--body);color:var(--muted);margin-top:6px;display:block}.pin-grid{columns:4 260px;column-gap:var(--s-2);max-width:1280px;margin:var(--s-4) auto 0;padding:0 var(--s-5) var(--s-8)}.pin-card{break-inside:avoid;margin-bottom:var(--s-2);background:var(--surface-card);border-radius:var(--r-md);text-decoration:none;display:block;overflow:hidden}.pin-band{justify-content:flex-end;align-items:flex-start;height:120px;padding:12px;display:flex;position:relative}.pin-band .glyph{font:700 13px var(--mono);color:#ffffffe6;letter-spacing:.04em;position:absolute;bottom:10px;left:14px}.pin-pill{background:var(--canvas);color:var(--text);font:700 12px var(--body);border-radius:var(--r-full);padding:5px 11px}.pin-body{padding:14px 16px 16px}.pin-body h3,.pin-body h4{font:600 17px var(--body);color:var(--text);margin:0 0 5px}.pin-body .meta{font:500 12px var(--mono);color:var(--muted)}.pin-body .oh{font:400 13.5px/1.45 var(--body);color:var(--muted);margin:9px 0 0}.pin-body .bigo{font:600 12px var(--mono);color:var(--text);background:var(--canvas);border-radius:var(--r-full);margin-top:10px;padding:4px 9px;display:inline-block}@media (width<=768px){.feature-row,.feature-row.rev{grid-template-columns:1fr}.feature-row.rev>.feat-media{order:0}.cat-grid{grid-template-columns:repeat(2,1fr)}.pin-grid{columns:2 160px}}@media (width<=480px){.cat-grid{grid-template-columns:1fr}.pin-grid{columns:1}}.auth-wrap{min-height:calc(100vh - 64px);padding:var(--s-6) var(--s-4);background:var(--surface-soft);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);width:100%;max-width:420px;padding:var(--s-6);box-shadow:0 16px 40px #0000001f}.auth-card h1{font:700 26px var(--disp);letter-spacing:-.5px;color:var(--text);margin:0 0 6px}.auth-card .sub{font:400 14px var(--body);color:var(--muted);margin:0 0 var(--s-5)}.field{margin-bottom:var(--s-4);flex-direction:column;gap:6px;display:flex}.field label{font:600 13px var(--body);color:var(--text)}.text-input{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);height:48px;min-height:48px;color:var(--text);font:400 15px var(--body);width:100%;padding:0 16px}.text-input::placeholder{color:var(--dim)}.text-input:focus{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px var(--primary);border-color:#0000;outline:none}.btn-block{justify-content:center;width:100%;height:48px;font-size:15px}.form-foot{margin-top:var(--s-4);text-align:center;font:400 13.5px var(--body);color:var(--muted)}.form-foot a{color:var(--text);align-items:center;min-height:24px;font-weight:600;display:inline-flex}.avatar{border-radius:var(--r-full);color:#fff;width:32px;height:32px;font:700 12px var(--body);flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar.lg{width:48px;height:48px;font-size:16px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--canvas);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.modal-scrim{z-index:90;padding:var(--s-4);background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-scrim.open{display:flex}.modal-card{background:var(--canvas);border-radius:var(--r-lg);width:100%;max-width:480px;padding:var(--s-5);box-shadow:0 16px 40px #0000001f}.modal-head{margin-bottom:var(--s-4);justify-content:space-between;align-items:center;display:flex}.modal-head h3{font:700 20px var(--disp);letter-spacing:-.5px;color:var(--text);margin:0}.modal-close{border-radius:var(--r-full);background:var(--surface-card);width:32px;height:32px;color:var(--text);cursor:pointer;border:0;font-size:15px}.role-select{border-radius:var(--r-full);background:var(--secondary-bg);height:32px;color:var(--text);font:600 13px var(--body);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dim) 50%), linear-gradient(135deg, var(--dim) 50%, transparent 50%);background-position:calc(100% - 15px) 13px,calc(100% - 10px) 13px;background-repeat:no-repeat;background-size:5px 5px;border:0;padding:0 28px 0 12px}.role-select:disabled{opacity:.5;cursor:default}.role-chip{font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-full);align-items:center;padding:3px 10px;display:inline-flex}.icon-btn{border-radius:var(--r-full);width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.icon-btn:hover{background:var(--secondary-bg);color:var(--text)}.boards-page{max-width:1280px;padding:var(--s-6) var(--s-5) var(--s-8);z-index:1;margin:0 auto;position:relative}.boards-head{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);display:flex}.boards-head h1{font:700 clamp(28px, 4vw, 40px) var(--disp);letter-spacing:-1.2px;color:var(--text);margin:0}.board-foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.new-board-tile{break-inside:avoid;margin-bottom:var(--s-2);border:2px dashed var(--hairline);border-radius:var(--r-md);min-height:180px;color:var(--muted);font:600 15px var(--body);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.new-board-tile:hover{border-color:var(--dim);color:var(--text)}.new-board-tile .plus{font:400 28px var(--disp)}.type-choice{gap:var(--s-3);margin:var(--s-4) 0;grid-template-columns:1fr 1fr;display:grid}.type-option{text-align:left;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);padding:var(--s-4);cursor:pointer;font-family:var(--body)}.type-option b{font:700 15px var(--body);color:var(--text);margin-bottom:4px;display:block}.type-option span{font:400 13px/1.45 var(--body);color:var(--muted)}.type-option.sel{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.type-option select{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-card);width:100%;height:40px;color:var(--text);font:500 13.5px var(--body);margin-top:10px;padding:0 10px}@media (width<=560px){.type-choice{grid-template-columns:1fr}}.board-topbar{z-index:1;align-items:center;gap:var(--s-3);height:56px;padding:0 var(--s-4);background:var(--canvas);border-bottom:1px solid var(--hairline);display:flex;position:relative}.board-topbar .back{font:600 14px var(--body);color:var(--muted);border-radius:var(--r-md);padding:6px 10px;text-decoration:none}.board-topbar .back:hover{background:var(--surface-card);color:var(--text)}.board-topbar h1{font:700 18px var(--disp);letter-spacing:-.3px;color:var(--text);margin:0}.board-topbar .right{align-items:center;gap:var(--s-3);margin-left:auto;display:flex}.theory-toggle{font:600 13px var(--body);color:var(--text);background:var(--secondary-bg);border-radius:var(--r-full);cursor:pointer;border:0;padding:7px 14px}.board-shell{z-index:1;grid-template-columns:300px 1fr 320px;height:calc(100vh - 120px);min-height:480px;transition:grid-template-columns .25s;display:grid;position:relative}.board-shell.theory-closed{grid-template-columns:0 1fr 320px}.theory-panel{background:var(--surface-card);border-right:1px solid var(--hairline);padding:var(--s-5) var(--s-4);overflow:hidden auto}.board-shell.theory-closed .theory-panel{border-right:0;padding:0}.theory-panel h2{font:700 20px var(--disp);letter-spacing:-.3px;color:var(--text);margin:8px 0 12px}.canvas-stage{background:var(--surface-soft);background-image:radial-gradient(var(--hairline) 1px, transparent 1px);background-size:24px 24px;position:relative;overflow:hidden}.canvas-toolbar{z-index:5;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-full);gap:4px;padding:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000001f}.tool-btn{border-radius:var(--r-full);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.tool-btn:hover{background:var(--surface-card)}.tool-btn.sel{background:var(--surface-dark);color:var(--on-dark)}.presence-stack{z-index:5;position:absolute;top:16px;right:16px}.cv-sticky{color:#5c5320;width:170px;font:500 12.5px/1.5 var(--body);background:#fff8c4;border-radius:4px;padding:12px 14px;position:absolute;transform:rotate(-2deg);box-shadow:0 4px 10px #0000001f}.cv-sticky.alt{transform:rotate(1.5deg)}.cv-rect{border:2px solid var(--cyan);background:0 0;border-radius:6px;position:absolute}.cv-ellipse{border:2px solid var(--violet);background:0 0;border-radius:50%;position:absolute}.cv-screenshot{background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;width:240px;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000024}.cv-screenshot .ss-bar{background:var(--surface-card);border-bottom:1px solid var(--hairline-soft);align-items:center;gap:4px;height:20px;padding:0 8px;display:flex}.cv-screenshot .ss-bar i{background:var(--hairline);border-radius:50%;width:7px;height:7px}.cv-screenshot .ss-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.cv-screenshot .ss-line{background:var(--secondary-bg);border-radius:4px;height:7px}.comment-pin{z-index:6;background:var(--surface-dark);width:28px;height:28px;color:var(--on-dark);font:700 12px var(--body);border:2px solid var(--canvas);cursor:pointer;border-radius:50% 50% 50% 4px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 2px 8px #00000040}.comment-pin.resolved{opacity:.45}.comment-rail{background:var(--canvas);border-left:1px solid var(--hairline);flex-direction:column;display:flex;overflow:hidden}.comment-rail-head{padding:var(--s-4);border-bottom:1px solid var(--hairline);font:700 15px var(--body);color:var(--text)}.comment-rail .threads{flex:1;overflow-y:auto}.comment-thread{padding:var(--s-4);border-bottom:1px solid var(--hairline-soft)}.comment-thread.resolved{opacity:.55}.thread-head{align-items:center;gap:8px;display:flex}.thread-head .pin-num{background:var(--surface-dark);width:20px;height:20px;color:var(--on-dark);font:700 10px var(--body);border-radius:50% 50% 50% 3px;flex:none;justify-content:center;align-items:center;display:inline-flex}.thread-head b{font:600 13.5px var(--body);color:var(--text)}.thread-head time{font:400 12px var(--body);color:var(--dim)}.resolve-btn{margin-left:auto}.thread-body{font:400 13.5px/1.5 var(--body);color:var(--text);margin:8px 0 0 28px}.thread-reply{border-left:2px solid var(--hairline);margin:10px 0 0 28px;padding-left:10px}.thread-reply .thread-body{margin-left:0}.comment-compose{padding:var(--s-3) var(--s-4);border-top:1px solid var(--hairline)}.share-row{gap:var(--s-2);margin-bottom:var(--s-4);display:flex}.share-row .text-input{font-family:var(--mono);flex:1;font-size:13px}.person-row{align-items:center;gap:var(--s-3);border-top:1px solid var(--hairline-soft);padding:10px 0;display:flex}.person-row .who{flex:1;min-width:0}.person-row .who b{font:600 14px var(--body);color:var(--text);display:block}.person-row .who span{font:400 12.5px var(--body);color:var(--muted)}@media (width<=1024px){.board-shell,.board-shell.theory-closed{grid-template-rows:60vh auto;grid-template-columns:1fr;height:auto}.theory-panel,.theory-toggle{display:none}.comment-rail{border-left:0;border-top:1px solid var(--hairline);max-height:50vh}}@media (width<=640px){.board-topbar{overflow-x:auto}.board-topbar h1{white-space:nowrap}.board-topbar .chip.pat{flex:none}}.invite-bar{gap:var(--s-2);margin:var(--s-5) 0;max-width:640px;display:flex}.invite-bar .text-input{flex:1}.invite-bar .role-select{border-radius:var(--r-md);flex:none;height:48px}.members-table{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);overflow:hidden}.members-table .mhead,.members-table .mrow{align-items:center;gap:var(--s-3);padding:12px var(--s-4);grid-template-columns:48px 1.4fr 1.8fr 130px 48px;display:grid}.members-table .mhead{background:var(--surface-card);font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.members-table .mrow{border-top:1px solid var(--hairline-soft);font:400 14px var(--body);color:var(--text)}.members-table .mrow .email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.members-table .mrow .name b{font-weight:600}.members-table .mrow .name .role-chip{margin-left:8px}@media (width<=680px){.members-table .mhead{display:none}.members-table .mrow{grid-template-columns:40px 1fr 40px}.members-table .mrow .email,.members-table .mrow .role-select{display:none}.invite-bar{flex-wrap:wrap}}.nav-plain{font:600 15px var(--body);color:var(--text);border-radius:var(--r-md);padding:8px 12px;text-decoration:none}.nav-plain:hover{background:var(--surface-card)}.nav-avatar{cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.nav-avatar:after{display:none}.nav-dropdown.right{left:auto;right:0}.form-status{min-height:22px;color:var(--accent-text);font:500 13px/1.5 var(--body);margin:8px 0}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-dashboard{min-height:calc(100vh - 64px)}.dashboard-actions,.workspace-actions,.workspace-title-row,.compose-row{align-items:center;gap:var(--s-3);display:flex}.pin-body h3{font:700 17px/1.3 var(--disp);color:var(--text);margin:0 0 5px}.empty-board-state{break-inside:avoid;justify-content:center;align-items:flex-start;gap:var(--s-3);min-height:180px;padding:var(--s-5);border:1px dashed var(--hairline);border-radius:var(--r-md);color:var(--muted);background:var(--canvas);flex-direction:column;display:flex}.app-dialog{border:1px solid var(--hairline);color:var(--text);margin:auto}.app-dialog::backdrop{backdrop-filter:blur(2px);background:#0000007a}.app-dialog .modal-head h2{font:700 21px var(--disp);margin:0}.app-dialog select.text-input{appearance:auto}.share-result{margin:var(--s-4) 0}.share-result label{font:600 13px var(--body);margin-bottom:6px;display:block}.invite-avatar{margin:0 auto var(--s-4);background:var(--surface-dark)}.reasoning-workspace{z-index:1;max-width:1540px;min-height:calc(100vh - 64px);padding:var(--s-5);margin:0 auto;position:relative}.workspace-header{justify-content:space-between;align-items:flex-start;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.workspace-header .back{color:var(--muted);font:600 13px var(--body);min-height:24px;margin-bottom:6px;text-decoration:none;display:inline-block}.workspace-header .back:hover{color:var(--text)}.workspace-title-row{flex-wrap:wrap}.workspace-title-row h1{color:var(--text);font:700 clamp(25px, 4vw, 38px) var(--disp);letter-spacing:-.8px;margin:0}.workspace-status{color:var(--muted);font:500 13px var(--body);margin-top:4px}.reasoning-intro{gap:var(--s-6);margin-bottom:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);align-items:end;display:grid}.reasoning-intro h2{font:700 21px var(--disp);color:var(--text)}.reasoning-intro>p{color:var(--muted);font:400 14px/1.55 var(--body)}.reasoning-board{gap:var(--s-3);grid-template-columns:repeat(3,minmax(260px,1fr));align-items:start;display:grid}.reasoning-lane{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-card);min-height:260px;overflow:hidden}.lane-head{min-height:112px;padding:var(--s-4);border-bottom:1px solid var(--hairline);background:var(--canvas)}.lane-head h2{font:700 16px var(--disp);color:var(--text);margin-bottom:5px}.lane-head p{color:var(--muted);font:400 12.5px/1.5 var(--body)}.lane-notes{gap:var(--s-2);min-height:145px;padding:var(--s-3);flex-direction:column;display:flex}.reasoning-lane.is-empty .lane-notes:before{content:"No notes yet";color:var(--dim);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:var(--s-3)}.reasoning-note{padding:var(--s-3);border:1px solid var(--hairline);background:var(--canvas);border-radius:10px;box-shadow:0 2px 6px #0000000a}.reasoning-note-meta{justify-content:space-between;align-items:center;gap:var(--s-2);margin-bottom:5px;display:flex}.note-author{color:var(--muted);font:600 11px var(--mono)}.reasoning-note-body{resize:vertical;width:100%;min-height:72px;color:var(--text);font:500 13.5px/1.5 var(--body);background:0 0;border:0;outline:0;display:block}.reasoning-note-body:read-only{resize:none}.board-compose-panel{bottom:var(--s-3);z-index:8;margin:var(--s-4) auto;padding:var(--s-4);border:1px solid var(--hairline);border-radius:var(--r-md);background:color-mix(in srgb, var(--canvas) 94%, transparent);backdrop-filter:blur(10px);position:sticky;box-shadow:0 12px 30px #0000001f}.board-compose-panel label{color:var(--text);font:700 13px var(--body);margin-bottom:7px;display:block}.board-compose-panel select{flex:0 0 190px}.board-compose-panel textarea{resize:vertical;height:auto;min-height:64px;padding-top:12px}.board-compose-panel .btn-primary{flex:none;align-self:stretch}.workspace-discussion{margin-top:var(--s-6);padding:var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--canvas)}.discussion-head{justify-content:space-between;align-items:end;gap:var(--s-4);padding-bottom:var(--s-4);border-bottom:1px solid var(--hairline);display:flex}.discussion-head h2{color:var(--text);font:700 21px var(--disp)}.discussion-head>span{color:var(--muted);font:500 12px var(--mono)}.comment-list{gap:var(--s-2);padding:var(--s-4) 0;display:grid}.review-comment{padding:var(--s-4);border:1px solid var(--hairline-soft);border-radius:var(--r-md);background:var(--surface-soft)}.review-comment.resolved{opacity:.58}.review-comment-head{align-items:center;gap:var(--s-3);margin-bottom:5px;display:flex}.review-comment-head strong{color:var(--text);font:700 13px var(--body)}.review-comment-head time{color:var(--dim);font:400 11px var(--mono)}.review-comment-head .btn-quiet{margin-left:auto}.review-comment p{color:var(--text);font:400 14px/1.55 var(--body)}.btn-quiet{border-radius:var(--r-full);background:var(--secondary-bg);color:var(--muted);cursor:pointer;font:600 11px var(--body);border:0;padding:5px 9px}.comment-compose-row{gap:var(--s-2);display:flex}.comment-compose-row .text-input{flex:1}.empty-copy{color:var(--muted);font:400 14px var(--body)}@media (width<=1080px){.reasoning-board{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (width<=700px){.boards-head,.workspace-header,.discussion-head{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%}.dashboard-actions>*{flex:1}.reasoning-workspace{padding:var(--s-4)}.reasoning-intro,.reasoning-board{grid-template-columns:1fr}.compose-row,.comment-compose-row{flex-direction:column;align-items:stretch}.board-compose-panel{position:static}.board-compose-panel select{flex-basis:auto}.workspace-discussion{padding:var(--s-4);border-radius:var(--r-md)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}