:root{--apollo:#f5c96f;--apollo-bright:#fff0bd;--apollo-deep:#9e5c18;--apollo-line:#eab86155;--apollo-black:#070503;--apollo-panel:#0c0907}
html{overflow-x:hidden}.apollo-body{min-width:320px;background:radial-gradient(circle at 50% 20%,#2b190d 0,#0a0705 34%,#030201 78%);overflow-x:hidden}.apollo-body .site-header{background:#070503ed}.apollo-body .language-toggle{margin-left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.apollo-page{min-height:100dvh;padding:94px 16px 16px;display:grid;place-items:center}.apollo-console{position:relative;width:min(1500px,calc((100dvh - 155px)*1.52),100%);min-width:0;overflow:hidden;border:1px solid #f4c66e62;border-radius:18px;background:linear-gradient(145deg,#15100b,#050302 60%,#130b06);box-shadow:0 32px 100px #000d,0 0 70px #c9771e16,inset 0 1px 0 #ffe7aa42}.apollo-console::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,#fff3 49.5%,transparent 50.5%);opacity:.1}.apollo-transport,.apollo-faceplate,.apollo-actions{position:relative;z-index:1}
.apollo-transport{min-height:72px;padding:10px 14px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.4fr) auto auto;align-items:center;gap:14px;border-bottom:1px solid var(--apollo-line);background:linear-gradient(180deg,#17100bea,#080503e8)}.apollo-track{display:flex;align-items:center;gap:11px;min-width:0}.apollo-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--apollo);border-radius:5px;color:var(--apollo-bright);font:500 1.25rem/1 var(--display);box-shadow:inset 0 0 18px #efb64f18,0 0 14px #f0a72b14}.apollo-track div{min-width:0;display:grid}.apollo-track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.apollo-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9d8b76;font-size:.68rem}.apollo-playback{display:flex;align-items:center;gap:10px}.apollo-play{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--apollo-line);border-radius:50%;background:#100b07;color:var(--apollo-bright)}.apollo-play:disabled{opacity:.42}.apollo-timeline{width:100%}.apollo-timeline input{width:100%;height:4px;display:block;accent-color:var(--apollo)}.apollo-timeline div{display:flex;justify-content:space-between;color:#8b7967;font:500 .62rem/1.4 var(--body);font-variant-numeric:tabular-nums}.apollo-engine{display:flex;align-items:center;gap:8px;color:#c7aa7d;font:600 .62rem/1 var(--body);letter-spacing:.12em;white-space:nowrap}.apollo-engine i{width:7px;height:7px;border-radius:50%;background:var(--apollo-bright);box-shadow:0 0 15px var(--apollo)}.apollo-load{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:142px;min-height:44px;padding:9px 15px;border:1px solid #ffe9aa8a;border-radius:6px;background:linear-gradient(145deg,#ffe6a0,#d39735 54%,#8e5016);color:#150c04;font-weight:800;box-shadow:0 7px 24px #0008,inset 0 1px 0 #fff;cursor:pointer}.apollo-load input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.apollo-load:hover{filter:brightness(1.08)}
.apollo-faceplate{isolation:isolate;width:100%;aspect-ratio:1.5;background:#080503 url('/assets/apollo-interface-reference.jpeg') center/cover no-repeat;overflow:hidden}.apollo-faceplate::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;box-shadow:inset 0 0 34px #000,inset 0 0 120px #0006}.apollo-macro{position:absolute;z-index:4;left:31.2%;top:24.5%;width:37.6%;aspect-ratio:1;display:grid;place-items:center}.apollo-knob-shell{--angle:-135deg;position:absolute;inset:10%;display:grid;place-items:center;touch-action:none}.apollo-knob-scale{position:absolute;inset:-8%;border-radius:50%;background:repeating-conic-gradient(from 220deg,transparent 0 5.2deg,#ffd87890 5.8deg 6.5deg,transparent 7deg 10.4deg);mask:radial-gradient(transparent 0 76%,#000 77% 79%,transparent 80%);filter:drop-shadow(0 0 5px #ffc65f)}.apollo-knob{position:relative;width:71%;aspect-ratio:1;border-radius:50%;cursor:ns-resize;background:radial-gradient(circle at 34% 28%,#332218 0,#15100d 22%,#060403 62%,#020101 100%);border:1px solid #ffe5a088;box-shadow:0 20px 50px #000e,inset 0 3px 8px #fff2,inset 0 -25px 45px #000d,0 0 0 9px #100a06dc,0 0 0 11px #f3b94d91,0 0 38px #ffba43a8;transform:rotate(var(--angle));outline:none}.apollo-knob:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 10px #eab454,0 0 44px #ffc252}.apollo-knob::before{content:"";position:absolute;left:50%;top:6%;width:3.2%;height:37%;border-radius:4px;transform:translateX(-50%);background:linear-gradient(#fff8c9,#ffc24a 45%,#b86b19);box-shadow:0 0 9px #fff3c4,0 0 24px #ffb63d}.apollo-knob span{position:absolute;inset:19%;border-radius:50%;border:1px solid #ffd9831f;box-shadow:inset 0 0 24px #000}.apollo-amount{position:absolute;left:50%;top:88%;width:72%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8%;color:#f8d28c;text-shadow:0 0 10px #000;font:500 clamp(.55rem,.8vw,.78rem)/1 var(--body);letter-spacing:.18em}.apollo-amount strong{min-width:2ch;color:#fff3ca;font:500 clamp(1.3rem,2vw,2.1rem)/1 var(--display);letter-spacing:0;text-align:center}.apollo-amount b{font-weight:500}.apollo-readouts{position:absolute;z-index:6;inset:0;pointer-events:none}.apollo-readouts article{position:absolute;width:18%;padding:6px 9px;border-left:1px solid #f0bd6266;background:linear-gradient(90deg,#050301d4,transparent);color:#f8d38f;text-shadow:0 1px 5px #000}.apollo-readouts .eq{left:13.8%;top:36%}.apollo-readouts .vca{left:13.8%;top:46%}.apollo-readouts .tape{left:13.8%;top:57%}.apollo-readouts .width{left:13.8%;top:67%}.apollo-readouts .comp{left:75.2%;top:55%;width:16%;text-align:center;border:1px solid #f0bd6245;background:#050301c7}.apollo-readouts article span{display:block;color:#d9b77e;font:500 clamp(.48rem,.62vw,.68rem)/1.2 var(--body);letter-spacing:.14em}.apollo-readouts article strong{display:block;margin-top:4px;color:#fff0bd;font:500 clamp(.65rem,.85vw,.94rem)/1.1 var(--body);font-variant-numeric:tabular-nums}.apollo-readouts article i{display:block;width:var(--level);max-width:100%;height:2px;margin-top:5px;background:linear-gradient(90deg,#8f4d13,#ffe095);box-shadow:0 0 8px #ffbd4d}.apollo-scope{position:absolute;z-index:3;left:37.5%;bottom:2.2%;width:25%;height:11%;overflow:hidden;opacity:.78;mix-blend-mode:screen}.apollo-scope>div{display:flex;justify-content:space-between;color:#d6b376;font:500 .52rem/1 var(--body);letter-spacing:.12em}.apollo-scope strong{color:#fff0bd}.apollo-scope canvas{width:100%;height:calc(100% - 13px)}
.apollo-actions{min-height:64px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--apollo-line);background:linear-gradient(180deg,#0a0604ed,#030201f5)}.apollo-info{display:grid;margin-right:auto;min-width:0}.apollo-info span{color:#e5c68f;font:600 .62rem/1.35 var(--body);letter-spacing:.15em}.apollo-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#806e5e;font-size:.63rem}.apollo-bypass,.apollo-process,.apollo-download{min-height:42px;padding:9px 17px;border-radius:6px;font-size:.72rem;font-weight:750;letter-spacing:.08em}.apollo-bypass{border:1px solid #e2b66066;background:#110b07;color:#d8bb88}.apollo-bypass.active{border-color:#f5cf84;background:#e2aa3d20;color:#fff0bd;box-shadow:0 0 16px #e4a53d28}.apollo-process,.apollo-download{background:linear-gradient(145deg,#ffe59e,#cc8b2b 58%,#87450f);color:#150c04;box-shadow:inset 0 1px 0 #fff}.apollo-download{display:inline-flex;align-items:center}.apollo-download[hidden]{display:none}.apollo-toast{position:fixed;left:50%;bottom:24px;z-index:120;max-width:min(440px,calc(100% - 32px));padding:11px 17px;border:1px solid var(--apollo-line);border-radius:9px;background:#120b06ee;color:#f8ddb0;font-size:.78rem;box-shadow:0 14px 50px #000d;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.25s}.apollo-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.apollo-page{padding-inline:10px}.apollo-console{width:100%}.apollo-transport{grid-template-columns:minmax(190px,1fr) minmax(220px,1fr) auto}.apollo-engine{display:none}.apollo-faceplate{aspect-ratio:1.38}.apollo-readouts article{width:20%}.apollo-readouts .comp{left:73%;width:19%}}
@media(max-width:700px){.apollo-page{padding:80px 7px 7px;display:block}.apollo-console{border-radius:13px}.apollo-transport{padding:9px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.apollo-track{min-width:0}.apollo-track small{max-width:210px}.apollo-playback{grid-column:1/-1;grid-row:2}.apollo-load{grid-column:2;grid-row:1;min-width:47px;width:47px;padding:7px}.apollo-load span{display:none}.apollo-faceplate{aspect-ratio:auto;min-height:690px;padding-top:405px;background-size:auto 405px;background-position:50% 0;background-repeat:no-repeat}.apollo-faceplate::before{content:"";position:absolute;left:0;right:0;top:396px;height:24px;background:linear-gradient(transparent,#080503)}.apollo-macro{left:15%;top:82px;width:70%;height:300px;aspect-ratio:auto}.apollo-knob-shell{inset:5%}.apollo-amount{top:88%;width:100%;font-size:.58rem}.apollo-amount strong{font-size:1.5rem}.apollo-readouts{position:relative;z-index:7;inset:auto;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:linear-gradient(#080503,#0b0705)}.apollo-readouts article,.apollo-readouts .eq,.apollo-readouts .vca,.apollo-readouts .tape,.apollo-readouts .width,.apollo-readouts .comp{position:relative;left:auto;top:auto;width:auto;padding:11px;border:1px solid #eab8613b;border-radius:6px;background:linear-gradient(145deg,#18100a,#080503);text-align:left}.apollo-readouts .comp{grid-column:1/-1}.apollo-readouts article span{font-size:.68rem}.apollo-readouts article strong{font-size:1rem}.apollo-scope{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);height:90px;margin:2px 12px 12px;padding:10px;border:1px solid #eab8612c;border-radius:6px;background:#070402}.apollo-actions{padding:10px;flex-wrap:wrap}.apollo-info{width:100%;margin:0}.apollo-bypass,.apollo-process,.apollo-download{flex:1;text-align:center;justify-content:center}.apollo-body .menu-nav .menu-label{white-space:nowrap}}
@media(max-width:390px){.apollo-track small{max-width:175px}.apollo-faceplate{min-height:665px;padding-top:380px;background-size:auto 380px}.apollo-faceplate::before{top:371px}.apollo-macro{top:78px;height:280px}.apollo-readouts{padding:9px;gap:6px}.apollo-readouts article,.apollo-readouts .comp{padding:9px}.apollo-info small{font-size:.59rem}.apollo-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.apollo-toast,.apollo-knob{transition:none}}

/* Keep the hidden tool's navigation identical to every public LUCEAA page. */
.apollo-body .site-header{background:#08090bdd}
@media(max-width:800px){.apollo-body .language-toggle{margin-left:auto}}

/* Fractional rotation and GPU compositing keep the large macro control fluid. */
.apollo-knob{background:radial-gradient(circle at 34% 28%,#3d291c 0,#1b120d 20%,#080504 61%,#020101 100%);transform:translateZ(0) rotate(var(--angle));transform-origin:50% 50%;will-change:transform;transition:transform 90ms cubic-bezier(.2,.75,.25,1),box-shadow .2s ease}
.apollo-knob.is-dragging{transition:transform 34ms linear,box-shadow .16s ease;box-shadow:0 24px 58px #000f,inset 0 3px 9px #fff3,inset 0 -25px 45px #000d,0 0 0 9px #100a06dc,0 0 0 11px #f8c762b0,0 0 52px #ffc054c2}
@media(prefers-reduced-motion:reduce){.apollo-knob,.apollo-knob.is-dragging{transition:none}}