:root{color-scheme:dark;--ink:#101f29;--paper:#ece5d4;--gold:#e7bb7e;--muted:#a9b7b6;--line:#34434a;--mint:#a9dfc8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#233841,transparent 55%),#101b23;color:var(--paper);font:15px/1.6 system-ui,sans-serif}main{max-width:1420px;margin:auto;padding:32px 42px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,p{margin-top:0}h1{font:54px/1 Georgia,serif;margin-bottom:0;letter-spacing:-2px}h1 span{font:13px system-ui,sans-serif;display:inline-block;margin-left:20px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}h2{font:29px/1.18 Georgia,serif;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:700;margin-bottom:13px}button,select{font:inherit;color:var(--paper);background:#23343d;border:1px solid #4e5d60;border-radius:6px;padding:10px 16px;cursor:pointer}button:hover{background:#344b53;border-color:var(--gold)}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--gold);color:#202e34;border-color:var(--gold);font-weight:750}button.primary:hover{background:#f6d6a9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.camera{border:1px solid #526068;background:#0a1218;border-radius:10px;overflow:hidden;align-self:start;box-shadow:0 18px 70px #0006}.viewhead,.camerafoot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;letter-spacing:1px}.viewhead{border-bottom:1px solid #33434b}.viewhead #live{color:var(--mint);font-size:10px}#scene{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.camerafoot{background:#18252d;color:#b6c3c2;letter-spacing:0;font-size:12px;gap:12px}.camerafoot button{padding:3px 12px;font-size:12px}.toolbar{display:flex;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid #36454a}.toolbar label{font-size:11px;color:var(--muted);display:flex;gap:6px;flex-direction:column}.toolbar select{padding:6px 9px;font-size:13px}.toolbar .primary{flex:1;padding:13px}.toolbar .primary span{font-size:22px;vertical-align:middle;margin-right:5px}kbd{font:10px system-ui;border:1px solid #89724e;border-radius:3px;padding:3px;margin-left:10px}#guide{font-size:12px;padding:8px 10px}aside{padding:16px 0}#brief{color:#c2cecd;font-size:14px}#subjects{display:flex;gap:10px;margin:20px 0}.subject{background:#23343b;border:1px solid #415157;border-radius:8px;padding:8px;flex:1;display:flex;align-items:center;gap:8px;font-size:13px}.subject img{width:52px;height:60px;object-fit:contain}.subject small{display:block;color:var(--gold);font-size:10px}.tip{border-left:2px solid var(--gold);padding:0 0 0 14px;margin:25px 0}.tip span{font-size:9px;letter-spacing:2px;color:var(--gold)}.tip p{font-size:13px;margin:6px 0;color:#d2d8d1}.small{font-size:12px;color:var(--muted)}#status{font-size:13px;border-top:1px solid var(--line);padding-top:15px;color:var(--mint)}#next{width:100%;margin-top:15px}.review{display:grid;grid-template-columns:310px 1fr;gap:36px;padding:28px;background:#263740;border:1px solid #536068;border-radius:9px;margin-top:24px}.review[hidden]{display:none}.print{background:#e9e3d5;padding:12px 12px 19px;color:#34454c;transform:rotate(-2deg);box-shadow:0 7px 17px #0004;text-align:center}.print canvas{width:100%;height:auto;display:block;background:#0a1722}.print span{display:block;font:15px Georgia;margin-top:12px}.critique{align-self:center}#scores{display:flex;flex-wrap:wrap;gap:24px}#scores div{min-width:90px;font-size:12px;color:var(--muted)}#scores strong{display:block;font:26px Georgia;color:var(--gold)}#feedback{font-size:14px;margin:18px 0;max-width:620px}.album{margin-top:34px}.albumhead{display:flex;align-items:center;justify-content:space-between}.albumhead h2{font-size:23px;margin:0}.albumhead span{font-size:12px;color:var(--muted)}#levels{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 25px}.level{text-align:left;padding:16px 12px;background:#1b2c34;min-height:99px}.level span{display:block;font-size:10px;color:var(--gold);letter-spacing:1px;margin-bottom:10px}.level b{font:16px Georgia;display:block}.level small{font-size:10px;color:var(--muted)}.level.active{border-color:var(--gold);background:#2b3d43}details{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:13px}summary{cursor:pointer;color:#cad4d2}details p{max-width:900px;margin-top:14px}a{color:var(--gold)}footer{display:flex;justify-content:space-between;font-size:10px;color:#829698;border-top:1px solid var(--line);padding-top:18px;letter-spacing:1px}@media(max-width:1050px){main{padding:24px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:22px}h1{font-size:44px}h1 span{display:block;margin:12px 0 0}#levels{grid-template-columns:repeat(3,1fr)}kbd{display:none}.toolbar{gap:8px;padding:12px}.toolbar button{font-size:12px}.subject{display:block}.subject img{height:55px;width:50px}}@media(max-width:720px){main{padding:18px 14px}header{margin-bottom:22px}header button{font-size:12px;padding:8px 11px}h1{font-size:42px}h1 span{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}.workspace{grid-template-columns:1fr;gap:4px}aside{padding:22px 4px 0}aside h2{font-size:26px}#subjects{margin:12px 0}.subject{display:flex;flex:0 1 180px}.tip{margin:16px 0}.viewhead{font-size:9px;padding:10px}#live{white-space:nowrap}.toolbar{flex-wrap:wrap;gap:8px}.toolbar label{flex:1}.toolbar .primary{flex:1.5;padding:11px 7px;white-space:nowrap}#guide{width:100%}.review{grid-template-columns:1fr;padding:22px;gap:25px}.print{max-width:310px;justify-self:center}#levels{gap:8px}.level{padding:12px 8px}.level b{font-size:14px}.albumhead{gap:12px}.albumhead h2{font-size:21px}.albumhead span{font-size:10px;text-align:right}footer span:last-child{letter-spacing:0;font-size:9px}}