:root{--bg:#1e1e1e;--bg-deep:#111313;--panel:#171a1a;--panel-raised:#202423;--text:#eef4f5;--text-soft:#aab6b8;--text-muted:#7e8b8e;--text-faint:#596568;--line:#ffffff17;--line-strong:#ffffff26;--cyan:#00e5ff;--cyan-soft:#00e5ff1c;--green:#71f5b5;--amber:#ffb547;--mono:"Cascadia Mono", "Consolas", "Courier New", monospace;--sans:"Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}a{color:var(--cyan)}h1,h2,h3,p,dl,dd{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{color:#fff;background:#00e5ff47}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40 padding-box padding-box}.app-shell{background:radial-gradient(at 50% -8%,#00e5ff13,#0000 42%),radial-gradient(at 92% 28%,#00e5ff09,#0000 30%),linear-gradient(#222424 0%,#191b1b 45%,#111313 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{z-index:0;content:"";opacity:.1;pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 28%,#000 0%,#0000 68%);mask-image:radial-gradient(at 50% 28%,#000 0%,#0000 68%)}.ambient{z-index:0;filter:blur(28px);pointer-events:none;border-radius:50%;position:absolute}.ambient--top{background:radial-gradient(circle,#00e5ff14,#0000 68%);width:760px;height:760px;top:-380px;left:-180px}.ambient--bottom{background:radial-gradient(#00e5ff14,#0000 70%);width:760px;height:260px;bottom:70px;right:8%}.page-frame{z-index:1;width:min(100%,1920px);margin:0 auto;padding:36px clamp(22px,3.4vw,64px) 42px;position:relative}.site-header{justify-content:space-between;align-items:flex-start;gap:32px;animation:.52s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.brand{min-width:0}.eyebrow{color:#7f8d90;letter-spacing:2.6px;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:650;line-height:1;display:flex}.eyebrow--cyan{color:#7ca4a8}.status-dot{border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.status-dot--cyan{background:var(--cyan);box-shadow:0 0 10px #00e5ffcc}.status-dot--green{background:var(--green);box-shadow:0 0 9px #71f5b5a6}.brand h1{color:#f2f7f8;letter-spacing:-1.1px;margin-top:10px;font-size:clamp(38px,3.15vw,54px);font-weight:720;line-height:1.06}.brand__subtitle{color:#97a4a6;letter-spacing:.1px;margin-top:9px;font-size:15px}.brand__meta{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.brand__meta span{color:#68777a;letter-spacing:.45px;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:600;line-height:1}.header-actions{flex:none;align-items:stretch;gap:12px;display:flex}.status-card{background:linear-gradient(145deg,#292d2eeb,#17191af0);border:1px solid #ffffff1c;border-radius:16px;min-width:190px;padding:12px 14px;box-shadow:inset 0 1px #ffffff12,0 12px 26px #00000029}.status-card__label{color:#6d7a7d;letter-spacing:1.8px;font-size:8px;font-weight:650;line-height:1}.ime-state{justify-content:space-between;align-items:center;gap:20px;margin-top:9px;display:flex}.ime-state__name{color:#dee8e9;font-size:15px;font-weight:600;line-height:1.1}.ime-state__hint{color:#6f7d80;letter-spacing:.2px;margin-top:6px;font-size:9px;line-height:1}.ime-badge{border-radius:12px;place-items:center;width:48px;height:48px;font-size:26px;font-weight:700;line-height:1;display:grid;box-shadow:0 0 18px #00e5ff40,inset 0 1px #ffffff94}.ime-badge--cn{color:#06262b;background:linear-gradient(#7af4ff,#00d5ef)}.ime-badge--en{color:#2e1e06;background:linear-gradient(#ffd286,#f0a52e);box-shadow:0 0 18px #ffb5473d,inset 0 1px #ffffff8c}.demo-control{width:278px;min-height:86px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#292d2eeb,#17191af0);border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 12px 26px #00000029}.demo-control:hover{border-color:#00e5ff57;box-shadow:inset 0 1px #ffffff14,0 0 28px #00e5ff14,0 12px 26px #0000002e}.demo-control:active{transform:translateY(1px)}.demo-control.is-playing{border-color:#00e5ff85;box-shadow:inset 0 1px #ffffff17,0 0 34px #00e5ff1a}.demo-control__icon{width:38px;height:38px;color:var(--cyan);background:#00e5ff14;border:1px solid #00e5ff3d;border-radius:10px;flex:none;place-items:center;font-size:15px;line-height:1;display:grid}.demo-control__copy{flex-direction:column;gap:5px;min-width:0;display:flex}.demo-control__copy strong{color:#e7f1f2;font-size:13px;font-weight:620;line-height:1.1}.demo-control__copy small{color:#718083;letter-spacing:.15px;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.35;overflow:hidden}.demo-control__progress{transform-origin:0;background:linear-gradient(90deg, #00e5ff33, var(--cyan));height:2px;transition:transform .12s linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #00e5ff8c}.workspace{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;margin-top:28px;animation:.64s cubic-bezier(.22,1,.36,1) 40ms both rise-in;display:grid}.stage-column{min-width:0}.popup-dock{justify-content:center;align-items:flex-end;min-height:202px;padding-bottom:15px;display:flex}.popup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#262b2cf7 0%,#171a1bfa 100%);border:1px solid #70ebf940;border-radius:20px;width:min(100%,1000px);padding:20px 28px 22px 34px;animation:2s cubic-bezier(.22,1,.36,1) both popup-life;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061,0 0 0 1px #0000002e,inset 0 1px #ffffff13,0 0 44px #00e5ff0e}.popup-card__accent{background:linear-gradient(#69f7ff 0%,#00e5ff38 100%);border-radius:3px;width:3px;position:absolute;top:20px;bottom:20px;left:0;box-shadow:0 0 16px #00e5ff80}.popup-card__meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.popup-card__kicker{color:#9ba9ac;letter-spacing:1.7px;align-items:center;gap:8px;font-size:10.5px;font-weight:650;line-height:1;display:flex}.source-chip{color:#79979a;font-family:var(--mono);letter-spacing:.6px;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff17;border-radius:5px;flex:none;padding:5px 8px;font-size:9px;font-weight:600;line-height:1}.source-chip--demo{color:#7c9da1}.source-chip--live{color:#82a99a}.popup-card__title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:11px;display:flex}.popup-card__title{color:var(--text);letter-spacing:-.4px;font-size:clamp(27px,2vw,35px);font-weight:720;line-height:1.12}.popup-card__description{color:#b3bfc1;letter-spacing:.05px;margin-top:9px;font-size:17px;line-height:1.5}.popup-card__tip{color:#d6b981;letter-spacing:.08px;margin-top:7px;font-size:12px;line-height:1.45}.popup-card__timer{background:#ffffff0f;border-radius:2px;height:2px;position:absolute;bottom:8px;left:34px;right:28px;overflow:hidden}.popup-card__timer:after{content:"";transform-origin:0;background:linear-gradient(90deg,#00e5ff47,#00e5ffe6);width:100%;height:100%;animation:2s linear both timer-drain;display:block}.idle-card{color:#97a4a6;background:#181b1b7a;border:1px dashed #ffffff1f;border-radius:18px;align-items:center;gap:16px;width:min(100%,1000px);padding:16px 20px;display:flex}.idle-card__icon{color:#78dce5;background:#00e5ff0b;border:1px solid #00e5ff2e;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.idle-card strong{color:#c4d2d3;font-size:13px;font-weight:600;display:block}.idle-card p{color:#69777a;margin-top:4px;font-size:11px;line-height:1.45}.key-tokens{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.key-tokens__item{align-items:center;gap:6px;display:inline-flex}.key-tokens__separator{color:#5d6b6e;font-size:11px;font-weight:500;line-height:1}.key-token{color:#d6fbff;min-width:30px;height:29px;font-family:var(--mono);letter-spacing:.12px;white-space:nowrap;background:linear-gradient(#00e5ff21,#00e5ff0e);border:1px solid #00e5ff47;border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-size:12.5px;font-weight:650;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.key-tokens--compact,.key-tokens--compact .key-tokens__item{gap:5px}.key-tokens--compact .key-token{color:#d0f9fd;border-color:#00e5ff36;border-radius:5px;min-width:25px;height:25px;padding:0 7px;font-size:11.5px}.key-tokens--compact .key-tokens__separator{font-size:9px}.keyboard-stage{width:100%;min-width:0;position:relative}.keyboard-stage__inner{transform-origin:top;will-change:transform;transition:transform .18s;position:absolute;top:0;left:50%}.keyboard-shell{background:linear-gradient(155deg,#bdbaae 0%,#acaa9e 32%,#949186 70%,#838077 100%);border:1px solid #ece9dd8f;border-radius:19px;width:1500px;height:522px;padding:14px 22px 18px;position:relative;box-shadow:0 42px 88px #000000a3,0 10px 24px #00000057,inset 0 2px #ffffff80,inset 0 -2px #0000003d,0 0 0 1px #00000073}.keyboard-rail{border-bottom:1px solid #2727211f;justify-content:space-between;align-items:center;width:1456px;height:24px;margin-bottom:10px;padding:0 3px;display:flex}.keyboard-rail__brand{color:#2727218a;letter-spacing:2.1px;align-items:center;gap:12px;font-size:7.5px;font-weight:650;line-height:1;display:flex}.keyboard-rail__divider{background:#27272133;width:1px;height:8px}.keyboard-rail__status{color:#27272194;letter-spacing:1.2px;align-items:center;gap:13px;font-size:7.5px;font-weight:650;line-height:1;display:flex}.rail-led{align-items:center;gap:5px;display:flex}.rail-led__dot{border-radius:50%;width:4.5px;height:4.5px;display:inline-block}.rail-led__dot--cyan{background:#00cfea;box-shadow:0 0 7px #00e5ffcc}.rail-led__dot--green{background:#42c68e;box-shadow:0 0 6px #42c68eb3}.power-button{color:#27272173;background:radial-gradient(circle at 35% 28%,#ffffff57,#ffffff0a 70%);border:1px solid #27272152;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;box-shadow:inset 0 1px 1px #ffffff40,0 1px 1px #00000026}.keyboard-rows{flex-direction:column;gap:8px;width:1456px;display:flex}.key-row{gap:6px;width:100%;display:flex}.key-row--function{height:42px}.key-row--main{height:62px}.key-row--lower{height:56px}.keyboard-bottom-main{flex-grow:12.5;flex-basis:0;gap:6px;min-width:0;display:flex}.keyboard-arrow-group{flex-grow:3;flex-basis:0;gap:6px;min-width:0;display:flex}.keyboard-lower-spacer{flex-grow:12.5;flex-basis:0}.keycap{color:#eeece2;-webkit-user-select:none;user-select:none;background:linear-gradient(#5c5c54 0%,#4b4b44 100%);border:1px solid #30302b;border-bottom:2px solid #24241f;border-radius:9.5px;justify-content:center;align-items:center;min-width:0;height:100%;transition:background 80ms linear,transform 80ms,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #00000024,0 2px 3px #0000003d}.keycap--function{background:linear-gradient(#5b5b54 0%,#494942 100%);border-radius:7.5px}.keycap--modifier{background:linear-gradient(#5a5a53 0%,#484841 100%)}.keycap--nav,.keycap--arrow{background:linear-gradient(#56564f 0%,#474740 100%)}.keycap.is-active{color:#fff;background:linear-gradient(#6ff7ff 0%,#00e5ff 47%,#00bed6 100%);border-color:#cdfcfff5 #cdfcfff5 #a8f8ff;transform:translateY(1.8px)scale(.982);box-shadow:0 0 0 1px #00e5ff3d,0 0 20px #00e5ffad,0 0 48px #00e5ff3d,inset 0 1px #ffffff94}.keycap__sheen{pointer-events:none;background:linear-gradient(#ffffff13,#fff0);border-radius:8px;height:46%;position:absolute;top:1px;left:1px;right:1px}.keycap.is-active .keycap__sheen{background:linear-gradient(#ffffff42,#fff0)}.keycap__label{max-width:calc(100% - 10px);color:inherit;letter-spacing:0;text-overflow:clip;white-space:nowrap;padding:0 4px;font-size:21px;font-weight:560;line-height:1;overflow:hidden}.keycap--modifier .keycap__label,.keycap--function .keycap__label,.keycap--nav .keycap__label{font-weight:500}.keycap__label--symbol{font-size:20.5px;font-weight:550}.keycap__stack{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.keycap__stack--compact{gap:3px}.keycap__sub{color:#cfccbf;font-size:11.5px;font-weight:500;line-height:1}.keycap__hint{color:#cfccbf;font-size:7.5px;font-weight:500;line-height:1}.keycap.is-active .keycap__sub,.keycap.is-active .keycap__hint{color:#ffffffd1}.glyph{flex-shrink:0;display:block}.stage-meta{color:#89979a;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:14px;font-size:11px;display:flex}.stage-meta__item{color:#a7b4b6;letter-spacing:.25px;align-items:center;gap:8px;font-weight:600;display:flex}.stage-meta__hint{color:#708083}.stage-meta__note{color:#596669;text-align:right;font-size:9.5px}.mobile-tip{color:#657376;text-align:center;margin-top:12px;font-size:10px;display:none}.history-panel{background:linear-gradient(160deg,#202424f7 0%,#111313fa 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;min-height:450px;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:hidden;box-shadow:0 26px 56px #00000047,inset 0 1px #ffffff0f}.history-panel__header{justify-content:space-between;align-items:flex-start;gap:14px;padding:21px 20px 13px;display:flex}.history-panel__header h2{color:#eef6f7;letter-spacing:-.3px;margin-top:8px;font-size:25px;font-weight:680;line-height:1}.text-button{color:#879598;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:5px 7px;font-size:10px;line-height:1;transition:color .14s,border-color .14s,background .14s}.text-button:hover:not(:disabled){color:#c7faff;background:#00e5ff0f;border-color:#00e5ff52}.text-button:disabled{opacity:.35;cursor:default}.history-panel__summary{color:#627073;letter-spacing:.25px;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 12px;font-size:10px;display:flex}.history-count{color:#728f92;font-family:var(--mono);white-space:nowrap;font-size:9.5px}.history-list{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 14px 12px;overflow-y:auto}.history-empty{color:#6d7b7e;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.history-empty__key{color:#7f9295;background:#ffffff06;border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:13px;font-size:25px;display:grid}.history-empty p{color:#a0adaf;font-size:14px;font-weight:600}.history-empty small{color:#5f6c6f;margin-top:5px;font-size:11px;line-height:1.5}.history-entry{border-top:1px solid #ffffff13;padding:13px 10px 12px;animation:.24s cubic-bezier(.22,1,.36,1) both history-in}.history-entry:first-child{border-top:0}.history-entry__meta{color:#5f7073;font-family:var(--mono);letter-spacing:.25px;justify-content:space-between;align-items:center;gap:10px;font-size:8.5px;line-height:1;display:flex}.history-entry__index{color:#466064}.history-entry__message{color:#b5c2c4;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;font-size:13px;line-height:1.45;display:flex}.history-entry__action{color:#8beff8;margin-top:6px;font-size:11.5px;line-height:1.4}.history-panel__hint{color:#566467;text-align:center;border-top:1px solid #ffffff13;padding:11px 20px 14px;font-size:9.5px;line-height:1.4}.reference-sections{flex-direction:column;gap:28px;margin-top:72px;display:flex}.doc-section{background:linear-gradient(160deg,#1f2323d1 0%,#131515e6 100%);border:1px solid #ffffff17;border-radius:24px;padding:clamp(24px,3vw,38px);box-shadow:0 24px 60px #0000002e,inset 0 1px #ffffff0b}.doc-section__heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.doc-section__heading h2{color:#edf5f6;letter-spacing:-.5px;margin-top:9px;font-size:clamp(25px,2.12vw,33px);font-weight:690;line-height:1.15}.doc-badge{color:#7daeb2;font-family:var(--mono);letter-spacing:.6px;white-space:nowrap;background:#00e5ff0b;border:1px solid #00e5ff33;border-radius:7px;flex:none;padding:7px 9px;font-size:10px;line-height:1}.doc-section__lede{color:#89979a;max-width:900px;margin-top:12px;font-size:14.5px;line-height:1.65}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.reference-group{background:#ffffff05;border:1px solid #ffffff14;border-radius:15px;overflow:hidden}.reference-group__header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px 14px;display:flex}.reference-group__header h3{color:#dbe8e9;font-size:17px;font-weight:620;line-height:1.2}.reference-group__header p{color:#617073;margin-top:4px;font-size:11px;line-height:1.4}.reference-group__header>span{color:#5b7d81;font-family:var(--mono);font-size:11px;line-height:1}.key-reference-list{padding:3px 18px 8px}.key-reference-row{border-top:1px solid #ffffff0e;grid-template-columns:minmax(96px,.34fr) 1fr;gap:16px;padding:10px 0;display:grid}.key-reference-row:first-child{border-top:0}.key-reference-row dt{color:#a4eaf0;font-family:var(--mono);font-size:13px;font-weight:560;line-height:1.5}.key-reference-row dd{color:#96a3a5;font-size:13.5px;line-height:1.6}.compact-note{background:#ffb5470b;border:1px solid #ffb54738;border-radius:16px;margin-top:18px;padding:20px 22px;position:relative}.compact-note__label{color:#b38c53;font-family:var(--mono);letter-spacing:1.3px;font-size:8.5px;font-weight:650}.compact-note h3{color:#d8c296;margin-top:8px;font-size:15px;font-weight:620}.compact-note ul{color:#a7987b;gap:6px;margin:12px 0 0;padding-left:18px;font-size:13px;line-height:1.65;display:grid}.shortcut-table-wrap{border:1px solid #ffffff14;border-radius:15px;margin-top:26px;overflow-x:auto}.shortcut-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.shortcut-table thead{background:#ffffff06}.shortcut-table th,.shortcut-table td{vertical-align:middle;border-bottom:1px solid #fff1;padding:13px 16px}.shortcut-table thead th{color:#68777a;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:650;line-height:1}.shortcut-table tbody tr:last-child th,.shortcut-table tbody tr:last-child td{border-bottom:0}.shortcut-table tbody tr{transition:background .14s}.shortcut-table tbody tr:hover{background:#00e5ff09}.shortcut-table tbody th{color:#d8f9fc;width:190px;font-weight:500}.shortcut-table code{color:#bff6fb;font-family:var(--mono);white-space:nowrap;font-size:12.5px}.shortcut-table td{color:#9fadaf;font-size:13.5px;line-height:1.55}.shortcut-table td:nth-child(2){color:#cfdddf;width:185px;font-weight:560}.ime-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.ime-note{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:13px;padding:15px 16px;display:flex}.ime-note>span{color:#47757a;font-family:var(--mono);font-size:9px;line-height:1.7}.ime-note p{color:#9daaac;font-size:13px;line-height:1.7}.site-footer{color:#586669;letter-spacing:.2px;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:18px;font-size:9px;line-height:1.5;display:flex}@keyframes popup-life{0%{opacity:0;transform:translateY(16px)scale(.94)}9%{opacity:1;transform:translateY(0)scale(1.012)}16%{transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-4px)scale(.99)}}@keyframes timer-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes history-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1280px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.demo-control{width:250px}.status-card{min-width:178px}}@media (width<=1100px){.workspace{grid-template-columns:minmax(0,1fr)}.history-panel{min-height:330px;max-height:none;position:static}.history-list{max-height:330px}.history-empty{min-height:210px}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=900px){.page-frame{padding:26px 20px 32px}.site-header{flex-direction:column;gap:22px}.header-actions{justify-content:stretch;width:100%}.status-card{flex:1}.demo-control{flex:1.4;width:auto}.popup-dock{min-height:180px}.reference-grid,.ime-notes{grid-template-columns:minmax(0,1fr)}.stage-meta__note{display:none}.reference-sections{margin-top:48px}}@media (width<=640px){.page-frame{padding:20px 14px 28px}.eyebrow{letter-spacing:1.8px;font-size:8.5px}.brand h1{font-size:36px}.brand__subtitle{font-size:13px}.brand__meta{margin-top:13px}.header-actions{flex-direction:column}.status-card{width:100%}.demo-control{width:100%;min-height:72px}.popup-dock{min-height:168px;padding-bottom:12px}.popup-card{border-radius:16px;padding:16px 18px 19px 23px}.popup-card__accent{top:16px;bottom:16px}.popup-card__meta{flex-direction:column;align-items:flex-start;gap:7px}.popup-card__title{font-size:25px}.popup-card__description{font-size:14px}.popup-card__tip{font-size:10.5px}.popup-card__timer{left:23px;right:18px}.idle-card{padding:13px 14px}.idle-card__icon{width:38px;height:38px;font-size:18px}.idle-card strong{font-size:12px}.idle-card p{font-size:10px}.stage-meta{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;font-size:9.5px}.stage-meta__hint{order:3;width:100%}.mobile-tip{display:block}.history-panel__header{padding:17px 15px 11px}.history-panel__header h2{font-size:22px}.history-panel__summary{padding:0 15px 10px}.history-list{padding:0 9px 10px}.history-entry{padding:12px 9px}.history-entry__message{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.history-entry__action{font-size:11px}.reference-sections{gap:18px;margin-top:36px}.doc-section{border-radius:18px;padding:20px 16px}.doc-section__heading{flex-direction:column;gap:12px}.doc-section__heading h2{font-size:24px}.doc-section__lede{font-size:13px}.reference-group__header{padding:14px 14px 12px}.key-reference-list{padding:2px 14px 7px}.key-reference-row{grid-template-columns:1fr;gap:4px}.key-reference-row dt{font-size:12.5px}.key-reference-row dd{font-size:13px}.compact-note{padding:16px}.compact-note ul{font-size:12px}.shortcut-table{min-width:640px}.ime-note{padding:13px}.ime-note p{font-size:12px}.site-footer{flex-direction:column;align-items:flex-start;gap:6px;font-size:8.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}