:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#e9f7f5;background:#061014;font-synthesis:none;--void: #061014;--void-soft: #09171c;--panel: rgba(11, 28, 34, .9);--panel-strong: #0c2027;--panel-soft: rgba(17, 42, 49, .7);--ink: #e9f7f5;--muted: #7f979d;--cyan: #37dff7;--cyan-soft: rgba(55, 223, 247, .14);--green: #7bf5ad;--green-soft: rgba(123, 245, 173, .12);--amber: #f5c96a;--danger: #ff716b;--line: rgba(141, 222, 230, .16);--line-strong: rgba(55, 223, 247, .42);--shadow: 0 26px 80px rgba(0, 0, 0, .38);--display: "DIN Alternate", "Bahnschrift Condensed", "Avenir Next Condensed", sans-serif;--mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--void)}body{position:relative;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(55,223,247,.12),transparent 30rem),radial-gradient(circle at 92% 72%,rgba(123,245,173,.07),transparent 34rem),linear-gradient(180deg,#071419,#050d10)}body:before{position:fixed;inset:0;z-index:-1;content:"";opacity:.18;background-image:linear-gradient(rgba(117,206,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(117,206,215,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}body:after{position:fixed;inset:0;z-index:20;pointer-events:none;content:"";opacity:.025;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,#ffffff 3px,transparent 4px)}button,input,textarea,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{color:inherit}.app-frame{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:relative;z-index:10;width:min(1480px,calc(100% - 48px));min-height:74px;margin:14px auto 0;padding:10px 12px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#061014c7;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 50px #00000038;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;padding:0;color:var(--ink);background:none;border:0;text-align:left;cursor:pointer}.brand-mark{position:relative;width:43px;height:43px;display:grid;place-items:center;overflow:hidden;color:var(--void);background:var(--cyan);border-radius:11px 3px;box-shadow:0 0 28px #37dff740}.brand-mark i{position:absolute;width:72px;height:1px;background:#05121647;transform:rotate(-40deg);box-shadow:0 7px #05121633,0 -7px #05121633}.brand-mark b{position:relative;font:800 13px var(--mono)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:.02em}.brand small{margin-top:3px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.18em}.topbar-actions{display:flex;align-items:center;gap:20px}.local-status,.status-chip{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.local-status i,.status-chip i,.capability-ok i,.footer i,.privacy-note i{width:6px;height:6px;display:inline-block;flex:0 0 auto;background:currentColor;border-radius:50%;box-shadow:0 0 10px currentColor}.local-status{color:var(--green)}.mode-switch{display:flex;gap:3px;padding:4px;background:#74b1b814;border:1px solid var(--line);border-radius:12px}.mode-switch button{min-width:76px;min-height:38px;padding:8px 18px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.mode-switch button:hover{color:var(--ink)}.mode-switch .is-active{color:#032028;background:var(--cyan);box-shadow:0 5px 22px #37dff742}main{width:min(1480px,calc(100% - 48px));margin:24px auto 56px}.workspace{display:grid;grid-template-columns:minmax(310px,.7fr) minmax(720px,1.55fr);gap:22px}.console-hero{position:relative;overflow:hidden;border:1px solid rgba(55,223,247,.22);box-shadow:var(--shadow)}.hero-panel{min-height:650px;padding:clamp(36px,4.5vw,68px);background:linear-gradient(155deg,#0e333cfa,#061419f7 70%),var(--panel-strong);border-radius:28px 7px}.hero-panel:before,.receiver-copy:before{position:absolute;top:20px;right:20px;width:84px;height:84px;content:"";opacity:.3;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%)}.eyebrow,.step-number,.metric-label{color:var(--cyan);font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:block;margin-bottom:18px}.hero-panel h1,.receiver-copy h1,.focus-header h1{margin:0;font-family:var(--display);font-size:clamp(50px,5.8vw,86px);font-weight:800;line-height:.94;letter-spacing:-.045em;text-transform:uppercase}.hero-panel p,.receiver-copy>p{max-width:34rem;margin:28px 0;color:#a1b7bb;font-size:15px;line-height:1.85}.beam-visual{position:absolute;right:-10%;bottom:21%;left:36%;height:140px;opacity:.54;transform:skewY(-8deg)}.beam-visual span{position:absolute;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan)}.beam-visual span:nth-child(1){top:20%}.beam-visual span:nth-child(2){top:50%;animation-delay:.7s}.beam-visual span:nth-child(3){top:80%;animation-delay:1.4s}.beam-visual span:after{position:absolute;right:15%;width:8px;height:8px;content:"";background:var(--cyan);border-radius:50%;box-shadow:0 0 24px var(--cyan);transform:translateY(-50%);animation:beam-travel 2.8s linear infinite}.protocol-readout{position:absolute;right:clamp(30px,4vw,58px);bottom:42px;left:clamp(30px,4vw,58px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.protocol-readout span{padding:17px 12px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.protocol-readout strong{display:block;margin-bottom:4px;color:var(--ink);font:700 10px var(--mono);letter-spacing:.07em}.control-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.console-card,.step-card,.handshake-card,.scan-card,.result-card{position:relative;background:linear-gradient(145deg,#11272ee6,#07151af0),var(--panel);border:1px solid var(--line);border-radius:20px 5px;box-shadow:0 18px 54px #0003;backdrop-filter:blur(12px)}.console-card:before{position:absolute;top:-1px;left:24px;width:42px;height:1px;content:"";background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.step-card{min-width:0;padding:25px;display:flex;flex-direction:column;gap:17px;opacity:.72;transition:border-color .18s ease,opacity .18s ease,transform .18s ease}.step-card.is-active,.step-card.is-complete{opacity:1}.step-card.is-active{border-color:var(--line-strong);box-shadow:0 20px 60px #00000047,inset 0 0 35px #37dff709}.step-card.is-complete{border-color:#7bf5ad3d}.step-heading,.handshake-heading,.scan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status-chip{min-height:24px;padding:5px 8px;background:#7f979d12;border:1px solid rgba(127,151,157,.12);border-radius:999px}.status-chip.is-live,.status-chip.is-ready{color:var(--cyan);background:var(--cyan-soft);border-color:#37dff73d}.status-chip.is-complete{color:var(--green);background:var(--green-soft);border-color:#7bf5ad33}.status-chip.is-live i{animation:signal-pulse 1.2s ease-out infinite}.step-copy h2,.handshake-card h2,.scan-card h2,.result-card h2{margin:3px 0 0;font-family:var(--display);font-size:25px;line-height:1.1;letter-spacing:-.02em}.step-copy p,.card-caption{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.file-drop{min-height:142px;display:grid;place-items:center;align-content:center;gap:7px;padding:18px;overflow:hidden;background:linear-gradient(135deg,rgba(55,223,247,.045),transparent),#010b0e52;border:1px dashed rgba(55,223,247,.34);border-radius:13px;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.file-drop:hover{background:var(--cyan-soft);border-color:var(--cyan)}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-drop__icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:4px;color:var(--cyan);background:var(--cyan-soft);border:1px solid rgba(55,223,247,.25);border-radius:50%;font:300 24px var(--mono)}.file-drop strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-drop>span:last-child{color:var(--muted);font-size:10px}textarea,input,select{width:100%;padding:12px 13px;color:var(--ink);background:#030e1299;border:1px solid var(--line);border-radius:9px}textarea::placeholder,input::placeholder{color:#62777d}textarea{min-height:78px;resize:vertical}.text-source{display:grid;gap:6px}.text-button{padding:7px 0;color:var(--cyan);background:transparent;border:0;font-size:12px;font-weight:750;cursor:pointer}.scanner-stage{position:relative;overflow:hidden;min-height:280px;background:linear-gradient(rgba(55,223,247,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(55,223,247,.025) 1px,transparent 1px),#02090c;background-size:24px 24px;border:1px solid rgba(55,223,247,.16);border-radius:13px}.scanner-stage--compact{min-height:158px}.scanner-preview,.receiver-video{width:100%;height:100%;display:block;object-fit:cover;background:transparent}.scanner-preview{position:absolute;inset:0}.receiver-video{min-height:280px}.scan-reticle{position:absolute;inset:13%;pointer-events:none;border:1px solid rgba(55,223,247,.12)}.scan-reticle:before,.scan-reticle:after{position:absolute;inset:-1px;content:""}.scan-reticle:before{border:solid var(--cyan);border-width:2px 0 0 2px;clip-path:polygon(0 0,38px 0,38px 2px,2px 2px,2px 38px,0 38px)}.scan-reticle:after{border:solid var(--cyan);border-width:0 2px 2px 0;clip-path:polygon(100% 100%,calc(100% - 38px) 100%,calc(100% - 38px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 38px),100% calc(100% - 38px))}.scan-beam{position:absolute;top:0;right:0;left:0;height:1px;opacity:0;background:var(--cyan);box-shadow:0 0 14px 2px #37dff7a6}.scanner-stage.is-live .scan-beam,.scanner-stage--compact .scan-beam{opacity:1;animation:scan-sweep 2.4s ease-in-out infinite}.scanner-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:7px;color:var(--muted);text-align:center}.scanner-placeholder strong,.camera-label{color:#37dff799;font:600 10px var(--mono);letter-spacing:.14em}.scanner-placeholder span{font-size:11px}.camera-label{position:absolute;right:12px;bottom:10px}details{color:var(--muted);font-size:11px}summary{margin-bottom:9px;cursor:pointer}.profile-grid{display:grid;gap:8px}.profile-button{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;color:var(--ink);background:#030e1257;border:1px solid var(--line);border-radius:9px;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease}.profile-radio{width:13px;height:13px;border:1px solid #56727a;border-radius:50%}.profile-button>span:last-child{color:var(--muted);font:400 8px var(--mono)}.profile-button.is-active{background:var(--cyan-soft);border-color:var(--cyan)}.profile-button.is-active .profile-radio{background:var(--cyan);border:3px solid #0a242b;box-shadow:0 0 10px var(--cyan)}.button{min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:10px 3px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.34}.button--primary{color:#021317;background:var(--cyan);box-shadow:0 10px 28px #37dff733}.button--primary:hover:not(:disabled){box-shadow:0 12px 34px #37dff75c}.button--secondary{color:var(--ink);background:#75a0a81a;border-color:var(--line)}.button--danger{color:#fff4f3;background:#ff716b29;border-color:#ff716b52}.button-row{display:flex;flex-wrap:wrap;gap:9px}.status-line,.inline-message{min-height:2.6em;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.privacy-note{display:flex;align-items:center;gap:8px;padding-top:13px;color:#6f898f;border-top:1px solid var(--line);font-size:9px}.privacy-note i{color:var(--green)}.lark-panel{padding-top:11px;border-top:1px solid var(--line)}.lark-form{display:grid;grid-template-columns:1fr 82px;gap:8px}.lark-form .text-button{grid-column:1 / -1;justify-self:start}.page-shell--focus{max-width:1180px;margin:0 auto}.focus-header{max-width:850px;margin:52px auto 28px;text-align:center}.focus-header h1{font-size:clamp(44px,6.2vw,74px)}.focus-header p{color:var(--muted);line-height:1.7}.qr-player{padding:16px;background:#07161bf2;border:1px solid var(--line-strong);border-radius:25px 6px;box-shadow:var(--shadow),inset 0 0 60px #37dff708}.qr-stage{padding:14px;background:#030a0c;border:1px solid var(--line);border-radius:16px}.qr-stage__header{min-height:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qr-stage__session{color:#668087;font:500 9px var(--mono);letter-spacing:.08em}.qr-grid{display:grid;gap:10px;padding:clamp(10px,2vw,20px);background:#fff;border-radius:10px}.qr-grid--1{grid-template-columns:1fr}.qr-grid--2,.qr-grid--4{grid-template-columns:repeat(2,1fr)}.qr-grid canvas{width:100%;height:auto;display:block}.player-meta{display:grid;grid-template-columns:repeat(3,minmax(110px,.5fr)) minmax(260px,1.5fr);gap:10px;padding:14px 0 0}.player-metric,.loop-notice{min-height:78px;padding:13px 15px;background:#122c3399;border:1px solid var(--line);border-radius:10px}.player-metric{display:grid;align-content:center;gap:3px}.player-metric span,.player-metric small{color:var(--muted);font:500 8px var(--mono);letter-spacing:.08em}.player-metric strong{font-family:var(--display);font-size:21px}.loop-notice{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;line-height:1.55}.loop-notice i{color:var(--cyan);font:normal 30px var(--mono)}.loop-notice strong{display:block;color:var(--ink)}.qr-player>.button-row{justify-content:flex-end;padding-top:14px}.receiver-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(300px,.78fr) minmax(390px,1.1fr);gap:16px;align-items:start}.receiver-copy{position:relative;min-height:620px;padding:48px 38px;background:radial-gradient(circle at 20% 80%,rgba(55,223,247,.12),transparent 20rem),linear-gradient(155deg,#0d2d36f0,#051216f5);border-radius:27px 6px}.receiver-copy h1{font-size:clamp(42px,4.6vw,68px)}.capability-list{display:grid;gap:8px}.capability-ok,.capability-issue{padding:10px 12px;border-radius:8px;font-size:11px}.capability-ok{display:flex;align-items:center;gap:8px;color:var(--green);background:var(--green-soft);border:1px solid rgba(123,245,173,.18)}.capability-issue{color:#ffaaa5;background:#ff716b1f;border:1px solid rgba(255,113,107,.2)}.receiver-copy .protocol-readout{grid-template-columns:1fr;gap:8px}.receiver-copy .protocol-readout span{display:grid;grid-template-columns:74px 1fr;align-items:center;padding-top:9px}.receiver-copy .protocol-readout strong{margin:0}.handshake-card,.scan-card{padding:24px}.handshake-card{transition:opacity .18s ease}.handshake-card.is-dimmed{opacity:.6}.handshake-visual{position:relative;margin:22px 0 16px;padding:14px;background:#eaf7f5;border-radius:10px;box-shadow:0 0 32px #37dff71a}.handshake-qr{width:100%!important;height:auto!important;display:block}.corner{position:absolute;z-index:1;width:20px;height:20px;border-color:var(--cyan);border-style:solid;filter:drop-shadow(0 0 5px var(--cyan))}.corner--tl{top:-5px;left:-5px;border-width:2px 0 0 2px}.corner--tr{top:-5px;right:-5px;border-width:2px 2px 0 0}.corner--bl{bottom:-5px;left:-5px;border-width:0 0 2px 2px}.corner--br{right:-5px;bottom:-5px;border-width:0 2px 2px 0}.scan-card .button{width:100%;margin-top:12px}.scan-card .status-line{margin-top:10px}.telemetry{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.telemetry__primary{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px}.progress-orbit{--progress: 0deg;position:relative;width:108px;height:108px;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--progress),rgba(94,139,146,.14) 0);border-radius:50%;box-shadow:0 0 25px #37dff71f}.progress-orbit:before{position:absolute;inset:5px;content:"";background:#0a1b20;border:1px solid rgba(55,223,247,.14);border-radius:50%}.progress-orbit.is-complete{background:conic-gradient(var(--green) 360deg,transparent 0);box-shadow:0 0 28px #7bf5ad3d}.progress-orbit>div{position:relative;display:grid;text-align:center}.progress-orbit strong{font:750 24px var(--mono)}.progress-orbit span{margin-top:3px;color:var(--muted);font-size:8px}.telemetry__volume{min-width:0;display:grid;gap:5px}.telemetry__volume strong{overflow:hidden;font:700 25px var(--mono);text-overflow:ellipsis}.metric-detail{color:var(--muted);font-size:10px}.telemetry__bar{height:4px;margin-top:7px;overflow:hidden;background:#75a0a81f;border-radius:99px}.telemetry__bar span{height:100%;display:block;background:linear-gradient(90deg,#1698ac,var(--cyan));border-radius:inherit;box-shadow:0 0 10px var(--cyan);transition:width .25s ease}.telemetry__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.metric-tile{min-width:0;padding:11px;background:#020d1161;border:1px solid rgba(141,222,230,.1);border-radius:8px}.metric-tile strong,.metric-tile small{display:block}.metric-tile strong{margin-top:7px;overflow:hidden;font:650 14px var(--mono);text-overflow:ellipsis;white-space:nowrap}.metric-tile small{margin-top:4px;overflow:hidden;color:#617a80;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.telemetry__note{margin:10px 0 0;color:#617a80;font-size:9px;line-height:1.5}.result-card{grid-column:2 / 4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border-color:#7bf5ad52;box-shadow:0 18px 60px #0000003d,inset 0 0 40px #7bf5ad06}.result-check{width:52px;height:52px;display:grid;place-items:center;color:#042014;background:var(--green);border-radius:50%;box-shadow:0 0 24px #7bf5ad47;font:800 23px var(--mono)}.result-card .eyebrow{margin-bottom:5px;color:var(--green)}.result-card p,.result-card small{color:var(--muted)}.result-card small{display:block;margin-top:7px;font-size:9px}.text-result{max-height:210px;overflow:auto;padding:13px;color:var(--ink);background:#020c0fa6;border:1px solid var(--line);border-radius:8px;white-space:pre-wrap}.update-toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:340px;display:grid;gap:8px;padding:18px;color:var(--ink);background:#0b2027;border:1px solid var(--line-strong);border-radius:16px 4px;box-shadow:var(--shadow)}.update-toast span{color:var(--muted);font-size:11px}.footer{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:18px 2px 25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;color:#577178;border-top:1px solid var(--line);font:500 9px var(--mono);letter-spacing:.04em}.footer>span{display:flex;align-items:center;gap:7px;color:var(--green)}.footer p{margin:0}.footer a{color:#6d8990;text-decoration:none}@keyframes beam-travel{0%{right:95%}to{right:0}}@keyframes signal-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes scan-sweep{0%,to{top:4%}50%{top:96%}}@media(max-width:1220px){.workspace{grid-template-columns:1fr}.hero-panel{min-height:430px}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel .step-card:last-child{grid-column:1 / -1}.receiver-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.receiver-copy{grid-column:1 / -1;min-height:380px}.receiver-copy .protocol-readout{grid-template-columns:repeat(3,1fr)}.receiver-copy .protocol-readout span{display:block}.result-card{grid-column:1 / -1}}@media(max-width:820px){.topbar,main,.footer{width:min(100% - 28px,1480px)}.local-status{display:none}.receiver-layout,.control-panel{grid-template-columns:1fr}.control-panel .step-card:last-child,.receiver-copy,.result-card{grid-column:auto}.hero-panel,.receiver-copy{min-height:460px;padding:36px 28px}.receiver-copy .protocol-readout,.player-meta{grid-template-columns:repeat(3,1fr)}.loop-notice{grid-column:1 / -1}}@media(max-width:560px){.topbar{min-height:64px;margin-top:8px;padding:8px}.brand{gap:9px}.brand-mark{width:38px;height:38px}.brand strong{font-size:14px}.brand small{display:none}.mode-switch button{min-width:55px;min-height:34px;padding:7px 10px}main{margin-top:14px;margin-bottom:34px}.hero-panel,.receiver-copy{min-height:420px;padding:30px 23px;border-radius:20px 5px}.hero-panel h1,.receiver-copy h1{font-size:46px}.hero-panel p,.receiver-copy>p{margin:21px 0;font-size:13px;line-height:1.7}.protocol-readout,.receiver-copy .protocol-readout{right:23px;bottom:25px;left:23px;grid-template-columns:repeat(3,1fr)}.protocol-readout span{padding-right:5px;font-size:8px}.protocol-readout strong{font-size:8px}.step-card,.handshake-card,.scan-card,.result-card{padding:20px}.step-heading,.handshake-heading,.scan-heading{align-items:center}.status-chip{font-size:7px}.handshake-card{order:1}.scan-card{order:2}.result-card{order:3;grid-template-columns:1fr}.result-check{width:42px;height:42px}.result-card .button-row{display:grid;grid-template-columns:1fr 1fr}.result-card .button--primary{grid-column:1 / -1;grid-row:1}.scanner-stage,.receiver-video{min-height:240px}.telemetry__primary{grid-template-columns:98px 1fr;gap:12px}.progress-orbit{width:94px;height:94px}.progress-orbit strong,.telemetry__volume strong{font-size:20px}.metric-tile{padding:9px 8px}.metric-tile strong{font-size:12px}.page-shell--focus .focus-header{margin-top:30px}.focus-header h1{font-size:44px}.qr-player{padding:9px}.qr-stage{padding:8px}.qr-grid--2,.qr-grid--4{gap:4px;padding:7px}.player-meta{gap:6px}.player-metric{min-height:68px;padding:10px}.player-metric strong{font-size:17px}.footer{grid-template-columns:1fr auto}.footer p{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}