:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1.2 -0.1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--mottle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1.6 -0.55'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#08090a;height:100%;margin:0}body{overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.control-deck{grid-template-columns:104px 1fr 104px;align-items:center;display:grid;position:absolute;inset:0}.control-deck__side,.control-deck__center{justify-content:center;align-items:center;display:flex}.hw-control{flex-direction:column;align-items:center;gap:12px;display:flex}.hw-label{letter-spacing:.24em;text-transform:uppercase;padding-left:.24em;font-size:12px}button{font:inherit;color:inherit}.round-button{cursor:pointer;touch-action:manipulation;background:conic-gradient(from 20deg,#70767c,#2a2d30 10%,#8d949a 22%,#303336 36%,#5f656b 48%,#1f2224 60%,#7a8187 74%,#2a2d30 88%,#70767c);border:0;border-radius:50%;padding:0;transition:transform 80ms,box-shadow 80ms;position:relative;box-shadow:0 0 0 5px #0b0c0d,0 0 0 6px #ffffff12,0 6px 10px 4px #000000a6,inset 0 1px 1px #ffffff4d}.round-button__cap{color:#c9cfd3;filter:drop-shadow(0 0 #0000);background:radial-gradient(circle at 50% 35%,#34383c,#1a1c1e 60%,#0f1011);border-radius:50%;place-items:center;display:grid;position:absolute;inset:8px;box-shadow:inset 0 2px 2px #ffffff1f,inset 0 -4px 8px #000000b3,0 0 0 1px #080909}.round-button__cap svg{filter:drop-shadow(0 1px #000000e6)drop-shadow(0 -1px #ffffff14)}.round-button:active{transform:translateY(2px)scale(.985);box-shadow:0 0 0 5px #0b0c0d,0 0 0 6px #ffffff0d,0 2px 4px 2px #000000b3,inset 0 1px 1px #fff3}.round-button:active .round-button__cap{background:radial-gradient(circle at 50% 40%,#2a2d30,#141617 60%,#0b0c0d)}.round-button:focus-visible,.ptt__key:focus-visible,.grille:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:6px}.ptt{flex-direction:column;align-items:center;gap:10px;display:flex}.ptt__well{background:linear-gradient(#0a0b0c,#16181a);border-radius:34px;padding:9px;box-shadow:inset 0 3px 8px #000000f2,0 1px #ffffff14,0 0 0 2px #0d0e0f}.ptt__key{cursor:pointer;touch-action:none;background:radial-gradient(90% 60% at 50% 0,#ffffff12,#0000 70%),linear-gradient(#2f3236 0%,#222528 45%,#191b1d 100%);border:0;border-radius:26px;flex-direction:column;justify-content:space-between;align-items:stretch;width:156px;height:176px;padding:22px 18px 16px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background 70ms;display:flex;position:relative;box-shadow:inset 0 2px 1px #ffffff1f,inset 0 -6px 10px #0000008c,0 6px #0c0d0e,0 10px 14px #0009}.ptt__key:before{content:"";border-radius:inherit;background-image:var(--grain);opacity:.12;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.ptt.is-pressed .ptt__key{background:radial-gradient(90% 60% at 50% 0,#ffffff0a,#0000 70%),linear-gradient(#26292c 0%,#1c1f21 45%,#151719 100%);transform:translateY(5px);box-shadow:inset 0 2px 1px #ffffff12,inset 0 -3px 8px #00000080,0 1px #0c0d0e,0 3px 5px #0009}.ptt__ribs{flex-direction:column;gap:9px;display:flex}.ptt__ribs span{background:#0d0e0f;border-radius:2px;height:3px;box-shadow:0 1px #ffffff17}.ptt__label{letter-spacing:.2em;text-transform:uppercase;text-align:center;white-space:nowrap;padding-left:.2em;font-size:13.5px;transition:color .12s}.ptt.is-pressed .ptt__label{color:color-mix(in srgb, var(--player) 65%, var(--engrave))}.ptt__dots{justify-content:center;gap:12px;margin-top:4px;display:flex}.ptt__dots span{background:#0b0c0d;border-radius:50%;width:7px;height:7px;box-shadow:0 1px #ffffff1a,inset 0 1px 1px #000000e6}.ptt__key:disabled{cursor:default;opacity:.7}.grille{cursor:pointer;touch-action:manipulation;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);background:linear-gradient(160deg,#3d4247,#1b1d20 50%,#2a2e32);border:0;width:84px;height:116px;padding:0;transition:transform 80ms;position:relative}.grille:before{content:"";clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:linear-gradient(#24272a,#17191b);position:absolute;inset:2px}.grille__slots{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:16px 12px}.grille__slots span{background:#050606;border-radius:5px;height:7px;box-shadow:inset 0 2px 2px #000,0 1px #ffffff14}.grille__badge{width:40px;height:40px;color:var(--engrave);background:radial-gradient(circle at 50% 35%,#2e3236,#15171a 70%);border-radius:50%;place-items:center;margin:-20px 0 0 -20px;transition:color .15s,box-shadow .15s,transform 80ms;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #0b0c0d,0 0 0 4px #ffffff0f,inset 0 1px 1px #ffffff1f,0 3px 6px #000000b3}.grille__badge svg{filter:drop-shadow(0 -1px #000000e6)}.grille:hover:not(:disabled) .grille__badge{color:var(--text)}.grille:active:not(:disabled) .grille__badge{color:var(--accent);box-shadow:0 0 0 3px #0b0c0d, 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 1px 1px #ffffff14;transform:translateY(1px)scale(.96)}.grille:disabled{cursor:default}.grille:disabled .grille__badge{color:color-mix(in srgb, var(--engrave) 45%, #000)}.stage{background:radial-gradient(60% 50% at 50% 42%,#465a5f2e,#0000 70%),radial-gradient(#16191b 0%,#08090a 75%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage:before{content:"";background-image:var(--grain);opacity:.05;pointer-events:none;position:absolute;inset:0}.device{transform-origin:50%;font-family:var(--font-ui);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;position:absolute;top:50%;left:50%}.device__knobs{height:30px;position:absolute;top:0;left:0;right:0}.knob{background:repeating-linear-gradient(90deg,#ffffff0f 0 2px,#00000040 2px 5px),linear-gradient(#2b2e31,#121416);border-radius:8px 8px 3px 3px;width:46px;height:30px;position:absolute;top:0;box-shadow:inset 0 1px #ffffff1f,inset 0 -6px 8px #0009}.knob--left{left:92px}.knob--right{width:40px;right:92px}.antenna{background:linear-gradient(90deg,#0d0e0f,#2a2d30 40%,#141618);border-radius:12px 12px 4px 4px;width:28px;height:34px;position:absolute;top:-4px;right:44px;box-shadow:inset 0 2px 2px #ffffff14}.device__shadow{filter:drop-shadow(0 28px 36px #000000bf)drop-shadow(0 4px 6px #0009);position:absolute;inset:16px 8px 6px}.device__body{--chamfer-top:40px;--chamfer-bottom:30px;clip-path:polygon(var(--chamfer-top) 0, calc(100% - var(--chamfer-top)) 0, 100% var(--chamfer-top), 100% calc(100% - var(--chamfer-bottom)), calc(100% - var(--chamfer-bottom)) 100%, var(--chamfer-bottom) 100%, 0 calc(100% - var(--chamfer-bottom)), 0 var(--chamfer-top));background:linear-gradient(160deg,#5a6066 0%,#2c3034 30%,#1a1c1f 70%,#3a3f44 100%);position:absolute;inset:0}.device__body:before{content:"";clip-path:polygon(calc(var(--chamfer-top) - 1px) 0, calc(100% - var(--chamfer-top) + 1px) 0, 100% calc(var(--chamfer-top) - 1px), 100% calc(100% - var(--chamfer-bottom) + 1px), calc(100% - var(--chamfer-bottom) + 1px) 100%, calc(var(--chamfer-bottom) - 1px) 100%, 0 calc(100% - var(--chamfer-bottom) + 1px), 0 calc(var(--chamfer-top) - 1px));background:radial-gradient(ellipse 80% 40% at 30% 0%, #ffffff12, transparent 70%), radial-gradient(ellipse 120% 60% at 50% 100%, #00000073, transparent 70%), linear-gradient(180deg, var(--metal-light) 0%, var(--metal) 25%, var(--metal) 70%, var(--metal-dark) 100%);position:absolute;inset:2px}.device__texture{background-image:var(--grain), var(--mottle), url(/textures/scratches.svg);mix-blend-mode:overlay;opacity:.85;pointer-events:none;background-size:180px 180px,600px 600px,400px 800px;position:absolute;inset:0}.device__skin{background:var(--body-image) center / cover no-repeat;pointer-events:none;position:absolute;inset:0}.device__body>*{position:absolute}.grip{background:repeating-linear-gradient(180deg, #ffffff0d 0 1px, transparent 1px 3px, #0000008c 3px 6px), linear-gradient(90deg, #0b0c0d, var(--rubber));width:11px;height:360px;top:120px;box-shadow:inset 0 0 4px #000c}.grip--left{border-radius:0 3px 3px 0;left:0}.grip--right{border-radius:0 3px 3px 0;right:0;transform:scaleX(-1)}.bumper{background:linear-gradient(90deg, #00000080, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--bumper) 70%, #000) , var(--bumper) 40%, color-mix(in srgb, var(--bumper) 55%, #000));opacity:.9;border-radius:2px;width:7px;box-shadow:inset 0 1px #ffbe7840}.bumper--tl{height:52px;top:52px;left:0}.bumper--tr{height:52px;top:52px;right:0;transform:scaleX(-1)}.bumper--bl{height:90px;top:560px;left:0}.bumper--br{height:90px;top:560px;right:0;transform:scaleX(-1)}.top-plate{align-items:center;gap:10px;height:66px;display:flex;top:12px;left:26px;right:26px}.brand-plate,.rxtx-plate{background:linear-gradient(180deg, #ffffff0f, #0003), var(--metal);align-items:center;height:46px;display:flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0009,0 2px 3px #00000080}.brand-plate{clip-path:polygon(10px 0,100% 0,calc(100% - 14px) 100%,0 100%,0 10px);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 22px 0 18px;line-height:1}.brand,.brand-sub,.rxtx-label,.engraved{color:var(--engrave);text-shadow:0 -1px #000000d9,0 1px #ffffff1f;font-weight:500}.brand{letter-spacing:.22em;font-size:17px}.brand-sub{letter-spacing:.32em;opacity:.8;margin-top:3px;padding-left:6px;font-size:8.5px}.top-speaker{flex-direction:column;flex:1;gap:7px;padding:0 4px;display:flex}.top-speaker span{background:linear-gradient(#050606,#121416);border-radius:6px;height:8px;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff14}.rxtx-plate{clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);border-radius:14px;gap:12px;padding:0 14px 0 20px}.rxtx-label{letter-spacing:.16em;font-size:13px}.led{background:var(--led-off);border-radius:6px;width:22px;height:9px;transition:background .12s,box-shadow .12s;position:relative;box-shadow:inset 0 1px 2px #000c,0 0 0 2px #0b0c0d,0 1px 0 2px #ffffff0f}.led:after{content:"";background:#ffffff59;border-radius:3px;height:3px;position:absolute;inset:1px 4px auto}.led--rx{background:var(--led-rx);box-shadow:0 0 6px var(--led-rx), 0 0 14px color-mix(in srgb, var(--led-rx) 60%, transparent), 0 0 0 2px #0b0c0d}.led--tx{background:var(--led-tx);box-shadow:0 0 6px var(--led-tx), 0 0 16px color-mix(in srgb, var(--led-tx) 70%, transparent), 0 0 0 2px #0b0c0d}.led--busy{background:var(--led-rx);box-shadow:0 0 6px var(--led-rx), 0 0 0 2px #0b0c0d;animation:.9s steps(2,jump-none) infinite led-blink}@keyframes led-blink{50%{background:var(--led-off);box-shadow:0 0 0 2px #0b0c0d}}.screw{background:radial-gradient(circle at 35% 30%,#5d6268,#2a2d30 55%,#101112 100%);border-radius:50%;box-shadow:0 0 0 2px #0c0d0e,0 1px 0 2px #ffffff12,inset 0 -1px 2px #000000b3}.screw:before,.screw:after{content:"";width:62%;height:2px;transform:translate(-50%, -50%) rotate(var(--angle));background:#0b0c0d;border-radius:1px;position:absolute;top:50%;left:50%;box-shadow:0 1px #ffffff26}.screw:after{transform:translate(-50%, -50%) rotate(calc(var(--angle) + 90deg))}.bezel{background:linear-gradient(#1a1c1e,#0d0e0f 40%,#141618);border-radius:36px;height:394px;top:88px;left:10px;right:10px;box-shadow:0 0 0 2px #070808,0 0 0 3px #ffffff14,0 -2px 0 3px #0006,inset 0 2px 1px #ffffff12,inset 0 -3px 6px #000c}.bezel:before{content:"";border-radius:26px;position:absolute;inset:11px 17px;box-shadow:0 0 0 2px #050606,0 0 0 3px #78c8be14,0 0 18px #000000e6}.glass{background:radial-gradient(ellipse 90% 70% at 50% 40%, var(--glass), var(--glass-deep) 85%);isolation:isolate;border-radius:24px;position:absolute;inset:13px 19px;overflow:hidden;box-shadow:inset 0 0 30px #000000bf,inset 0 0 2px #000000e6}.glass:before{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.glass:after{content:"";pointer-events:none;z-index:6;background:linear-gradient(158deg,#ffffff16 0%,#ffffff05 28%,#0000 42%),radial-gradient(70% 30% at 85% 105%,#ffffff0a,#0000 70%);position:absolute;inset:0}.side-light{background:color-mix(in srgb, var(--light) 14%, #050606);z-index:2;border-radius:4px;width:6px;transition:background .14s ease-out,box-shadow .26s ease-out;position:absolute;box-shadow:inset 0 0 2px #000000e6,0 0 0 1px #000c}.side-light--left{left:6px}.side-light--right{right:6px}.side-light.is-on{background:linear-gradient(90deg, color-mix(in srgb, var(--light) 70%, #fff), var(--light));box-shadow:0 0 4px var(--light), 0 0 12px var(--light), 0 0 28px color-mix(in srgb, var(--light) 60%, transparent), 0 0 0 1px #0009;transition-duration:60ms,.12s}.spill{pointer-events:none;opacity:0;z-index:7;mix-blend-mode:screen;width:90px;transition:opacity .3s ease-out;position:absolute;top:70px;bottom:70px}.spill--left{background:radial-gradient(ellipse 100% 55% at 0% 50%, color-mix(in srgb, var(--light) 22%, transparent), transparent 70%);left:19px}.spill--right{background:radial-gradient(ellipse 100% 55% at 100% 50%, color-mix(in srgb, var(--light) 22%, transparent), transparent 70%);right:19px}.spill.is-on{opacity:1;transition-duration:80ms}.light-bar{background:color-mix(in srgb, var(--light) 12%, #080909);border-radius:5px;height:8px;transition:background .2s ease-out,box-shadow .3s ease-out;display:block;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0f}.light-bar.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--light) 55%, #fff), var(--light));box-shadow:0 0 6px var(--light), 0 0 16px var(--light), 0 0 34px color-mix(in srgb, var(--light) 55%, transparent);transition-duration:50ms,.1s}.deck{height:246px;top:494px;left:10px;right:10px}.foot{gap:14px;height:18px;display:flex;top:744px;left:70px;right:70px}.foot span{background:linear-gradient(#0a0b0c,#1d2023);border-radius:3px;flex:1;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff0f}.stage--photo:before{display:none}.photo-device{transform-origin:50%;font-family:var(--font-ui);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:50%;left:50%}.photo-device>*{position:absolute}.photo-device__base{pointer-events:none;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);top:0;left:0;-webkit-mask-composite:source-in;mask-composite:intersect}.photo-pressed{pointer-events:none;opacity:0;-webkit-mask-composite:source-in;transition:opacity 60ms ease-out;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.photo-pressed.is-on{opacity:1}.photo-device .glass{inset:auto;box-shadow:inset 0 0 40px #000c,inset 0 0 3px #000000e6,0 0 0 2px #000000d9,0 0 46px #46d2c312}.photo-device .glass:before{background:repeating-linear-gradient(#ffffff05 0 2px,#0000 2px 6px)}.photo-glass__content{transform-origin:0 0;position:absolute;top:0;left:0}.photo-spill{pointer-events:none;opacity:0;z-index:7;mix-blend-mode:screen;width:40%;transition:opacity .3s ease-out;position:absolute;top:18%;bottom:18%}.photo-spill--left{background:radial-gradient(ellipse 70% 55% at 0% 50%, color-mix(in srgb, var(--light) 20%, transparent), transparent 70%);left:0}.photo-spill--right{background:radial-gradient(ellipse 70% 55% at 100% 50%, color-mix(in srgb, var(--light) 20%, transparent), transparent 70%);right:0}.photo-spill.is-on{opacity:1;transition-duration:80ms}.photo-light{pointer-events:none;background:color-mix(in srgb, var(--light) 9%, #040505);transition:background .2s ease-out,box-shadow .3s ease-out;box-shadow:inset 0 1px 3px #000000e6}.photo-light:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--light) 30%, transparent), transparent);mix-blend-mode:screen;opacity:0;border-radius:50%;transition:opacity .3s ease-out;position:absolute;inset:-60px}.photo-light.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--light) 50%, #fff), var(--light));box-shadow:0 0 8px var(--light), 0 0 22px var(--light), 0 0 48px color-mix(in srgb, var(--light) 55%, transparent);transition-duration:50ms,.1s}.photo-light.is-on:after{opacity:1;transition-duration:80ms}.photo-light--side{z-index:2}.photo-light--side.is-on{background:linear-gradient(90deg, color-mix(in srgb, var(--light) 65%, #fff), var(--light))}.photo-light--side:after{inset:-30px -50px}.photo-led{pointer-events:none;background:#17201b;transition:background .12s,box-shadow .12s;box-shadow:inset 0 1px 3px #000000e6}.photo-led:after{content:"";background:#ffffff4d;border-radius:4px;height:30%;position:absolute;top:2px;left:22%;right:22%}.photo-led--rx,.photo-led--busy{background:var(--led-rx);box-shadow:0 0 8px var(--led-rx), 0 0 22px color-mix(in srgb, var(--led-rx) 60%, transparent), 0 0 50px color-mix(in srgb, var(--led-rx) 25%, transparent)}.photo-led--tx{background:var(--led-tx);box-shadow:0 0 8px var(--led-tx), 0 0 24px color-mix(in srgb, var(--led-tx) 70%, transparent), 0 0 50px color-mix(in srgb, var(--led-tx) 30%, transparent)}.photo-led--busy{animation:.9s steps(2,jump-none) infinite photo-led-blink}@keyframes photo-led-blink{50%{background:#17201b;box-shadow:inset 0 1px 3px #000000e6}}.photo-label{white-space:nowrap;text-transform:uppercase;letter-spacing:.24em;color:#c6ccd08f;text-shadow:0 1px #000000d9,0 -1px #00000059;pointer-events:none;padding-left:.24em;font-weight:500;line-height:1;position:absolute;transform:translate(-50%,-50%)}.photo-label--brand{letter-spacing:.26em;color:#c6ccd09e;padding-left:.26em}.photo-label--sub{letter-spacing:.4em;color:#c6ccd073;padding-left:.4em}.photo-label--talk{color:#c6ccd080;transition:color .12s,transform 60ms}.photo-key{cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}.photo-key:disabled{cursor:default}.photo-key:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:6px}.photo-key__face{border-radius:inherit;place-items:center;transition:transform 80ms ease-out,filter 80ms ease-out;display:grid;position:absolute;inset:0}.photo-key:active:not(:disabled) .photo-key__face{filter:brightness(.78);transform:scale(.965)}.photo-key--round{border-radius:50%}.photo-key__icon-patch{background:radial-gradient(circle at 42% 36%, var(--inner), var(--outer) 75%);border-radius:50%;place-items:center;display:grid;-webkit-mask-image:radial-gradient(circle,#000 68%,#0000 100%);mask-image:radial-gradient(circle,#000 68%,#0000 100%)}.photo-key__icon{color:#a9aeb2;filter:drop-shadow(0 -1px #000000e6)drop-shadow(0 2px 1px #000000bf)drop-shadow(0 0 1px #ffffff26);transform:translate(3px)}.photo-key--talk{touch-action:none;border-radius:40px}.photo-key--talk.is-pressed .photo-label--talk{color:color-mix(in srgb, var(--player) 60%, #c6ccd080);transform:translate(-50%,calc(4px - 50%))}.photo-key--talk:disabled .photo-label--talk{opacity:.5}.photo-key--grille:disabled .photo-key__face{filter:brightness(.7)}.screen{color:var(--text);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 25%, transparent);z-index:1;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;inset:0}.panel{border:1px solid var(--line);background:linear-gradient(#ffffff06,#0000001f);border-radius:12px;box-shadow:inset 0 0 18px #00000059}.screen--booting{animation:.7s ease-out boot}@keyframes boot{0%{opacity:0;filter:brightness(2.5)}12%{opacity:.8}18%{opacity:.2}30%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness()}}.status{flex:none;align-items:center;gap:6px;height:62px;padding:0 7px 0 11px;display:flex}.status__info{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.status__incident{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.status__title{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.status__freq{letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;font-size:9.5px}.status__freq span{margin-left:6px}.status__meters{color:var(--text-dim);align-items:center;gap:3px;display:flex}.status__clock{letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-left:2px;font-size:11px}.status__actions{gap:6px;display:flex}.screen-key{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);width:34px;height:34px;color:var(--accent);cursor:pointer;background:linear-gradient(#78dcd212,#0003);border-radius:9px;place-items:center;transition:background .12s,border-color .12s;display:grid;box-shadow:inset 0 1px #ffffff0d}.screen-key svg{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 50%, transparent))}.screen-key:hover,.screen-key.is-active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:linear-gradient(#78dcd229,#0000001a)}.screen-key--small{border-radius:7px;width:28px;height:28px}.main-panel{flex-direction:column;flex:1;min-height:0;padding:0 10px;display:flex;position:relative}.party-bar{border-bottom:1px solid var(--line);flex:none;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;gap:4px;height:34px;display:grid}.party-name{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:.55;align-items:center;gap:3px;min-width:0;font-size:10px;transition:opacity .16s,text-shadow .16s;display:inline-flex}.party-name--right{justify-self:end}.party-name.is-active{opacity:1;text-shadow:0 0 10px}.party-bar__center{justify-content:center;display:flex}.live{letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;height:16px;color:var(--text-dim);align-items:center;gap:5px;font-size:9px;display:inline-flex}.live--tx{color:var(--player)}.live--off,.live--standby{opacity:.6}.live__dots{gap:4px;display:inline-flex}.live__dots span{background:currentColor;border-radius:50%;width:3px;height:3px}.live--live .live__dots span:last-child{background:var(--party-right)}.live__wave{align-items:center;gap:2px;height:14px;display:inline-flex}.live__wave span{background:var(--accent);width:2px;height:100%;box-shadow:0 0 5px var(--accent);transform-origin:50%;border-radius:1px}.main-panel__content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.notice{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--party-right);font-size:10px;position:absolute;bottom:6px;left:0;right:0}.subtitle{text-align:center;width:100%;font-family:var(--font-sub);padding:6px 2px 10px}.subtitle__target{letter-spacing:.005em;color:var(--text);text-wrap:balance;margin:0;font-size:20px;font-weight:500;line-height:1.32}.word{transition:color .12s,opacity .16s,text-shadow .16s}.word--upcoming{opacity:.42}.word--current{color:#fff}.subtitle__native{color:var(--text-dim);text-shadow:none;text-wrap:balance;margin:10px 0 0;font-size:14px;line-height:1.35}.subtitle__hint{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);opacity:.6;cursor:pointer;margin:10px 0 0;font-size:10px}.subtitle__pager{justify-content:center;gap:4px;margin-top:10px;display:flex}.subtitle__pager span{background:var(--text-dim);opacity:.3;border-radius:1px;width:10px;height:2px}.subtitle__pager span.is-on{opacity:1;background:var(--accent)}.tx-view{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.tx-view__label{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.tx-view__dot{border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite tx-pulse}@keyframes tx-pulse{50%{opacity:.3}}.tx-view__text{font-family:var(--font-sub);text-wrap:balance;margin:0;font-size:19px;line-height:1.32}.tx-view__text.is-empty{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:13px}.tx-view__form{gap:6px;width:100%;display:flex}.tx-view__form input{border:1px solid color-mix(in srgb, var(--player) 40%, transparent);min-width:0;height:38px;color:var(--text);font:16px var(--font-sub);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:8px;outline:none;flex:1;padding:0 10px}.tx-view__form input:focus{border-color:var(--player);box-shadow:0 0 0 3px color-mix(in srgb, var(--player) 18%, transparent)}.tx-view__form button{border:1px solid color-mix(in srgb, var(--player) 40%, transparent);cursor:pointer;background:#0000004d;border-radius:8px;width:38px}.message-view{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 4px;display:flex}.message-view__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px}.message-view__title{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:18px;font-weight:500}.message-view__body{font-family:var(--font-sub);color:var(--text-dim);text-shadow:none;margin:2px 0 0;font-size:13px;line-height:1.4}.message-view__actions{gap:8px;margin-top:8px;display:flex}.chip{border:1px solid var(--line);height:26px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0003;border-radius:13px;padding:0 10px;font-size:10px}.chip.is-on,.chip--primary{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:#6fe3d614}.waveform{flex:none;justify-content:center;height:72px;padding-top:4px;display:flex;position:relative;overflow:hidden}.waveform:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#8cdcd20d 0 1px,#0000 1px 18px);position:absolute;inset:0}.waveform__labels{letter-spacing:.14em;color:var(--text-dim);justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:5px;left:12px;right:12px}.screen-panel{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);z-index:3;background:linear-gradient(#061a19,#030e0d);border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:80px 10px 10px;box-shadow:0 0 24px #0009}.screen-panel__head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;display:flex}.screen-panel__title{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);flex:1;font-size:11px}.screen-panel__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8cdcd24d transparent;flex:1;min-height:0;padding:8px 12px 12px;overflow-y:auto}.transcript{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.transcript__empty{text-align:center;color:var(--text-dim);margin:24px 0;font-size:12px}.transcript__entry{border-left:2px solid var(--line);padding-left:9px}.transcript__entry.is-live{border-left-color:var(--accent)}.transcript__meta{letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:8px;font-size:9.5px;display:flex}.transcript__meta time{color:var(--text-dim);font-variant-numeric:tabular-nums;opacity:.7}.transcript__cut{color:var(--party-right);opacity:.8}.transcript__target{font-family:var(--font-sub);-webkit-user-select:text;user-select:text;margin:3px 0 0;font-size:14px;line-height:1.35}.transcript__native{font-family:var(--font-sub);color:var(--text-dim);text-shadow:none;-webkit-user-select:text;user-select:text;margin:2px 0 0;font-size:12px;line-height:1.35}.settings{flex-direction:column;gap:10px;display:flex}.settings__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;font-size:10.5px;display:flex}.settings__label small{letter-spacing:.04em;text-transform:none;opacity:.7;font-size:9px}.settings input[type=range]{width:150px;accent-color:var(--accent)}.settings__restart{border:1px solid color-mix(in srgb, var(--party-right) 45%, transparent);height:32px;color:var(--party-right);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#00000040;border-radius:8px;margin-top:4px;font-size:10.5px}.segmented{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.segmented button{height:26px;color:var(--text-dim);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:10.5px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.is-on{color:var(--accent);background:#6fe3d624}.transcript__entry.is-focus{border-left-color:var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%)}.screen-key{position:relative}.screen-key__badge{background:var(--tone-warn);width:6px;height:6px;box-shadow:0 0 6px var(--tone-warn);border-radius:50%;animation:1.6s ease-in-out infinite tx-pulse;position:absolute;top:4px;right:4px}.log__tabs{z-index:1;background:var(--log-bg,#051716);justify-content:center;margin:-8px -12px 10px;padding:8px 12px;display:flex;position:sticky;top:-8px}.log{flex-direction:column;gap:14px;display:flex}.tone-active{--tone:var(--accent)}.tone-ok{--tone:var(--tone-ok)}.tone-warn{--tone:var(--tone-warn)}.tone-alert{--tone:var(--tone-alert)}.tone-done{--tone:var(--text-dim)}.log__heading{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px;font-size:9.5px;font-weight:400}.log__objective{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:9px;padding:8px 10px}.log__objective.is-done{border-color:color-mix(in srgb, var(--tone-ok) 40%, transparent);background:color-mix(in srgb, var(--tone-ok) 7%, transparent)}.log__objective-text{font-family:var(--font-sub);-webkit-user-select:text;user-select:text;margin:0;font-size:15px;line-height:1.3}.log__check{color:var(--tone-ok)}.log__translation{font-family:var(--font-sub);color:var(--text-dim);text-shadow:none;margin-top:1px;font-size:11.5px;line-height:1.3;display:block}.log__empty{color:var(--text-dim);opacity:.6;margin:0;font-size:11px}.log__new{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-radius:6px;flex:none;padding:0 5px;font-size:8px;line-height:13px}@keyframes log-flash{0%{background:color-mix(in srgb, var(--accent) 16%, transparent)}to{background:0 0}}.log-list,.log-route{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.log-list{gap:2px}.log-row{border-radius:6px;align-items:flex-start;gap:8px;margin:0 -6px;padding:4px 6px;display:flex}.log-row.is-new,.log-route__stop.is-new{animation:1.6s ease-out log-flash}.log-row__dot{background:var(--dot,var(--tone,var(--text-dim)));width:6px;height:6px;box-shadow:0 0 6px var(--dot,transparent);border-radius:50%;flex:none;margin-top:6px}.log-row__main{flex:1;min-width:0}.log-row__line{font-family:var(--font-sub);align-items:baseline;gap:6px;font-size:13.5px;line-height:1.3;display:flex}.log-row__label{min-width:0}.log-row__state{text-align:right;color:var(--tone,var(--text-dim));margin-left:auto;font-size:12px}.tone-alert .log-row__state{text-shadow:0 0 8px color-mix(in srgb, var(--tone-alert) 50%, transparent)}.log-route__stop{font-family:var(--font-sub);color:var(--text-dim);border-radius:6px;align-items:flex-start;gap:10px;margin:0 -6px;padding:3px 6px 7px;font-size:13.5px;line-height:1.3;display:flex;position:relative}.log-route__stop:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:15px;bottom:-3px;left:10px}.log-route__stop.tone-done:after{background:color-mix(in srgb, var(--text-dim) 60%, transparent)}.log-route__dot{z-index:1;border:1.5px solid var(--text-dim);background:var(--log-bg,#051716);opacity:.6;border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px;position:relative}.log-route__stop.tone-done .log-route__dot{background:var(--text-dim);opacity:.8}.log-route__stop.tone-active{color:var(--text)}.log-route__stop.tone-active .log-route__dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px var(--accent);opacity:1;animation:1.4s ease-in-out infinite tx-pulse}.log-route__stop .log-row__main{flex:1;min-width:0}.log-timeline{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.log-timeline__row{width:100%;color:var(--text);text-align:left;font:inherit;background:0 0;border:0;border-radius:6px;grid-template-columns:38px 1fr auto;align-items:baseline;gap:8px;padding:6px;display:grid}button.log-timeline__row{cursor:pointer}button.log-timeline__row:hover{background:#6fe3d612}.log-timeline__item:first-child .log-timeline__row{border-left:2px solid var(--accent)}.log-timeline__row time{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:10px}.log-timeline__text{font-family:var(--font-sub);font-size:13.5px;line-height:1.3}.log-timeline__go{color:var(--accent);opacity:.6}.transcript__rendering{font-family:var(--font-sub);color:color-mix(in srgb, var(--player) 70%, var(--text));-webkit-user-select:text;user-select:text;margin:2px 0 0;font-size:13px;line-height:1.35}.transcript__rendering:before{content:"→ ";opacity:.6}.docked-log{--log-bg:var(--glass);width:var(--dock-w,340px);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(180deg, var(--glass), var(--glass-deep));height:min(860px,100% - 48px);font-family:var(--font-ui);color:var(--text);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:16px;flex-direction:column;flex:none;align-self:center;margin:24px;display:flex;box-shadow:0 0 40px #00000080,inset 0 0 24px #00000059}.docked-log--right{margin-left:0}.docked-log--left{margin-right:0}.docked-log__head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:44px;padding:0 10px 0 14px;display:flex}.docked-log__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8cdcd24d transparent;flex:1;min-height:0;padding:8px 14px 14px;overflow-y:auto}.docked-log__body .log__tabs{margin:-8px -14px 10px;padding:8px 14px}.word--tappable{cursor:pointer;border-radius:3px;transition:background .12s,color .12s,opacity .16s,text-shadow .16s}.word--tappable:hover{background:#6fe3d61a}.word.is-selected{opacity:1;color:#fff;background:#6fe3d62e;box-shadow:0 0 0 2px #6fe3d62e}.word-card{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:linear-gradient(#08201f,#041211);border-radius:10px;align-items:center;gap:10px;padding:9px 10px 9px 12px;display:flex;position:absolute;bottom:6px;left:4px;right:4px;box-shadow:0 6px 18px #0009}.word-card__text{min-width:0;font-family:var(--font-sub);flex-direction:column;flex:1;gap:1px;display:flex}.word-card__word{color:#fff;font-size:16px;font-weight:600}.word-card__meaning{color:var(--accent);font-size:13.5px}.word-card__meaning.is-loading{color:var(--text-dim);opacity:.7}.word-card__note{color:var(--text-dim);text-shadow:none;font-size:11.5px;line-height:1.3}.layout{background:#08090a;display:flex;position:fixed;inset:0}.layout--dock-left{flex-direction:row-reverse}.layout--dock-left,.layout--dock-right{justify-content:center}.layout__device{flex:1;min-width:0;position:relative}.layout--dock-left .layout__device,.layout--dock-right .layout__device{max-width:calc(100dvh * var(--device-ratio,.5))}