:root{color-scheme:dark;--syco-color-bg-base:#0A0B0C;--syco-color-surface-card:#121314;--syco-color-border-frame:#1E2022;--syco-color-crt-bg:#080602;--syco-color-crt-text:#FFB000;--syco-color-crt-glow:rgba(255,140,0,.6);--syco-color-rust-accent:#C04A26;--syco-color-stencil:#E5E2D9;--syco-font-display:'Barlow Condensed',Impact,sans-serif;--syco-font-terminal:'Share Tech Mono',monospace;--syco-font-ui:'Roboto Condensed',sans-serif;--syco-border-width:2px;--syco-glow-radius:8px;--line:#303235;--muted:#a3a5a5;--amber:#FFB000}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--syco-color-bg-base);color:var(--syco-color-stencil);font:16px/1.5 var(--syco-font-ui)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--amber)}button:focus-visible,a:focus-visible,input:focus-visible,pre:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.4}.mono,code,.section-kicker{font-family:var(--syco-font-terminal);font-weight:400}p{margin:0;color:var(--muted)}h1,h2,h3{margin:0;line-height:1.05}h1,h2{font-family:var(--syco-font-display);text-transform:uppercase}h3{font-size:22px;font-weight:600}small{font-size:12px}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:37px 24px;background:#0d0e0f;display:flex;flex-direction:column;z-index:5}.wordmark{font:900 52px/.85 var(--syco-font-display);letter-spacing:-.035em;display:inline-block}.wordmark>span{color:var(--amber)}.wordmark small{display:block;font:400 12px/1.4 var(--syco-font-terminal);letter-spacing:.18em;margin-top:12px}.edition{font-size:12px;margin:32px 0 30px;border-block:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;color:var(--muted)}.edition span{color:var(--amber)}.nav-label{font:12px var(--syco-font-terminal);letter-spacing:.1em;color:#777d80;margin:0 12px 14px}.sidebar nav a{display:flex;gap:15px;padding:11px 12px;font-size:15px;border-left:2px solid transparent;margin:3px 0}.sidebar nav a span{font:12px/1.8 var(--syco-font-terminal);color:#777d80}.sidebar nav a.active{background:#211b0d;color:var(--amber);border-left-color:var(--amber)}.sidebar-bottom{margin-top:auto;padding-top:30px}.tiny-bars{color:var(--amber);font-size:25px;letter-spacing:4px}.sidebar-bottom p{font:700 24px/1.05 var(--syco-font-display);color:#aaa;margin:18px 0}.sidebar-bottom small{font-family:var(--syco-font-terminal);color:#777d80}.shell{margin-left:248px}.topline{min-height:72px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 48px;gap:16px;font-size:12px}.topline b{color:var(--amber);margin:0 12px}.text-link{font-size:14px}.text-link span{margin-left:14px;color:var(--amber)}main{max-width:1440px;margin:auto;padding:0 48px}section{padding:62px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--amber);font-size:12px;letter-spacing:.09em;margin-bottom:28px}.tag{border:1px solid var(--line);padding:5px 8px;color:var(--muted);font-size:11px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}h1{font-weight:800;font-size:clamp(44px,5.5vw,82px);line-height:.94;letter-spacing:-.015em}h1>span{color:var(--amber)}.lede{font-size:18px;line-height:1.45;margin-top:23px;color:#b4b5b3}.intro-note{font-size:11px;line-height:1.9;color:#777d80;padding-bottom:4px}.specimen{border:1px solid var(--line);background:#101113;padding:18px 22px 0}.specimen-title,.specimen-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.06em;color:#939799}.specimen-title{margin-bottom:18px}.receiver{position:relative;background:linear-gradient(145deg,#25272a,#17191b);border:2px solid #393c3e;padding:22px 22px 14px;box-shadow:inset 0 1px #606165,0 12px 30px #0006}.bolt{position:absolute;width:5px;height:5px;border-radius:50%;background:#747675;box-shadow:inset 0 -2px #151719}.tl{top:7px;left:7px}.tr{top:7px;right:7px}.bl{bottom:7px;left:7px}.br{bottom:7px;right:7px}.crt{padding:22px 26px 16px;background:var(--syco-color-crt-bg);border:2px solid #050505;box-shadow:inset 0 0 40px #000;color:var(--amber);position:relative}.crt:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px);opacity:.035;pointer-events:none}.screen-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.05em;padding-bottom:16px;border-bottom:1px solid #493313}.track{display:flex;align-items:center;gap:26px;padding:25px 0}.cover{flex:0 0 125px;aspect-ratio:1;background:#c8b786;color:#10100a;border:1px solid var(--amber);display:flex;flex-direction:column;justify-content:space-between;padding:10px;position:relative;overflow:hidden}.cover>span{font:900 19px/.82 var(--syco-font-display);letter-spacing:-.025em}.cover strong{font:900 69px/.8 var(--syco-font-display);align-self:end}.cover small{font:8px var(--syco-font-terminal)}.track-copy{min-width:0;font-family:var(--syco-font-terminal)}.eyebrow{font-size:10px;letter-spacing:.1em;color:#b58b42}.track h2{font:400 clamp(18px,2vw,27px)/1.25 var(--syco-font-terminal);margin:3px 0 8px;text-shadow:0 0 8px #ff8c0055;overflow-wrap:anywhere}.track p{color:var(--amber);font-size:18px;line-height:1.3;margin:2px 0 12px;overflow-wrap:anywhere}.track-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#c09c5e}.track-tags span{border:1px solid #493313;padding:2px 5px}.signal-line{display:flex;align-items:center;gap:18px}.signal-line>span{font-size:10px;white-space:nowrap;color:#b58b42}.meter{display:flex;gap:4px;flex:1}.meter i{height:14px;background:#3c2908;flex:1}.meter i.on{background:var(--amber);box-shadow:0 0 6px #ff8c0033}input[type=range]{width:100%;height:22px;accent-color:var(--amber);cursor:pointer}#seek{margin:12px 0 0}.timecodes{display:flex;justify-content:space-between;font-size:11px;color:#c09c5e}.transport{display:flex;align-items:center;gap:10px;padding-top:16px}.button{border:1px solid #65696d;background:#26282a;color:#e5e2d9;padding:11px 16px;min-height:44px;line-height:1.15;font-weight:700;font-size:14px;transition:background .16s,transform .16s;white-space:normal}.button:hover{background:#373a3e}.button:active{transform:translateY(1px)}.button.primary{color:#151009;background:var(--amber);border-color:var(--amber)}.button.primary:hover{background:#ffc34d}.button span{margin-right:9px}.volume{margin-left:auto;width:170px}.volume label{display:flex;justify-content:space-between;font-size:10px;color:#a1a4a5}.volume input{height:15px}.hardware-id{font-size:10px;line-height:1.5;color:#868b8e;margin-left:16px}.specimen-foot{padding:14px 0;font-size:9px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}.principles article{border-top:2px solid #434445;padding-top:17px}.principles .mono{font-size:11px;color:#9a9d9f}.principles h3{font-size:21px;margin:12px 0 9px}.principles p{font-size:15px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.section-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:800;letter-spacing:.01em;max-width:650px}.section-heading h2 span{color:var(--amber)}.section-heading p{max-width:340px;font-size:15px}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{border:1px solid var(--line);padding:0;text-align:left;background:#141517;color:var(--syco-color-stencil);min-width:0}.swatch-color{height:82px;display:block;position:relative}.swatch-color:after{content:'↗';position:absolute;right:12px;top:9px;color:currentColor;font:18px sans-serif;opacity:.7}.swatch-body{display:block;padding:12px}.swatch b{display:block;font-weight:500;font-size:15px}.swatch code{font-size:12px;color:#a5a7a9}.swatch .role{display:block;font-size:12px;color:#919698;margin-top:5px}.swatch:hover{border-color:#888}.rule-note{margin-top:24px;padding:20px 24px;border-left:2px solid var(--amber);background:#171710;display:grid;grid-template-columns:210px 1fr;gap:20px}.rule-note strong{font-weight:500}.rule-note p{font-size:15px}.rule-note b{color:var(--amber)}.type-row{display:grid;grid-template-columns:1fr 1.45fr;gap:30px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.type-row .mono{color:var(--amber);font-size:12px}.type-row h3{margin:10px 0 12px;font-size:24px}.type-row p{font-size:15px;margin-bottom:14px}.type-row code{color:#8c9093;font-size:12px}.type-display{font:900 clamp(50px,6vw,88px)/.88 var(--syco-font-display);letter-spacing:-.015em;position:relative}.type-display span{font-size:32px;vertical-align:top;color:var(--amber);margin-left:8px}.type-terminal{font:400 clamp(22px,2.6vw,36px)/1.35 var(--syco-font-terminal);color:var(--amber)}.type-terminal span{color:#8e6931}.type-ui{font:500 clamp(24px,3vw,38px)/1.25 var(--syco-font-ui)}.type-ui small{display:block;font-size:16px;color:var(--muted);margin-top:18px}.table-wrap{overflow-x:auto;border:1px solid var(--line);margin-top:24px}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}caption{text-align:left;padding:16px;color:var(--muted);font:12px var(--syco-font-terminal);text-transform:uppercase;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:#a4a6a7;font-weight:400;font-family:var(--syco-font-terminal);background:#161719}th,td{padding:13px 16px;border-bottom:1px solid #282a2c}tr:last-child td{border-bottom:0}td:first-child{font-family:var(--syco-font-terminal);color:var(--amber);font-size:14px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.component-card{padding:24px;border:1px solid var(--line);background:#121314;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.card-heading h3{font-size:22px}.card-heading .mono{font-size:11px;color:#909497}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.component-card p{font-size:14px;margin-top:16px}.states{display:flex;flex-wrap:wrap;gap:10px}.badge{border:1px solid #62676b;padding:7px 10px;font:13px var(--syco-font-terminal)}.badge.live{color:var(--amber);border-color:#866226;background:#211908}.badge.error{border-color:#d32f2f}.switch-row{display:flex;align-items:center;position:relative;gap:16px;min-height:58px;cursor:pointer}.switch-row small{display:block;color:var(--muted);font-size:13px}.switch-row input{position:absolute;right:0;width:42px;height:26px;opacity:0}.switch-shape{width:42px;height:26px;background:#343739;border:1px solid #72777b;display:block;margin-left:auto;flex-shrink:0;padding:3px}.switch-shape:before{content:'';display:block;background:#a0a3a4;width:16px;height:18px;transition:transform .16s}.switch-row input:checked+.switch-shape{background:#3a2a0a;border-color:var(--amber)}.switch-row input:checked+.switch-shape:before{background:var(--amber);transform:translateX(17px)}.switch-row input:focus-visible+.switch-shape{outline:2px solid var(--amber);outline-offset:4px}form label{display:block;font-size:14px;margin-bottom:8px}.input-row{display:flex;gap:8px}.input-row input{width:100%;min-width:0;background:#08090a;border:1px solid #74797c;color:#e5e2d9;padding:10px 12px;font-family:var(--syco-font-terminal)}.history-panel{border:1px solid var(--line);margin-top:16px;padding:24px}.history-row{display:grid;grid-template-columns:85px 1fr 118px;gap:22px;border-top:1px solid var(--line);padding:18px 0;align-items:center}.history-row>.mono{font-size:12px;color:#a4a6a7}.history-row>.mono:last-child{text-align:right}.history-row b{font:400 16px var(--syco-font-terminal);color:var(--amber)}.history-row p{font-size:15px;margin-top:5px;overflow-wrap:anywhere}.surface-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.surface{height:175px;padding:20px;border:1px solid #3b3e41;display:flex;flex-direction:column;justify-content:space-between}.surface .mono,.surface code{font-size:11px}.surface h3{font:700 32px var(--syco-font-display)}.vault{background:#0a0b0c}.concrete{background:#121314}.chassis{background:#1e2022}.phosphor{background:#080602;color:var(--amber);box-shadow:inset 0 0 24px #ff8c0007}.guidelines{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.guidelines h3{font-size:20px;margin-bottom:12px}.guidelines p{font-size:15px}.layout-spec{background:#121314;padding:24px;border:1px solid var(--line)}.grid-demo{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.grid-demo div{background:#c04a2615;border:1px solid #c04a2655;height:120px;display:grid;place-items:center;color:#b67e6e;font:12px var(--syco-font-terminal)}.grid-label{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-top:16px}.spacing{display:flex;gap:24px;margin-top:32px;align-items:end;flex-wrap:wrap}.space-item{font:12px var(--syco-font-terminal);color:#9b9d9f}.space-item i{display:block;background:var(--amber);margin-bottom:10px}.export-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.format-buttons{display:flex;gap:6px}pre{font:13px/1.7 var(--syco-font-terminal);padding:24px;background:#10100c;border:1px solid #3d3522;color:#dbb66c;max-height:470px;overflow:auto;tab-size:2;white-space:pre}footer{padding:38px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}footer .wordmark{font-size:32px}footer .mono{font-size:11px;color:#8b8e90}footer>a:last-child{font-size:12px}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);background:var(--amber);color:#131008;padding:14px 22px;box-shadow:0 6px 30px #000;opacity:0;transform:translateY(12px);pointer-events:none;transition:.16s;z-index:20}#toast.visible{opacity:1;transform:none}.no-glow .track h2{text-shadow:none}.no-scanlines .crt:after{display:none}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;background:var(--amber);color:#000;padding:16px;z-index:100}
@media(min-width:1500px){main{padding:0 64px}.topline{padding-inline:64px}}
@media(max-width:1180px){.sidebar{width:210px;padding-inline:18px}.shell{margin-left:210px}main{padding-inline:30px}.topline{padding-inline:30px}.intro-note{display:none}.section-heading{align-items:start;flex-direction:column;gap:16px}.colors{grid-template-columns:repeat(3,1fr)}.transport{flex-wrap:wrap}.hardware-id{display:none}.type-display{font-size:66px}.component-card{padding:20px}}
@media(max-width:850px){.sidebar{position:static;width:auto;padding:22px 24px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.wordmark{font-size:42px;align-self:start}.wordmark small{font-size:10px}.edition{position:absolute;top:24px;right:24px;border:0;margin:0;gap:18px}.sidebar nav{display:flex;gap:4px;overflow-x:auto;margin-top:20px;padding-bottom:10px}.sidebar nav a{white-space:nowrap;padding:10px;border-left:0;border-bottom:2px solid transparent;font-size:14px}.sidebar nav a.active{border-bottom-color:var(--amber)}.sidebar nav a span,.nav-label,.sidebar-bottom{display:none}.shell{margin:0}.topline{min-height:54px;padding-inline:24px}.topline>.mono{font-size:10px}main{padding-inline:24px}section{padding-block:42px}h1{font-size:65px}.intro{margin-bottom:28px}.component-grid{gap:12px}.principles{gap:18px}.surface{padding:14px}.surface h3{font-size:28px}}
@media(max-width:560px){main{padding-inline:16px}.topline{padding-inline:16px}.topline b{margin:0 5px}.topline .text-link{font-size:12px}.sidebar{padding-inline:16px}.edition{right:16px;font-size:10px}.section-kicker{font-size:10px;margin-bottom:22px}.tag{font-size:9px}h1{font-size:clamp(38px,11.5vw,61px)}.lede{font-size:16px}.specimen{padding:12px 10px 0}.specimen-title{font-size:8px;gap:14px}.receiver{padding:15px 10px 12px}.crt{padding:13px 12px}.screen-meta{font-size:8px;gap:8px}.track{gap:13px;align-items:start;padding:19px 0}.cover{flex-basis:74px;padding:6px}.cover>span{font-size:13px}.cover strong{font-size:38px}.cover small{font-size:5px}.track h2{font-size:18px;line-height:1.2}.track p{font-size:15px}.track .eyebrow{font-size:8px}.track-tags{font-size:8px;gap:4px}.track-tags span:last-child{display:none}.signal-line{gap:8px}.signal-line>span{font-size:8px}.meter{gap:3px}.meter i{height:10px}.transport .button{padding:11px 13px}.volume{width:auto;flex:1 1 100%;margin-top:6px}.specimen-foot{font-size:7px;gap:7px}.principles{grid-template-columns:1fr;gap:22px}.principles article{padding-top:14px}.principles h3{margin:8px 0}.section-heading h2{font-size:36px}.section-heading p{font-size:16px}.colors{grid-template-columns:repeat(2,1fr);gap:10px}.swatch-color{height:75px}.swatch-body{padding:10px}.swatch b{font-size:14px}.swatch code{font-size:11px}.rule-note{grid-template-columns:1fr;gap:8px;padding:18px}.type-row{grid-template-columns:1fr;gap:24px}.type-display{font-size:72px}.type-terminal{font-size:27px}.type-ui{font-size:28px}.component-grid{grid-template-columns:1fr}.history-panel{padding:18px}.history-panel .card-heading{align-items:start}.history-row{grid-template-columns:1fr auto;gap:9px}.history-row>div{grid-row:2;grid-column:1/-1}.history-row>.mono:last-child{grid-column:2;grid-row:1}.history-row b{font-size:15px}.surface-grid{grid-template-columns:1fr 1fr}.surface{height:150px}.guidelines{grid-template-columns:1fr;gap:24px}.grid-demo{gap:5px}.grid-demo div{height:90px;font-size:9px}.layout-spec{padding:15px}.grid-label{font-size:9px}.spacing{gap:18px}th,td{padding:12px 10px;font-size:13px}td:first-child{font-size:12px}footer{flex-wrap:wrap;gap:18px}footer .mono{font-size:9px}pre{font-size:12px;padding:16px}.export-row>div:last-child{display:flex;gap:8px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}