:root{--carrier:#d04c38;--fragment:#3da6a3;--background:#d7dccf;--screen-ink:#202824;--shell:#303431;--control:#c4c6be;--mono:"Courier New",Consolas,monospace;font-family:Arial,"Microsoft YaHei",sans-serif;color:#c7cbc2;background:#202423;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:1000px}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d1d76f;outline-offset:4px}button:disabled{cursor:default}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg{display:block}svg .carrier{fill:var(--carrier)}svg .fragment{fill:var(--fragment)}.skip-link{position:fixed;top:-60px;left:25px;padding:10px;background:#fff;color:#111;z-index:50}.skip-link:focus{top:10px}
.page-caption,.page-footer{max-width:1340px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1.2px}.page-caption{padding:24px 30px 15px;color:#969e96}.caption-divider{padding:0 13px;color:#646d65}.television{max-width:1300px;margin:0 auto;position:relative;background:var(--shell);border:1px solid #51564f;border-radius:24px 24px 12px 12px;padding:0 23px;box-shadow:0 18px 0 -6px #121614,0 25px 35px #10141170,inset 0 3px 1px #72776d66,inset 3px 0 4px #69716655,inset -4px 0 4px #161a16}.top-case{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#969f92;font:8px var(--mono);letter-spacing:2px}.vent{display:block;width:160px;height:12px;background:repeating-linear-gradient(90deg,#131814 0,#131814 4px,transparent 4px,transparent 8px);border-top:1px solid #1d231e;border-bottom:1px solid #4c5249}.vent-top{width:230px;height:6px;opacity:.65}.bezel{padding:15px;background:#101612;border:1px solid #141a15;border-radius:42px 42px 36px 36px;box-shadow:0 1px 0 #79817055,inset 0 3px 7px #000,inset 0 -3px 4px #50594a}.screen{height:clamp(440px,calc(100vh - 310px),610px);position:relative;overflow:hidden;background:var(--background);border-radius:29px 29px 24px 24px;color:var(--screen-ink);isolation:isolate;box-shadow:inset 0 0 0 2px #c3d1ba66}.screen.monochrome{--carrier:#181e1a;--fragment:#737b72;--background:#c6cbbf;background:var(--background)}.view{height:100%;position:relative}
.home-view{padding:30px 42px 18px;display:flex;flex-direction:column}.broadcast-meta{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1px}.broadcast-meta>span{display:flex;align-items:center;gap:10px}.small-square{width:6px;height:6px;background:currentColor}.record-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.home-heading{display:flex;justify-content:space-between;align-items:baseline;margin-top:32px}.home-heading p{font-size:13px;margin:0;letter-spacing:3px}.home-heading>span{font:9px var(--mono);letter-spacing:1px}.home-wordmark{margin:20px 0 12px;min-height:0;flex:1;display:flex;align-items:center;justify-content:flex-start}.home-wordmark>svg{width:100%;height:100%;max-height:270px;overflow:visible}.home-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:22px}.home-statement p{font:clamp(18px,1.8vw,28px)/1.05 var(--mono);font-weight:bold;letter-spacing:-1px;margin:0 0 12px}.home-statement>span{font-size:11px;letter-spacing:1px}.screen-link{background:none;border:0;border-bottom:1px solid currentColor;text-align:left;padding:0 0 10px;min-width:185px;color:var(--screen-ink);font-size:14px}.screen-link>span{float:right;font-size:25px;line-height:16px}.screen-link small{display:block;font:9px var(--mono);margin-top:9px;letter-spacing:.5px}.home-index{border-top:1px solid currentColor;display:flex;gap:30px;padding-top:10px;font:9px var(--mono);letter-spacing:.6px}.home-index span:last-child{margin-left:auto}
.window-bar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#253a49;color:#e1e6df;font:11px var(--mono);letter-spacing:1.1px;flex-shrink:0}.window-bar>span:last-child{font:10px Arial,"Microsoft YaHei",sans-serif;letter-spacing:2px}.catalog-view,.type-view{display:flex;flex-direction:column}.catalog-toolbar,.type-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 10px;background:#d9ded4;color:#242e27;border-bottom:1px solid #adb5a7;flex-shrink:0}.eyebrow{font:9px var(--mono);letter-spacing:1px}h2{margin:5px 0 0;font-weight:normal;font-size:23px;letter-spacing:2px}.group-switch{display:flex;gap:5px}.retro-button{border:1px solid #161d17;background:#c6cac0;color:#242c25;box-shadow:inset 1px 1px 0 #f4f6ed,inset -1px -1px 0 #747c6e,1px 1px 0 #151b14;border-radius:0;padding:10px 16px;font:13px var(--mono)}.retro-button[aria-pressed=true]{background:#b0b7a8;box-shadow:inset 1px 1px 0 #5b6555,inset -1px -1px 0 #e3e7dc}.retro-button span{font:11px Arial,"Microsoft YaHei",sans-serif;margin-left:5px}.alphabet-panel{display:flex;flex:1;min-height:0;flex-direction:column;padding:16px 32px 13px}.alphabet-display{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.alphabet-display>svg{height:100%;max-width:100%;width:auto;overflow:visible}.alphabet-foot{display:flex;align-items:center;gap:24px;border-top:1px solid #27372c35;margin-top:12px;padding-top:8px;color:var(--screen-ink)}.alphabet-foot>span{font-size:10px;white-space:nowrap}.alphabet-index{display:flex;justify-content:space-between;flex:1}.alphabet-index button{background:none;border:0;padding:3px 4px;font:13px var(--mono);color:inherit}.alphabet-index button:hover{background:var(--screen-ink);color:var(--background)}
.digits-panel{display:flex;justify-content:center;align-items:stretch;gap:80px;padding:18px 38px;min-height:0;flex:1}.digit-specimen{flex:1;max-width:480px;display:flex;flex-direction:column;position:relative}.digit-channel{font:10px var(--mono);letter-spacing:1px}.digit-display{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}.digit-display svg{height:100%;max-width:100%;width:auto}.digit-note{font-size:10px;letter-spacing:2px}.remote{width:217px;background:#b7beb1;border:1px solid #74816c;padding:14px 16px 12px;display:flex;flex-direction:column;box-shadow:3px 4px 0 #202b2333;color:#253026;flex-shrink:0;border-radius:9px 9px 19px 19px}.remote-head{display:flex;justify-content:space-between;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid #7f8a75}.remote-head>span{font:11px var(--mono);font-weight:bold;letter-spacing:.5px}.remote-head small{font:7px var(--mono);max-width:55px;line-height:1.25}.digit-keys{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;flex:1;min-height:0;padding:12px 0}.digit-keys button{min-height:0;padding:5px 8px;background:#cdd2c6;border:1px solid #7c8673;box-shadow:inset 1px 1px #edf0e6,inset -1px -1px #8b9682;border-radius:2px;display:flex;justify-content:center;position:relative}.digit-keys button svg{height:100%;max-width:100%;width:100%;min-height:20px}.digit-keys button:last-child{grid-column:2}.digit-keys button[aria-pressed=true]{outline:2px solid #28382c;outline-offset:1px;background:#e4e7da}.digit-key-label{position:absolute;right:3px;bottom:2px;font:8px var(--mono)}.remote-footer{font:8px var(--mono);letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.remote-led{width:4px;height:4px;background:#3e5a40;border-radius:50%}
.type-toolbar{padding-top:14px;padding-bottom:13px}.type-toolbar h2{font-size:19px}.size-control{display:flex;align-items:center;gap:9px;font:10px var(--mono)}.size-control input{width:105px;accent-color:#263c2d}.size-control output{min-width:22px}.type-output{padding:20px 28px 8px;flex:1;min-height:0;overflow:auto;scrollbar-color:#52644e #bcc6b5;font-size:144px}.typed-line{display:flex;flex-wrap:wrap;align-items:flex-start;min-height:1em;align-content:flex-start}.typed-glyph{display:block;height:1em;flex:none}.typed-space{display:block;width:.28em;height:1em;flex-shrink:0}.typed-unsupported{display:inline-flex;align-items:center;justify-content:center;font:16px var(--mono);height:1em;border:1px dashed currentColor;min-width:40px}.type-empty{font:14px var(--mono);padding:30px 0;color:var(--screen-ink)}.terminal-input{margin:8px 28px 20px;padding:11px 13px 8px;background:#e2e6da;border:1px solid #74826b;box-shadow:inset 1px 1px #9aa890;color:#243320;flex-shrink:0}.input-label{display:flex;justify-content:space-between;font:9px var(--mono);color:#55624f}.input-label label{font:10px Arial,"Microsoft YaHei",sans-serif}.input-label label span{font:11px var(--mono);font-weight:bold;margin-right:12px;color:#273625}.terminal-input textarea{background:none;border:0;outline-offset:0!important;width:100%;resize:none;padding:7px 0 0;color:#253220;font:16px/1.25 var(--mono);caret-color:#263b22;height:49px}.input-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b8c2ac;padding-top:6px}.input-footer p{font-size:9px;margin:0;max-width:78%;line-height:1.5}.sample-controls{display:flex;gap:12px}.sample-controls button{font-size:10px;background:none;border:0;padding:1px;color:#283c24}
.device-console{padding:0 10px}.main-controls{height:87px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #181f19;box-shadow:0 1px #485043}.device-logo{min-width:230px;flex:1}.device-logo strong{font:bold 21px var(--mono);letter-spacing:5px;display:block;color:#c5cbbd;text-shadow:0 1px #111b10}.device-logo>span{display:block;font:8px var(--mono);letter-spacing:1.7px;color:#8e9887;margin-top:5px}.mode-switch{display:flex;gap:9px}.mode-button{min-width:96px;display:flex;gap:15px;align-items:center;font-size:12px;padding:12px 14px;position:relative}.mode-button small{font:9px var(--mono);color:#56634f}.mode-button[aria-pressed=true]:after{content:"";height:2px;background:#c9d38a;position:absolute;bottom:-7px;left:0;right:0}.power-unit{display:flex;align-items:center;gap:14px;margin-left:auto;padding-left:45px}.status-light{width:7px;height:7px;border-radius:50%;background:#bbd6a4;box-shadow:0 0 7px #b9dd9d60}.power-unit>button{width:40px;height:38px;display:grid;place-items:center;border:1px solid #111b12;border-top-color:#747e6b;border-left-color:#63705b;background:#414b3c;box-shadow:1px 1px #151e13;color:#b6c3a9;border-radius:4px}.power-unit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.power-unit>span:last-child{font:8px var(--mono);letter-spacing:1px}
.color-console{display:flex;align-items:center;gap:22px;min-height:89px;padding:15px 0 9px}.color-console-label{width:86px;flex-shrink:0}.color-console-label>span{font:10px/1.1 var(--mono);letter-spacing:1.3px;color:#a8b29f}.color-console-label small{display:block;font-size:8px;color:#838f7b;margin-top:6px;letter-spacing:1px}.color-targets{display:flex;gap:5px}.color-target{display:flex;align-items:center;gap:9px;background:#252e23;border:1px solid #111b0f;border-top-color:#55604c;border-left-color:#55604c;padding:8px 9px;color:#bac5af;min-width:105px;text-align:left;border-radius:0}.color-target[aria-pressed=true]{background:#434e3b;border-color:#91a27f}.color-target>span{font-size:10px;white-space:nowrap}.color-target small{font:9px var(--mono);display:block;margin-top:4px;color:#93a185}.color-chip{display:block;width:15px;height:27px;border:1px solid #ced9c266;flex-shrink:0}.color-target[data-color-target=carrier] .color-chip{background:var(--carrier)}.color-target[data-color-target=fragment] .color-chip{background:var(--fragment)}.color-target[data-color-target=background] .color-chip{background:var(--background)}.tuning-section{flex:1;min-width:180px}.tuning-top{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#99a88b;margin-bottom:7px}.tuning-top label{font:9px Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}.tuning-top button{padding:0 2px;border:0;background:none;color:#c3d2b4;font:16px/12px Arial}.tuning-fields{display:flex;align-items:center;gap:8px}.tuning-fields input[type=color]{padding:0;width:23px;height:23px;border:1px solid #7e8d71;cursor:pointer;background:none;flex-shrink:0}.tuning-fields input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.tuning-fields input[type=color]::-webkit-color-swatch{border:0}.tuning-fields input[type=text]{width:70px;padding:5px 4px;background:#1e281b;color:#bccaad;border:1px solid #57674a;font:10px var(--mono);text-transform:uppercase}.tuning-fields input[type=range]{width:100%;min-width:70px;height:9px;appearance:none;border:1px solid #111b0e;background:linear-gradient(90deg,#a95151,#b2a952,#5e9c59,#579c9a,#5f6aa8,#a05a9c,#a95151)}.tuning-fields input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:19px;background:#becbac;border:1px solid #1d2c14;box-shadow:inset 1px 1px #edf4e3;cursor:ew-resize}.preset-section{flex-shrink:0}.preset-section>span{display:block;font:8px var(--mono);letter-spacing:.6px;color:#9dac8f;margin-bottom:7px}.preset-buttons{display:flex;gap:5px}.preset-buttons button{width:22px;height:22px;display:flex;padding:3px;border:1px solid #667557;background:#25331f;color:#c0d0ae;align-items:center;justify-content:center}.preset-buttons i{height:100%;width:50%}.preset-buttons [data-preset=original] i:first-child{background:#d04c38}.preset-buttons [data-preset=original] i:last-child{background:#3da6a3}.preset-buttons [data-preset=mono] i:first-child{background:#181e1a}.preset-buttons [data-preset=mono] i:last-child{background:#737b72}.preset-buttons [data-preset=blue] i:first-child{background:#243ea6}.preset-buttons [data-preset=blue] i:last-child{background:#e5ecd2}.preset-buttons [data-preset=citrus] i:first-child{background:#634189}.preset-buttons [data-preset=citrus] i:last-child{background:#ddd94e}.preset-buttons [aria-pressed=true]{outline:1px solid #c1d3ad;outline-offset:2px}.color-message{font-size:10px;color:#f3c9ad;height:0;position:relative;top:-4px}.color-message:not(:empty){height:auto;padding:4px 0}
.bottom-case{height:15px;display:flex;justify-content:center;gap:120px;align-items:center;padding-bottom:3px}.bottom-case .vent{width:100px;height:5px;opacity:.7}.bottom-case>span{width:140px;height:3px;border-bottom:1px solid #596450;border-top:1px solid #1a2317}.page-footer{padding:27px 30px 18px;gap:25px;font-size:9px;letter-spacing:.7px;color:#8b9883}.page-footer b{color:#b3bfaa;font-weight:normal;margin-right:13px}.footer-statement{opacity:.7}.page-footer>div{display:flex;gap:22px}.page-footer button{background:none;border:0;padding:0;font:10px Arial,"Microsoft YaHei",sans-serif;color:#acb9a1}
.boot-overlay{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;background:transparent}.boot-overlay>span{position:absolute;left:35px;bottom:25px;font:10px var(--mono);color:#dce4d7}.boot-overlay>i{position:absolute;left:0;right:0;height:4px;background:#c4d6b34a;top:0}.booting .boot-overlay{display:block;animation:boot-shutter 1.15s steps(1,end) both}.booting .boot-overlay>i{animation:scan-once 1.15s linear both}.skip-intro{position:absolute;right:25px;bottom:20px;z-index:12;font-size:10px;border:1px solid #9ca88f;background:#1f2b1d;color:#cad5bf;padding:6px 10px}.booting .home-wordmark{animation:signal-lock 1.15s steps(1,end) both}
.glyph-dialog,.about-dialog{padding:0;border:2px solid #6c7864;color:#253020;background:#dbe1d2;box-shadow:10px 12px #07100555;max-height:85vh}.glyph-dialog::backdrop,.about-dialog::backdrop{background:#0c130de0}.dialog-bar{height:38px;background:#253a49;color:#e5e9df;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:12px var(--mono);letter-spacing:1px}.dialog-bar button{background:#c4cbbd;border:1px solid #fff;box-shadow:inset -1px -1px #63745a;color:#273222;width:23px;height:23px;font-size:21px;line-height:18px;padding:0}.glyph-dialog{width:550px;background:var(--background);color:var(--screen-ink)}.dialog-glyph{height:440px;padding:35px;display:flex;align-items:center;justify-content:center}.dialog-glyph svg{height:100%;max-width:100%;width:auto}.glyph-dialog>p{font-size:11px;margin:0 25px 20px}.about-dialog{width:570px}.about-content{padding:33px}.about-content h2{font-size:30px;line-height:1.4;margin:12px 0 23px;letter-spacing:1px}.about-content>p{font-size:13px;line-height:1.9}.about-content dl{margin:25px 0}.about-content dl>div{display:flex;align-items:baseline;border-top:1px solid #a6b59a;padding:13px 0}.about-content dt{font-size:12px;width:125px;flex-shrink:0}.about-content dd{font-size:11px;margin:0;line-height:1.8}.about-question{border-left:3px solid #425a36;padding-left:14px;margin-bottom:0}.reduced-motion *{animation:none!important;transition:none!important}
@keyframes boot-shutter{0%{background:#172016}12%{background:#172016;clip-path:inset(49.5% 0)}24%{background:#172016;clip-path:inset(48% 0)}40%{background:transparent;clip-path:none}58%{background:#1821162b}68%{background:transparent}100%{background:transparent}}
@keyframes scan-once{from{transform:translateY(0)}to{transform:translateY(650px)}}
@keyframes signal-lock{0%,25%{visibility:hidden}26%{visibility:visible;transform:translateX(-3px)}40%{transform:translateX(0)}55%{transform:translateX(2px)}65%,100%{transform:none}}
@media(min-width:1400px){.page-caption,.page-footer{padding-left:20px;padding-right:20px}.television{max-width:1320px}.home-wordmark{margin-left:14px;margin-right:32px}}
@media(max-width:1200px){.television{margin-left:22px;margin-right:22px;padding:0 18px}.color-console{gap:12px}.color-console-label{width:65px}.color-target{min-width:92px;padding:7px 6px;gap:6px}.color-targets{gap:4px}.device-logo{min-width:180px}.power-unit{padding-left:20px}.home-view{padding-left:32px;padding-right:32px}.digits-panel{gap:40px}.footer-statement{display:none}.preset-section>span{font-size:7px}}
.screen.monochrome{--screen-ink:#202824}
.typed-word{display:inline-flex;flex-wrap:wrap;max-width:100%;flex-shrink:0}
.typed-unsupported{height:3em;align-self:center;margin:0 .2em}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.boot-overlay{display:none!important}}