:root{--bg:#080b11;--panel:#121720;--line:#303946;--text:#f7f7f4;--muted:#9aa3ae;--aqua:#59e3ff;--lime:#b9ff3f;--pink:#ff4fa3;--yellow:#ffcb58}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 70% 20%,#221129 0,transparent 30%),radial-gradient(circle at 30% 80%,#0b3031 0,transparent 35%),var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090def;border-bottom:1px solid #252b35;justify-content:space-between;align-items:center;height:58px;padding:0 28px;font-size:12px;display:flex;position:sticky;top:0}.logo{letter-spacing:.08em;font-weight:900}.logo span{color:var(--pink);font-size:22px}.logo b{color:var(--lime)}.layout{grid-template-columns:310px 1fr;min-height:calc(100vh - 58px);display:grid}aside{background:#090c13ef;border-right:1px solid #29313c;height:calc(100vh - 58px);padding:28px 25px;position:sticky;top:58px;overflow:auto}aside>p,.label,.question small,.big-question small,.transition small,.labhead small{color:var(--aqua);letter-spacing:.12em;font-family:monospace;font-size:10px;font-weight:900}aside h1{margin:10px 0 24px;font-size:23px;line-height:1.2}.progress{background:#252b36;border-radius:5px;height:6px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--pink),var(--yellow),var(--lime));height:100%;display:block}aside>small{text-align:right;color:var(--muted);margin:7px 0 18px;display:block}nav{gap:5px;display:grid}nav button{color:#626b77;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:11px;display:flex}nav button em{color:#59616b;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:10px;font-style:normal}nav button.on em{color:#96a0ab}nav button span{border:1px solid #39424e;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}nav button.on{color:#fff;background:#1b222d}nav button.on span{background:var(--pink);border-color:var(--pink)}nav button.done{color:var(--lime)}.workspace{min-width:0;padding:38px clamp(24px,5vw,74px) 60px}.screen{max-width:1150px;margin:auto;animation:.35s enter}.screen>h2{margin:12px 0;font-size:clamp(30px,4vw,52px);line-height:1.05}.lead{color:var(--muted);max-width:850px;font-size:17px;line-height:1.55}.cover{border-radius:22px;min-height:calc(100vh - 150px);position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;position:absolute}.cover>div{background:linear-gradient(90deg,#05070bec 0,#05070bc7 42%,#05070b22 75%);position:absolute;inset:0}.cover article{z-index:1;width:58%;padding:9vh 6%;position:relative}.cover article small{color:var(--lime);letter-spacing:.13em;font-weight:900}.cover h2{margin:22px 0;font-size:clamp(46px,6vw,85px);line-height:.95}.cover h2 em{color:var(--pink);font-style:normal}.cover p{color:#d4d7dc;font-size:18px}.cover button,.next,.play{background:var(--lime);color:#071006;border:0;border-radius:10px;padding:14px 20px;font-weight:900}.form{gap:14px;margin-top:25px;display:grid}.form label{color:#d9dde3;gap:8px;font-weight:800;display:grid}.form>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form input,.form textarea,.calcs input{color:#fff;background:#0d1118;border:1px solid #3a4451;border-radius:10px;width:100%;padding:13px}.form textarea{min-height:110px}.capsule{color:#f5d98c;background:#282216;border:1px solid #594d2a;border-radius:10px;padding:14px}.experiment{border:1px solid var(--line);background:linear-gradient(145deg,#161b24,#0e1219);border-radius:17px;margin-top:24px;padding:20px;box-shadow:0 20px 45px #0004}.question{border-left:4px solid var(--aqua);background:#102028;border-radius:0 10px 10px 0;margin-bottom:16px;padding:14px 16px}.question h3{margin:7px 0;font-size:21px}.question p{color:#aab4bd;margin:0;line-height:1.5}.choices{gap:8px;margin-top:14px;display:grid}.choices button{color:#d4d9df;text-align:left;background:#10151d;border:1px solid #3b4552;border-radius:9px;padding:12px}.choices button:hover,.choices button.selected{border-color:var(--aqua);background:#16252d}.feedback{border-radius:11px;margin-top:12px;padding:15px 16px 15px 58px;position:relative}.feedback:before{border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;font-weight:900;display:grid;position:absolute;top:15px;left:15px}.feedback strong{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.feedback p{margin:5px 0 0;line-height:1.55}.feedback.ok{color:#d8f2df;background:#152b20;border:1px solid #3f7654}.feedback.ok:before{content:"✓";background:var(--lime);color:#081006}.feedback.no{color:#f2d7a9;background:#302417;border:1px solid #8a6531}.feedback.no:before{content:"!";background:var(--yellow);color:#171006}.big-question{background:linear-gradient(120deg,#13252b,#171b22);border:1px solid #3c6066;border-radius:15px;margin:22px 0;padding:22px}.big-question h3{margin:8px 0;font-size:25px;line-height:1.35}.route{grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;display:grid}.route div{background:#151b24;border:1px solid #35404c;border-radius:11px;gap:7px;padding:14px;display:grid}.route span{background:var(--aqua);color:#071014;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.transition{color:#ddd0aa;background:#262116;border:1px solid #584c2e;border-radius:12px;margin:18px 0;padding:15px 18px}.transition small{color:var(--yellow)}.transition p{margin:6px 0 0;line-height:1.5}.wave{background:#070b12;border:1px solid #2e3a45;border-radius:10px;width:100%;height:180px;display:block}.clickwave{cursor:crosshair}.measure{align-items:center;gap:12px;display:flex}.measure button{color:#b8c0c8;background:0 0;border:1px solid #46515d;border-radius:7px;margin-left:auto;padding:7px}.calcs{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.calcs label{background:#111823;border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.calcs input{max-width:120px}.ab,.twotones,.signatures{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.ab button,.twotones button,.signatures button{color:#fff;background:#161d27;border:1px solid #3b4651;border-radius:9px;padding:10px}.twotones article,.signatures article{background:#0d1219;border:1px solid #303b47;border-radius:12px;padding:13px}.twotones .wave{height:140px;margin-top:9px}.spectrum{background:#070b12;border-bottom:1px solid #46515d;border-left:1px solid #46515d;border-radius:8px;height:210px;margin-top:10px;padding:18px 28px 38px 45px;position:relative}.spectrum>span{writing-mode:vertical-rl;color:#78828d;font-size:8px;position:absolute;top:15px;left:8px}.spectrum>div{justify-content:space-around;align-items:end;height:100%;display:flex}.spectrum i{background:linear-gradient(#ff4fa3,#ffcb58);width:9px;min-height:5px;position:relative;box-shadow:0 0 12px #ff4fa377}.spectrum b,.spectrum em{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.spectrum b{font-size:8px;bottom:-20px}.spectrum em{color:#9099a4;font-size:6px;font-style:normal;bottom:-31px}.spectrum>small{color:#7c8692;position:absolute;bottom:5px;right:8px}.propagation{background:#070b12;border-radius:12px;grid-template-columns:65px 1fr 80px 80px;align-items:center;gap:12px;min-height:170px;padding:18px;display:grid}.speaker{color:var(--pink);font-size:55px}.speaker.active{animation:.15s infinite pulse}.air{justify-content:space-around;align-items:center;display:flex}.air i{background:#29404a;border-radius:3px;width:4px;height:45px;transition:all .1s;display:block}.air i.hot{background:var(--aqua);height:85px;box-shadow:0 0 14px var(--aqua)}.mic{color:#8e98a3;place-items:center;gap:10px;font-size:9px;display:grid}.mic b{border:2px solid #4a5562;border-radius:18px;width:36px;height:52px;display:block}.mic b.hit{border-color:var(--lime);box-shadow:0 0 20px var(--lime)}.artistgrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.artistgrid button{color:#fff;text-align:left;background:#111720;border:1px solid #36414c;border-radius:12px;gap:5px;padding:15px;display:grid}.artistgrid button:hover,.artistgrid button.selected{border-color:var(--c);box-shadow:0 0 25px color-mix(in srgb,var(--c) 20%,transparent)}.artistgrid small{color:var(--c)}.artistgrid b{font-size:16px}.artistgrid span{color:#9ca5af}.artistlab{background:#111720;border:1px solid #3b4652;border-radius:16px;padding:18px}.labhead{grid-template-columns:1fr 320px;gap:18px;display:grid}.labhead iframe{aspect-ratio:16/9;border:0;border-radius:10px;width:100%}.upload{border:1px dashed var(--c);border-radius:10px;justify-content:space-between;align-items:center;margin:15px 0;padding:14px;display:flex}.upload input{max-width:250px}.artistlab audio{width:100%;margin:10px 0}.realwave .wave{height:130px;margin-top:12px}.labfacts{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.labfacts div{background:#0b1016;border-radius:10px;padding:13px}.labfacts small{color:var(--c);font-size:8px;display:block}.labfacts b{font-size:17px}.limits{background:#20242b;border-radius:11px;margin-top:16px;padding:15px}.limits p{color:#aeb6bf;margin:7px 0}.limits strong{color:var(--aqua)}.summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.summary p{background:#121923;border:1px solid #35414d;border-radius:11px;margin:0;padding:16px;line-height:1.5}footer{border-top:1px solid #2b3540;justify-content:space-between;max-width:1150px;margin:30px auto 0;padding-top:18px;display:flex}footer button{color:#fff;background:0 0;border:1px solid #414b57;border-radius:9px;padding:11px 15px}footer .next{background:var(--lime);color:#071006;border:0}footer .next:disabled{opacity:.3;cursor:not-allowed}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{50%{transform:scaleX(.86)}}@media (max-width:900px){.layout{grid-template-columns:1fr}aside{height:auto;position:static}nav{grid-template-columns:repeat(4,1fr)}.workspace{padding:25px 16px}.artistgrid{grid-template-columns:1fr 1fr}.labhead{grid-template-columns:1fr}.route{grid-template-columns:1fr 1fr}.cover article{width:85%}}@media (max-width:600px){header{padding:0 12px}.form>div,.ab,.twotones,.signatures,.calcs,.summary,.labfacts,.artistgrid{grid-template-columns:1fr}.propagation{grid-template-columns:45px 1fr 55px 55px}.cover article{width:100%;padding:8vh 7%}.cover h2{font-size:44px}.route{grid-template-columns:1fr}nav{grid-template-columns:1fr 1fr}}.header-actions{align-items:center;gap:12px;display:flex}.teacher{color:#c8cfd7;background:#10151d;border:1px solid #46515d;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900}.teacher.active{border-color:var(--lime);color:var(--lime);background:#203019;box-shadow:0 0 18px #b9ff3f22}.teacher-note{background:#203019;border:1px solid #48652f;border-radius:9px;gap:3px;margin:0 0 16px;padding:11px;display:grid}.teacher-note b{color:var(--lime);letter-spacing:.1em;font-family:monospace;font-size:9px}.teacher-note span{color:#cfe2b7;font-size:9px}@media (max-width:600px){.header-actions>div{display:none}.teacher{padding:7px 9px}}.song-case{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin:24px 0;display:grid}.video-card{background:#0d1219;border:1px solid #394653;border-radius:17px;overflow:hidden;box-shadow:0 18px 40px #0005}.video-card iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.video-card>div{padding:15px 17px}.video-card small,.observation small{color:var(--pink);letter-spacing:.12em;font:900 10px monospace}.video-card h3{margin:6px 0 4px;font-size:22px}.video-card p{color:var(--muted);margin:0;line-height:1.45}.reactions{gap:10px;display:grid}.reactions article{background:linear-gradient(135deg,#151c25,#10151c);border:1px solid #35414d;border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin:0;padding:14px;display:grid}.reactions span{background:var(--aqua);color:#071014;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.reactions article:nth-child(2) span{background:var(--pink);color:#fff}.reactions article:nth-child(3) span{background:var(--lime)}.reactions p{color:#d8dde2;margin:0;font-size:14px;line-height:1.45}.mission-visual{background:#090d14;border:1px solid #3b4652;border-radius:18px;margin:24px 0 14px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0005}.mission-visual img{aspect-ratio:16/8.5;object-fit:cover;width:100%;display:block}.mission-visual figcaption{color:#dbe1e6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080c13d9;border:1px solid #ffffff24;border-radius:11px;max-width:690px;padding:13px 15px;line-height:1.5;position:absolute;bottom:16px;left:16px;right:16px}.mission-visual figcaption b{color:var(--aqua)}.observation{background:#102028;border:1px solid #3c6066;border-radius:11px;align-items:center;gap:18px;padding:13px 16px;display:flex}.observation p{color:#cbd4da;margin:0;line-height:1.5}.observation small{color:var(--aqua);flex:none}@media (max-width:900px){.song-case{grid-template-columns:1fr}.reactions{grid-template-columns:repeat(3,1fr)}.reactions article{grid-template-columns:1fr}.mission-visual figcaption{border:0;border-radius:0;max-width:none;position:static}}@media (max-width:600px){.reactions{grid-template-columns:1fr}.reactions article{grid-template-columns:34px 1fr}.mission-visual img{aspect-ratio:4/3}.observation{display:block}.observation small{margin-bottom:7px;display:block}}.did-you-know{background:linear-gradient(135deg,#292315,#161913);border:1px solid #73622f;border-radius:16px;margin-top:20px;padding:19px;box-shadow:0 16px 35px #0003}.did-title{align-items:center;gap:12px;display:flex}.did-title>span{background:var(--yellow);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 0 22px #ffcb5840}.did-title small{color:var(--yellow);letter-spacing:.14em;font:900 10px monospace}.did-title h3{margin:4px 0 0;font-size:21px}.did-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.did-grid article{background:#0d1115a8;border:1px solid #52492c;border-radius:11px;padding:14px}.did-grid b{color:#ffe4a1}.did-grid p{color:#c9c5b8;margin:7px 0 0;font-size:13px;line-height:1.5}.did-link{color:#ddd3b5;margin:14px 2px 0;font-size:13px;line-height:1.5}.did-link a{color:var(--yellow);font-weight:800}@media (max-width:700px){.did-grid{grid-template-columns:1fr}}.culture-quiz{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.culture-question{background:linear-gradient(145deg,#151b24,#0d1219);border:1px solid #35414d;border-radius:15px;padding:17px}.culture-question>small,.history-head small,.personal-start small{color:var(--aqua);letter-spacing:.12em;font:900 10px monospace}.culture-question h3{min-height:52px;margin:8px 0 14px;font-size:17px;line-height:1.4}.quick-choices{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.quick-choices button{color:#dce1e5;background:#0c1118;border:1px solid #3b4652;border-radius:9px;padding:11px 7px;font-weight:900}.quick-choices button:hover,.quick-choices button.picked{border-color:var(--aqua);color:#fff;background:#152a32}.culture-question .feedback{font-size:13px}.music-numbers{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.music-numbers div{background:#172019;border:1px solid #4b5b38;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.music-numbers strong{color:var(--lime);flex:none;font-size:24px}.music-numbers span{color:#c4ccbf;font-size:12px;line-height:1.45}.history{background:#0d1219;border:1px solid #394653;border-radius:17px;margin:20px 0;padding:19px}.history-head h3{margin:7px 0 18px;font-size:21px;line-height:1.35}.timeline{grid-template-columns:repeat(5,1fr);gap:9px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg,var(--pink),var(--yellow),var(--aqua),var(--lime));height:2px;position:absolute;top:31px;left:8%;right:8%}.timeline article{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.timeline i{width:62px;height:62px;color:var(--aqua);background:#101722;border:2px solid #485562;border-radius:50%;place-items:center;font-size:25px;font-style:normal;display:grid;box-shadow:0 0 0 7px #0d1219}.timeline article:nth-child(2) i{color:var(--pink)}.timeline article:nth-child(3) i{color:var(--yellow)}.timeline article:nth-child(5) i{color:var(--lime)}.timeline time{color:#87919c;margin-top:10px;font:800 9px monospace}.timeline b{margin-top:4px;font-size:14px}.timeline p{color:#959faa;margin:5px 0 0;font-size:11px;line-height:1.4}.history-conclusion{color:#d3e4e7;text-align:center;background:#17242b;border-radius:9px;margin:17px 0 0;padding:12px;font-weight:800;line-height:1.5}.personal-start{border-top:1px solid #35404b;margin-top:28px;padding-top:21px}.personal-start h3{margin:7px 0 5px;font-size:26px}.personal-start p{color:var(--muted);margin:0;line-height:1.5}@media (max-width:800px){.culture-quiz,.music-numbers,.timeline{grid-template-columns:1fr}.timeline:before{width:2px;height:auto;inset:20px auto 20px 30px}.timeline article{text-align:left;grid-template-columns:62px 1fr;justify-items:start;column-gap:12px}.timeline i{grid-row:1/5}.timeline time{margin-top:5px}.timeline p{margin-bottom:13px}}.briefing{background:linear-gradient(145deg,#151b24,#0d1219);border:1px solid #394653;border-radius:17px;margin-top:20px;padding:19px}.briefing-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.briefing-head small,.mission-ready small{color:var(--aqua);letter-spacing:.12em;font:900 10px monospace}.briefing-head h3{margin:7px 0 4px;font-size:22px}.briefing-head p{color:var(--muted);margin:0;line-height:1.45}.briefing-head>b{border:2px solid var(--aqua);width:58px;height:58px;color:var(--aqua);background:#11262c;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.clues{background:#242017;border:1px solid #564c2f;border-radius:10px;margin:16px 0;padding:12px 14px}.clues summary{cursor:pointer;color:#f1d890;font-weight:800}.clues div{grid-template-columns:1fr 1fr;gap:5px 16px;margin-top:10px;display:grid}.clues p{color:#cfc6a9;margin:0;font-size:12px;line-height:1.45}.clues b{color:var(--yellow)}.toolkit-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toolkit-grid article{background:#0c1118;border:1px solid #35414d;border-radius:12px;padding:15px 15px 13px 54px;position:relative}.toolkit-grid article>span{color:#cbd2d9;background:#29323e;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid;position:absolute;top:15px;left:14px}.toolkit-grid h4{min-height:40px;margin:0 0 10px;font-size:14px;line-height:1.4}.toolkit-grid label{color:#8e99a4;text-transform:uppercase;letter-spacing:.08em;gap:5px;font-size:10px;font-weight:800;display:grid}.toolkit-grid select{color:#fff;background:#111824;border:1px solid #3c4753;border-radius:8px;width:100%;padding:10px}.toolkit-grid article.tool-ok{background:#112019;border-color:#4f835e}.toolkit-grid article.tool-ok>span{background:var(--lime);color:#071006}.toolkit-grid article.tool-no{background:#211b13;border-color:#8a6531}.toolkit-grid article.tool-no>span{background:var(--yellow);color:#171006}.mini-feedback{color:#bcc5cd;margin:9px 0 0;font-size:11px;line-height:1.45}.tool-ok .mini-feedback{color:#cce8d3}.tool-no .mini-feedback{color:#efd29b}.mission-ready{background:#14261b;border:1px solid #4e7a57;border-radius:12px;align-items:center;gap:14px;margin-top:14px;padding:15px;display:flex}.mission-ready>span{background:var(--lime);color:#071006;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.mission-ready h3{margin:4px 0;font-size:19px}.mission-ready p{color:#c2d9c7;margin:0;line-height:1.45}@media (max-width:750px){.toolkit-grid,.clues div{grid-template-columns:1fr}.briefing-head{align-items:start}.toolkit-grid h4{min-height:0}}.prop-lab{background:linear-gradient(#07101a,#05080e);border:1px solid #2e3a45;border-radius:13px;grid-template-columns:115px 1fr;min-height:245px;display:grid;overflow:hidden}.source{background:#0b1119;border-right:1px solid #27343f;align-content:center;place-items:center;gap:6px;display:grid}.source>b{color:var(--pink);font-size:65px}.source.active>b{animation:.15s infinite pulse}.source span,.source small{color:#a7b0ba;text-align:center;font:800 9px monospace}.source small{color:var(--pink)}.particle-track{min-height:180px;margin:28px 34px 28px 18px;position:relative}.particle-track>i{background:#78909c;border-radius:50%;width:5px;height:5px;transition:transform 60ms,background 60ms;position:absolute;top:38%;box-shadow:0 28px #607985,0 -28px #607985,0 56px #4e6874,0 -56px #4e6874}.particle-track>i.compressed{background:var(--aqua);width:7px;height:7px;box-shadow:0 28px var(--aqua),0 -28px var(--aqua),0 56px #59e3ffaa,0 -56px #59e3ffaa,0 0 12px var(--aqua)}.particle-track>i.dilated{opacity:.28}.wave-label{z-index:3;color:var(--aqua);background:#102a32;border-radius:5px;padding:4px 7px;font:900 8px monospace;transition:left 60ms;position:absolute;top:3px;transform:translate(-50%)}.dilatation-label{color:#ff8bc2;background:#2a2030;top:auto;bottom:1px}.detector{z-index:2;grid-template-rows:1fr auto;justify-items:center;display:grid;position:absolute;top:26px;bottom:20px}.detector>b{background:#5f6872;border-radius:3px;width:5px}.detector span{color:#a8b0b9;text-align:center;gap:2px;font:900 9px monospace;display:grid}.detector small{color:#727d88}.detector.detected>b{background:var(--lime);box-shadow:0 0 16px var(--lime)}.detector.detected small{color:var(--lime)}.mic-one{left:33.333%}.mic-two{left:100%;transform:translate(-50%)}.prop-controls{align-items:center;gap:14px;margin-top:12px;display:flex}.prop-controls span{color:#89939e;font-size:11px}.prop-legend{color:#aab3bc;flex-wrap:wrap;gap:16px;margin-top:11px;font-size:11px;display:flex}.prop-legend span{align-items:center;gap:7px;display:flex}.prop-legend i{border-radius:50%;width:10px;height:10px}.compression-dot{background:var(--aqua);box-shadow:0 0 8px var(--aqua)}.dilatation-dot{border:2px solid var(--pink)}.time-readings{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.time-readings div{background:#0b1118;border:1px solid #37434f;border-radius:10px;padding:14px}.time-readings small{color:#85909c;font:800 9px monospace;display:block}.time-readings b{color:var(--aqua);margin-top:5px;font-size:17px;display:block}.formula-box{background:#172129;border-radius:10px;justify-content:space-between;gap:12px;margin:13px 0;padding:12px 14px;display:flex}.formula-box p{color:#c4ccd3;margin:0}.formula-box strong{color:var(--yellow)}.calc-title{margin:16px 0 9px}.distance-entry{background:#0c1118;border:1px solid #394653;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.distance-entry span{color:#b4bdc6}.distance-entry label{font-weight:800}.distance-entry input{color:#fff;background:#151d27;border:1px solid #465360;border-radius:7px;width:86px;margin-left:6px;padding:9px}.storm-card{background:linear-gradient(140deg,#282114,#10151b);border:1px solid #705f34;border-radius:17px;margin-top:22px;padding:20px;box-shadow:0 20px 45px #0004}.storm-head{align-items:center;gap:13px;display:flex}.storm-head>span{background:var(--yellow);border-radius:12px;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.storm-head small{color:var(--yellow);letter-spacing:.12em;font:900 10px monospace}.storm-head h3{margin:5px 0 0}.storm-card>p{color:#cfc7b2;line-height:1.55}.storm-scene{background:radial-gradient(circle at 60% 20%,#19273a,#070b12);border:1px solid #394654;border-radius:11px;align-content:center;place-items:center;gap:8px;height:120px;display:grid;overflow:hidden}.storm-scene i{opacity:.25;font-size:46px;font-style:normal}.storm-scene.flash{animation:.45s stormflash}.storm-scene.flash i{opacity:1}.storm-scene b{color:#dce1e6}.storm-button{background:var(--yellow);color:#171006;border:0;border-radius:9px;width:100%;margin-top:10px;padding:12px;font-weight:900}.storm-button:disabled{opacity:.55}.storm-calc{background:#111a21;border-radius:10px;gap:5px;margin-top:11px;padding:13px;display:grid}.storm-calc span{color:var(--aqua);font-family:monospace}.storm-calc strong{font-size:17px}.storm-calc p{color:#aeb8c0;margin:0}.safety{border-left:4px solid var(--yellow);background:#302515;border-radius:0 10px 10px 0;margin-top:15px;padding:15px}.safety b{color:#ffe29a}.safety p{color:#e0d4b8;margin:7px 0 0;line-height:1.5}@keyframes stormflash{0%,30%,60%{color:#10151b;background:#edf8ff}15%,45%{background:#263d60}}@media (max-width:700px){.prop-lab{grid-template-columns:82px 1fr}.particle-track{margin-right:20px}.time-readings{grid-template-columns:1fr}.formula-box,.distance-entry{display:grid}.prop-controls{flex-direction:column;align-items:start}.quick-choices{grid-template-columns:1fr}}.time-readings em{color:var(--lime);margin-top:5px;font-size:11px;font-style:normal;display:block}.conversion-entry{background:#0c1118;border:1px solid #394653;border-radius:10px;padding:14px}.conversion-entry label{align-items:center;gap:9px;font-weight:900;display:flex}.conversion-entry input{color:#fff;background:#151d27;border:1px solid #465360;border-radius:7px;width:110px;padding:9px}.storm-visual{background:#070b12;border:1px solid #4b5260;border-radius:13px;margin:16px 0;position:relative;overflow:hidden}.storm-visual img{aspect-ratio:16/7;object-fit:cover;width:100%;display:block}.storm-visual figcaption{color:#dce4ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c13d9;border-radius:8px;max-width:650px;padding:10px 12px;font-size:12px;line-height:1.45;position:absolute;bottom:12px;left:12px;right:12px}@media (max-width:700px){.storm-visual img{aspect-ratio:4/3}.storm-visual figcaption{position:static}.conversion-entry label{flex-direction:column;align-items:start}}.distance-axis{border-top:1px solid #56616d;height:16px;position:absolute;bottom:-20px;left:0;right:0}.distance-axis span{color:#87939e;white-space:nowrap;font:800 8px monospace;position:absolute;top:4px;transform:translate(-50%)}.distance-axis span:first-child{transform:none}.distance-axis span:last-child{color:var(--yellow);transform:translate(-100%)}.storm-experiments{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.storm-experiments>article{background:#0c1219;border:1px solid #4b5260;border-radius:13px;padding:15px}.storm-experiments>article.locked{opacity:.48}.storm-experiments>article>small{color:var(--yellow);letter-spacing:.1em;font:900 9px monospace}.storm-experiments h4{margin:7px 0}.storm-experiments p{color:#b8c0c7;min-height:34px;font-size:12px;line-height:1.45}.storm-scene strong{color:var(--yellow);font:900 24px monospace}.storm-entry{margin-top:12px}.storm-conclusion{background:#18251d;border-radius:10px;padding:13px 15px;color:#cde8d2!important}.storm-conclusion b{color:var(--lime)}@media (max-width:800px){.storm-experiments{grid-template-columns:1fr}}.storm-reasoning{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.storm-reasoning>div{background:#111820;border:1px solid #655832;border-radius:11px;gap:6px;padding:13px;display:grid}.storm-reasoning b{color:var(--yellow);font-size:12px}.storm-reasoning span{color:#f0f3f5;font-weight:850}.storm-reasoning em{color:#aeb9c2;font-size:11px;font-style:normal;line-height:1.45}.storm-key{border-left:4px solid var(--aqua);border-radius:0 10px 10px 0;padding:13px 15px;color:#d3e5e9!important;background:#12232a!important}.challenge-data{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.challenge-data>div{background:#111923;border:1px solid #3e4b57;border-radius:9px;gap:4px;padding:11px;display:grid}.challenge-data small{color:var(--aqua);font:900 9px monospace}.challenge-data b{font-size:12px}.challenge-question{font-weight:800;color:#eef2f4!important;min-height:0!important}.storm-entry label{margin-left:auto}.storm-hint{background:#201d15;border:1px solid #5b5234;border-radius:9px;margin-top:10px;padding:10px 12px}.storm-hint summary{cursor:pointer;color:#ead795;font-size:12px;font-weight:800}.storm-hint p{min-height:0;margin:8px 0 0!important}.storm-hint b{color:var(--yellow)}@media (max-width:800px){.storm-reasoning,.challenge-data{grid-template-columns:1fr}}.rule-three{background:#162317;border:1px solid #60833b;border-radius:10px;gap:7px;margin-top:10px;padding:14px;display:grid}.rule-three small{color:var(--lime);letter-spacing:.1em;font:900 9px monospace}.rule-three>b{color:#eaffc9;font-size:16px}.rule-three p{color:#d5dfd0!important;min-height:0!important;margin:2px 0!important;font-size:12px!important;line-height:1.55!important}.rule-three p strong{color:var(--lime)}.rule-three span{color:#bfcdb8;border-top:1px solid #ffffff18;padding-top:7px;font-size:11px;line-height:1.5}.time-graph{margin:18px 0 42px;padding-left:34px;position:relative}.time-graph .wave{border-radius:6px}.time-axis{border-top:1px solid #73808c;height:20px;position:absolute;bottom:-20px;left:34px;right:0}.time-axis span{color:#a7b1bb;font:800 9px monospace;position:absolute;top:4px;transform:translate(-50%)}.time-axis span:first-child{transform:none}.time-axis span:last-child{transform:translate(-100%)}.x-title{color:#c7d0d7;font-size:10px;position:absolute;bottom:-38px;right:0}.y-title{z-index:2;color:#a7b1bb;white-space:nowrap;font-size:9px;position:absolute;top:50%;left:4px;transform:translate(-50%,-50%)rotate(-90deg)}.time-graph.overview{margin-top:14px}.marker-readings{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.marker-readings span{color:#aeb8c1;background:#0d141c;border:1px solid #394653;border-radius:8px;padding:10px;font-size:12px}.marker-readings b{color:var(--aqua)}.period-fact{background:linear-gradient(140deg,#242015,#10151b);border:1px solid #61572f;border-radius:16px;margin-top:22px;padding:19px}.fact-head{align-items:center;gap:12px;display:flex}.fact-head>span{background:var(--yellow);border-radius:11px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.fact-head small{color:var(--yellow);letter-spacing:.1em;font:900 9px monospace}.fact-head h3{margin:5px 0 0}.period-fact>p{color:#c8c3b5;line-height:1.5}.sound-demos{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sound-demos article{background:#0b1118;border:1px solid #3d4853;border-radius:11px;padding:12px}.sound-demos button{color:#fff;background:#151e28;border:1px solid #4a5662;border-radius:8px;width:100%;padding:10px;font-weight:850}.sound-demos article:first-child button{color:var(--aqua)}.sound-demos article:nth-child(2) button{color:var(--lime)}.sound-demos article:nth-child(3) button{color:var(--pink)}.demo-signal{background:#050a10;border-radius:7px;width:100%;height:105px;margin:9px 0;display:block}.sound-demos b{font-size:13px}.sound-demos p{color:#aab3bc;margin:5px 0 0;font-size:11px;line-height:1.45}.compare-question{background:#111923;border:1px solid #43515e;border-radius:12px;margin-top:14px;padding:15px}.compare-question>b{margin-bottom:10px;display:block}.compare-question .choices{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.compare-question .choices button{color:#dce4eb;text-align:left;background:#0b1118;border:1px solid #46535f;border-radius:8px;padding:11px;font-weight:750}.compare-question .choices button.chosen{border-color:var(--aqua);background:#102530}.nonperiodic-demo{background:#17140d;border:1px solid #65552c;border-radius:12px;grid-template-columns:minmax(180px,.8fr) minmax(150px,.5fr) minmax(260px,1.2fr);align-items:center;gap:12px;margin-top:14px;padding:15px;display:grid}.nonperiodic-demo small{color:var(--yellow);letter-spacing:.08em;font:900 9px monospace}.nonperiodic-demo h3{margin:5px 0}.nonperiodic-demo p{color:#c8c3b5;margin:5px 0;font-size:12px;line-height:1.5}.nonperiodic-demo button{color:var(--yellow);background:#241e10;border:1px solid #746131;border-radius:8px;padding:11px;font-weight:850}.nonperiodic-demo .demo-signal{margin:0}.period-summary{border-left:4px solid var(--lime);background:#17251b;border-radius:0 9px 9px 0;align-items:center;gap:12px;margin-top:12px;padding:13px;display:flex}.period-summary b{color:var(--lime)}.period-summary span{color:#d5e1d7;font-size:12px;line-height:1.5}@media (max-width:800px){.sound-demos,.compare-question .choices,.nonperiodic-demo,.marker-readings{grid-template-columns:1fr}.period-summary{flex-direction:column;align-items:start}}.period-observation{background:linear-gradient(145deg,#12252b,#0d131b);border:1px solid #355765;border-radius:16px;margin-top:22px;padding:19px}.period-observation small{color:var(--aqua);letter-spacing:.11em;font:900 9px monospace}.period-observation h3{margin:7px 0}.period-observation>div>p{color:#b8c4cb;margin:0 0 14px;line-height:1.5}.period-definition{border-left:4px solid var(--aqua);background:#0e1e25;border-radius:0 9px 9px 0;align-items:center;gap:12px;margin:12px 0 0;padding:12px;display:flex}.period-definition b{color:var(--aqua);white-space:nowrap}.period-definition span{color:#d1dce1;font-size:12px;line-height:1.45}.audio-credit{color:#8f9aa4!important;margin:9px 2px 0!important;font-size:10px!important}.frequency-reference{margin-bottom:48px}.frequency-count{background:#0d151e;border:1px solid #41505d;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0;padding:14px;display:grid}.frequency-count span:first-child{flex-direction:column;display:flex}.frequency-count small{color:#9ca8b2}.frequency-count>span:nth-child(2){color:var(--lime);font-size:24px}.frequency-count label{align-items:center;gap:8px;display:flex}.frequency-count input{width:90px}.voice-comparison{background:linear-gradient(140deg,#101b24,#17101a);border:1px solid #43505c;border-radius:16px;margin-top:22px;padding:20px}.voice-head small{color:var(--pink);letter-spacing:.1em;font:900 9px monospace}.voice-head h3{margin:6px 0}.voice-head p{color:#adb7c0;line-height:1.5}.voice-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.voice-cards article{background:#090f16;border:1px solid #3c4854;border-radius:11px;padding:13px}.voice-cards button{color:#fff;background:#151e28;border:1px solid #485663;border-radius:8px;width:100%;padding:11px;font-weight:850}.voice-cards article:first-child button{color:var(--pink)}.voice-cards article:last-child button{color:var(--aqua)}.voice-cards small{color:#8f9aa4}.voice-caution{border-left:4px solid var(--lime);color:#d7e2d9;background:#142218;margin:13px 0 0;padding:13px;line-height:1.5}.voice-caution b{color:var(--lime)}@media (max-width:800px){.frequency-count,.voice-cards{grid-template-columns:1fr}.frequency-count>span:nth-child(2){justify-self:center;transform:rotate(90deg)}}.volume-challenge{background:linear-gradient(140deg,#111c16,#10141a);border:1px solid #46543a;border-radius:16px;padding:20px}.challenge-intro small{color:var(--lime);letter-spacing:.1em;font:900 9px monospace}.challenge-intro h3{margin:6px 0}.challenge-intro p{color:#adb8af}.phone-lab{background:#090f16;border:1px solid #3e4a55;border-radius:13px;margin-top:16px;padding:15px}.phone-controls{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.phone-controls button{background:var(--lime);color:#071007;border:0;border-radius:9px;padding:12px 18px;font-weight:900}.phone-controls label{grid-template-columns:auto 1fr 52px;align-items:center;gap:12px;display:grid}.phone-controls input{accent-color:var(--pink)}.phone-controls b{color:var(--pink)}.volume-bars{grid-template-columns:repeat(10,1fr);gap:5px;margin:12px 0 4px;display:grid}.volume-bars i{background:#28313a;border-radius:5px;height:7px}.volume-bars i.on{background:linear-gradient(90deg,var(--lime),var(--pink));box-shadow:0 0 8px #b6ff3655}.volume-graph{margin:16px 0 30px;padding-left:62px;position:relative}.volume-canvas{border-radius:8px;width:100%;height:190px;display:block}.volume-y{color:#aab4bd;text-align:center;font-size:9px;position:absolute;top:50%;left:0;transform:translate(-25%,-50%)rotate(-90deg)}.volume-x{color:#aab4bd;font-size:10px;position:absolute;bottom:-21px;right:0}.signal-zoom{background:#080d13;border:1px solid #354654;border-radius:11px;padding:13px}.signal-zoom small{color:var(--aqua);letter-spacing:.08em;font:900 9px monospace}.signal-zoom h4{margin:5px 0 10px}.zoom-canvas{border-radius:7px;width:100%;height:150px;display:block}.zoom-legend{color:#aeb7bf;align-items:center;gap:16px;margin-top:8px;font-size:10px;display:flex}.zoom-legend span{align-items:center;gap:6px;display:flex}.zoom-legend i{width:18px;height:3px}.zoom-legend i.low{background:var(--aqua)}.zoom-legend i.high{background:var(--pink)}.zoom-legend b{margin-left:auto}.live-note{color:#9eabb5;margin:10px 0 0;font-size:11px}.measurement-map{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px;display:grid}.measurement-map article{color:#aeb8c1;background:#0b1219;border:1px solid #3f4c57;border-radius:10px;padding:14px;font-size:11px;line-height:1.5}.measurement-map b,.measurement-map strong{display:block}.measurement-map b{color:var(--aqua);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:9px}.measurement-map strong{color:#fff;font-size:14px}.measurement-map p{margin:7px 0}.meter-card{grid-column:1/-1;grid-template-columns:130px 1fr;align-items:center;gap:16px;display:grid}.meter-card img{object-fit:cover;object-position:center 25%;border-radius:8px;width:100%;height:180px}.meter-card small{color:#78848e}.volume-bilan{border-left:4px solid var(--yellow);color:#d9d5c9;background:#211e13;padding:14px;line-height:1.55}.volume-bilan b{color:var(--yellow)}@media (max-width:800px){.phone-controls,.phone-controls label,.measurement-map,.meter-card{grid-template-columns:1fr}.volume-graph{padding-left:46px}.meter-card{grid-column:auto}.zoom-legend{flex-wrap:wrap}.zoom-legend b{width:100%;margin-left:0}}.cover article{padding:6vh 6%}.cover h2{margin:18px 0;font-size:clamp(42px,4.8vw,64px)}.source-note{color:#8d97a2;margin:10px 2px 0;font-size:11px;line-height:1.5}.source-note a{color:var(--aqua);font-weight:700}.source-note i{font-style:italic}.lock-hint{border-left:4px solid var(--yellow);color:#f0dcae;background:#2a2316;border-radius:0 10px 10px 0;margin:4px 0 0;padding:13px 15px;font-size:13px;line-height:1.55}.lock-hint b{color:var(--yellow)}.media-note{line-height:1.5;color:#9aa3ae!important;margin:9px 0 0!important;font-size:12px!important}.media-note a{color:var(--aqua);font-weight:700}.detector{grid-template-columns:0;width:0}.detector>span{width:max-content;max-width:170px}.mic-two>span{transform:translate(-22px)}.witness-rest{z-index:1;background:repeating-linear-gradient(#ff4fa377 0 4px,#0000 4px 9px);width:1px;margin-left:2.5px;position:absolute;top:8%;bottom:8%}.particle-track>i.witness{opacity:1;background:var(--pink);box-shadow:0 28px #607985,0 -28px #607985,0 56px #4e6874,0 -56px #4e6874,0 0 4px var(--pink),0 0 13px var(--pink);z-index:3}.witness-dot{background:var(--pink);box-shadow:0 0 8px var(--pink)}.vacuum-note{z-index:4;color:#aeb7c0;text-align:center;background:#0a0e15;border:1px dashed #4b5663;border-radius:11px;max-width:430px;margin:0;padding:14px 16px;font-size:12px;line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vacuum-note b{color:var(--aqua)}.medium-switch{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.medium-switch small{color:var(--aqua);letter-spacing:.11em;font:900 9px monospace}.medium-switch>div{gap:7px;display:flex}.medium-switch button{color:#dce1e5;background:#0c1118;border:1px solid #3b4652;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:900}.medium-switch button.picked{border-color:var(--aqua);color:#fff;background:#152a32}.model-limit{color:#8d97a2;margin:10px 2px 0;font-size:11px;line-height:1.5}.predict{background:#141c14;border:1px solid #4a5a3a;border-radius:13px;margin-top:16px;padding:15px 17px}.predict>small{color:var(--lime);letter-spacing:.12em;font:900 10px monospace}.predict h4{margin:7px 0 12px;font-size:16px;line-height:1.4}.predict-wait{color:#c3d6bc;margin:11px 0 0;font-size:12px;line-height:1.5}.further{background:#181510;border:1px solid #4b4229;border-radius:15px;margin-top:22px}.further>summary{cursor:pointer;color:#f1d890;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:12px;padding:15px 18px;font-size:15px;font-weight:900;display:flex}.further>summary em{color:#a2988a;font-size:11px;font-style:normal;font-weight:600}.further[open]>summary{border-bottom:1px solid #3b3526}.further>.storm-card{box-shadow:none;border:0;border-radius:0 0 14px 14px;margin:0}.sound-demos .wave{height:118px;margin-top:9px}.sound-demos button.playing,.nonperiodic-demo button.playing{border-color:var(--aqua);color:#fff;background:#16303a}.demo-caption{color:#8d97a2;margin:8px 0 0;font-size:11px;line-height:1.5}.ear-first{background:linear-gradient(145deg,#13252b,#0e1219);border:1px solid #3c6066;border-radius:17px;margin-top:22px;padding:19px}.ear-head small{color:var(--aqua);letter-spacing:.12em;font:900 10px monospace}.ear-head h3{margin:7px 0 5px;font-size:22px;line-height:1.3}.ear-head p{color:var(--muted);margin:0;line-height:1.5}.ear-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.ear-grid article{background:#0c1118;border:1px solid #35414d;border-radius:12px;align-content:start;gap:8px;padding:14px;display:grid}.ear-grid article.answered{background:#101b20;border-color:#4a6a73}.ear-grid>article>button{color:#fff;background:#161d27;border:1px solid #3b4651;border-radius:9px;padding:10px;font-weight:800}.ear-grid>article>span{color:#8d97a2;font-size:12px;line-height:1.45}.ear-choice{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ear-choice button{color:#dce1e5;background:#0e141c;border:1px solid #3b4651;border-radius:8px;padding:9px 6px;font-size:12px;font-weight:800}.ear-choice button.picked{border-color:var(--aqua);color:#fff;background:#16303a}.ear-reveal{color:#cbd4da;margin:18px 0 10px;line-height:1.5}.ear-windows{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ear-windows article{background:#0d1219;border:1px solid #303b47;border-radius:12px;padding:12px}.ear-windows b{margin-bottom:7px;display:block}.ear-windows .wave,.ear-windows .demo-signal{height:118px}.ear-windows p{color:#8d97a2;margin:8px 0 0;font-size:11px;line-height:1.45}.ear-bridge{border-left:4px solid var(--aqua);color:#d3e5e9;background:#102028;border-radius:0 10px 10px 0;margin:14px 0 0;padding:13px 15px;line-height:1.55}@media (max-width:800px){.ear-grid,.ear-windows{grid-template-columns:1fr}}.further.game{background:#101a1e;border-color:#3c6066}.further.game>summary{color:#8fe4f5}.game-body{padding:16px 18px}.game-intro{color:#cbd4da;margin:0 0 14px;line-height:1.55}.game-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.game-grid article{background:#0c1118;border:1px solid #35414d;border-radius:12px;align-content:start;gap:8px;padding:13px;display:grid}.game-grid article.ok{background:#112019;border-color:#4f835e}.game-grid article.no{background:#211b13;border-color:#8a6531}.game-grid>article>small{color:var(--aqua);letter-spacing:.1em;font:900 9px monospace}.game-grid>article>button{color:#fff;background:#161d27;border:1px solid #3b4651;border-radius:9px;padding:9px;font-weight:800}.game-grid>article>button.playing{border-color:var(--aqua);background:#16303a}.game-grid .wave,.game-grid .demo-signal{height:112px}.game-window{color:#8d97a2;margin:0;font-size:11px}.game-window b{color:#c8d1d8}.game-choices{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.game-choices button{color:#dce1e5;background:#0e141c;border:1px solid #3b4651;border-radius:8px;padding:9px 4px;font-size:12px;font-weight:800}.game-choices button.picked{border-color:var(--aqua);color:#fff;background:#16303a}.game-feedback{color:#bcc5cd;margin:2px 0 0;font-size:11px;line-height:1.5}.ok .game-feedback{color:#cce8d3}.no .game-feedback{color:#efd29b}.game-won{background:#14261b;border:1px solid #4e7a57;border-radius:12px;gap:5px;margin-top:14px;padding:15px;display:grid}.game-won>b{color:var(--lime);font-size:16px}.game-won span{color:#c2d9c7;line-height:1.55}@media (max-width:800px){.game-grid{grid-template-columns:1fr}}.lab-loading{color:#9aa3ae;border:1px dashed #4b5663;border-radius:10px;margin:14px 0;padding:13px 15px;font-size:13px}.lab-scopes{grid-template-columns:1fr;gap:10px;margin:14px 0;display:grid}.lab-scopes.hidden{display:none}.lab-scopes canvas{background:#050a10;border:1px solid #2e3a45;border-radius:10px;width:100%;display:block}.lab-env{height:96px}.lab-zoom{cursor:crosshair;height:150px}.lab-spec{height:120px}.measure-block{background:#0d1219;border:1px solid #35414d;border-radius:13px;margin-top:14px;padding:15px 17px}.measure-block.auto{background:#101b20;border-color:#4a6a73}.measure-block small{color:var(--c,var(--aqua));letter-spacing:.11em;font:900 9px monospace}.measure-block h4{margin:7px 0 4px;font-size:16px;line-height:1.35}.measure-block>div>p{color:#8d97a2;margin:0;font-size:12px;line-height:1.5}.tap-zone{align-items:center;gap:12px;margin-top:12px;display:flex}.tap-zone .tap{background:var(--c,var(--lime));color:#071006;border:0;border-radius:12px;padding:16px 26px;font-size:17px;font-weight:900}.tap-zone .tap:active{transform:scale(.96)}.tap-zone span{color:#c3ccd4;font-weight:800}.tap-zone .ghost{color:#b8c0c8;background:0 0;border:1px solid #46515d;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:12px}.chain{color:#d6dee5;background:#111923;border-radius:9px;margin:12px 0 0;padding:11px 13px;line-height:1.6}.chain b{color:var(--aqua)}.chain em{color:#8d97a2;font-size:12px;font-style:normal}.chain .waiting,.chain.waiting{color:#7d8792;font-size:13px}.auto-values{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.auto-values>div{background:#0b1016;border-radius:10px;padding:12px}.auto-values small{color:var(--aqua);font:900 9px monospace;display:block}.auto-values b{margin:4px 0 3px;font-size:20px;display:block}.auto-values em{color:#8d97a2;font-size:11px;font-style:normal;line-height:1.45}.ear-input{color:#fff;background:#0d1118;border:1px solid #3a4451;border-radius:10px;width:100%;min-height:70px;margin-top:12px;padding:12px}.lab-table{background:linear-gradient(145deg,#13252b,#0e1219);border:1px solid #3c6066;border-radius:15px;margin-top:18px;padding:17px}.lab-table-head small{color:var(--aqua);letter-spacing:.12em;font:900 10px monospace}.lab-table-head h3{margin:7px 0 4px;font-size:20px}.lab-table-head p{color:var(--muted);margin:0 0 12px;font-size:13px}.lab-table-scroll{overflow-x:auto}.lab-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.lab-table th,.lab-table td{text-align:left;vertical-align:top;border:1px solid #2b3540;padding:9px 10px}.lab-table thead th{color:#e6ecf1;font-size:12px}.lab-table thead th.on{border-color:var(--c);background:#16303a}.lab-table thead th span{color:#8d97a2;font-size:10px;font-weight:400;display:block}.lab-table tbody th{color:#a9b3bc;width:135px;font-weight:800}.lab-table td{color:#5f6a75}.lab-table td.filled{color:#eaf1f5;font-weight:800}@media (max-width:700px){.auto-values{grid-template-columns:1fr}.tap-zone{flex-wrap:wrap}.tap-zone .ghost{margin-left:0}}.scope{margin:0 0 16px}.scope figcaption{margin-bottom:7px}.scope figcaption b{font-size:15px;display:block}.scope figcaption span{color:#8d97a2;margin-top:3px;font-size:12px;line-height:1.5;display:block}.scope figcaption i{color:var(--aqua);font-style:normal;font-weight:800}.scope-frame{padding:0 6px 30px 46px;position:relative}.scope-plot{position:relative}.scope-frame canvas{background:#050a10;border:1px solid #2e3a45;border-radius:10px;width:100%;display:block}.scope-frame .y-title{writing-mode:vertical-rl;color:#78828d;text-align:center;justify-content:center;align-items:center;width:14px;font-size:9px;display:flex;position:absolute;top:0;bottom:36px;left:2px;transform:rotate(180deg)}.scope-axis{height:14px;margin-top:4px;position:relative}.scope-axis span{color:#8d97a2;white-space:nowrap;font:800 10px monospace;position:absolute;transform:translate(-50%)}.scope-axis span:first-child{transform:none}.scope-axis span:last-child{transform:translate(-100%)}.scope-frame .x-title{color:#78828d;font-size:10px;font-weight:800;position:absolute;bottom:2px;right:6px}.zone-mark{background:var(--aqua);width:2px;box-shadow:0 0 8px var(--aqua);z-index:2;position:absolute;top:0;bottom:0}.zone-mark em{color:var(--aqua);white-space:nowrap;background:#102a32;border-radius:5px;padding:2px 6px;font:800 9px monospace;position:absolute;top:-2px;left:5px}.play-mark{opacity:.85;z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0}.listen-modes{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.listen-card{background:#0d1219;border:1px solid #35414d;border-radius:13px;padding:14px 16px}.listen-card.zoomed{border-color:var(--aqua);background:#101f26}.listen-card small{color:var(--aqua);letter-spacing:.11em;font:900 9px monospace}.listen-card p{color:#9aa4ae;margin:7px 0 11px;font-size:12px;line-height:1.5}.listen-card.zoomed p b{color:#dff2f7}.listen-card audio{width:100%}.listen-card .play{width:100%;padding:12px}.lab-zone{height:110px}.zoom-band{border-left:2px solid var(--aqua);border-right:2px solid var(--aqua);z-index:2;background:#59e3ff2e;position:absolute;top:0;bottom:0}.scope figcaption strong{color:#f2d7a9;font-weight:800}@media (max-width:800px){.listen-modes{grid-template-columns:1fr}}.steps{gap:8px;margin-top:16px;display:grid}.step{border:1px solid #35414d;border-left:3px solid var(--aqua);background:#0d1219;border-radius:0 12px 12px 0;padding:13px 15px}.step>b{font-size:15px;display:block}.step p{color:#a9b3bc;margin:6px 0 0;font-size:13px;line-height:1.55}.step .quick-choices{margin-top:11px}.step.locked{opacity:.5;border-left-color:#39424e}.step.locked p{color:#78828d}.step.done{border-left-color:var(--lime);background:#111a13;padding:10px 15px}.step.done>b{color:#a9b3bc;font-size:13px;font-weight:700;display:inline}.step.done>span{color:#cfe8d3;margin-left:8px;font-size:13px;font-weight:800}.step.done>span b{color:var(--lime)}.step.done .ghost{color:#9aa3ae;background:0 0;border:1px solid #46515d;border-radius:6px;margin-left:10px;padding:3px 9px;font-size:11px}.lab-env.movable{cursor:crosshair}.verdict{border-radius:9px;padding:11px 13px;margin:9px 0 0!important;font-size:12.5px!important;line-height:1.55!important}.verdict.ok{background:#152b20;border:1px solid #3f7654;color:#d8f2df!important}.verdict.no{background:#302417;border:1px solid #8a6531;color:#f2d7a9!important}.verdict b{color:inherit}.autre-zone{border:1px solid var(--aqua);color:var(--aqua);background:#12242c;border-radius:9px;margin-top:9px;padding:9px 13px;font-size:12px;font-weight:800}.autre-zone:hover{background:#173039}.play.sonne{color:var(--lime);box-shadow:0 0 0 2px var(--lime) inset;background:#2a3a20}.replay-hint{color:#7f8a95!important;margin:9px 0 0!important;font-size:11px!important}.artistgrid em{color:var(--lime);margin-top:2px;font-size:10px;font-style:normal;font-weight:800}.lab-table .export{color:#bfd3d8;background:0 0;border:1px solid #46626b;border-radius:8px;margin:4px 0 12px;padding:8px 12px;font-size:12px;font-weight:800}.lab-table .export:hover:not(:disabled){border-color:var(--aqua);color:var(--aqua)}.lab-table .export:disabled{opacity:.4;cursor:not-allowed}.lab-loading{color:#9aa3ae;background:#0d1219;border:1px solid #4b5663;border-radius:12px;gap:7px;margin:14px 0;padding:15px 17px;font-size:13px;display:grid}.lab-loading b{color:var(--aqua);font-size:14px}.lab-loading p{margin:0;line-height:1.55}.lab-bar{background:#1b2530;border-radius:4px;height:5px;margin-top:4px;display:block;position:relative;overflow:hidden}.lab-bar:after{content:"";background:linear-gradient(90deg,transparent,var(--aqua),transparent);border-radius:4px;width:38%;animation:1.15s ease-in-out infinite labslide;position:absolute;top:0;bottom:0}@keyframes labslide{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.lab-bar:after{opacity:.5;width:100%;animation:none;left:0}}.lab-bar.reel:after{display:none}.lab-bar.reel em{background:var(--aqua);border-radius:4px;transition:width .18s linear;position:absolute;top:0;bottom:0;left:0}.bilan-rappel{background:linear-gradient(145deg,#13252b,#0e1219);border:1px solid #3c6066;border-radius:15px;margin:22px 0 18px;padding:17px 19px}.bilan-rappel>small{color:var(--aqua);letter-spacing:.12em;font:900 10px monospace}.rappel-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:13px;display:grid}.rappel-grid article{background:#0c1118;border:1px solid #35414d;border-radius:12px;padding:14px}.rappel-grid b{margin-bottom:8px;font-size:14px;display:block}.rappel-grid .cite{color:#dfe6ec;margin:0 0 8px;font-style:italic;line-height:1.5}.rappel-grid .vide{color:#7d8792;margin:0;font-size:12.5px;line-height:1.5}.rappel-grid ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.rappel-grid li{color:#c8d1d9;align-items:baseline;gap:9px;font-size:13px;line-height:1.45;display:flex}.rappel-grid li i{border-radius:50%;flex:none;width:8px;height:8px}.rappel-grid li b{color:var(--aqua);margin:0;font-size:13px;display:inline}.bilan-aide{margin:18px 0 12px}.bilan-aide>b{margin-bottom:9px;font-size:15px;display:block}.aide-choix{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.aide-choix button{color:#d4d9df;background:#10151d;border:1px solid #3b4552;border-radius:9px;padding:12px;font-weight:800}.aide-choix button:hover{border-color:var(--aqua)}.aide-choix button.chosen{border-color:var(--aqua);color:#fff;background:#16252d}.aide-note{color:#7d8792;margin:8px 0 0;font-size:11.5px}.bilan-mots,.bilan-charpente{background:#0d1219;border:1px solid #4b5663;border-radius:12px;margin:0 0 14px;padding:15px 17px}.bilan-mots>p,.bilan-charpente>p{color:#a9b3bc;margin:0 0 11px;font-size:13px;line-height:1.55}.mots-liste{flex-wrap:wrap;gap:7px;display:flex}.mots-liste span{color:#c3ccd4;background:#111823;border:1px solid #3b4552;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:800}.mots-liste span.vu{border-color:var(--lime);color:var(--lime);background:#1a2616}.mots-avertissement{color:#7d8792!important;margin:11px 0 0!important;font-size:11.5px!important}.bilan-charpente ol{gap:11px;margin:0;padding-left:19px;display:grid}.bilan-charpente li{color:#c8d1d9}.bilan-charpente li b{color:var(--aqua);letter-spacing:.04em;font-size:12px;display:block}.bilan-charpente li em{color:#dfe6ec;margin-top:4px;font-style:italic;line-height:1.5;display:block}.bilan-charpente .ghost{color:#c3ccd4;background:0 0;border:1px solid #46515d;border-radius:8px;margin-top:13px;padding:9px 13px;font-size:12px;font-weight:800}.bilan-charpente .ghost:hover{border-color:var(--aqua);color:var(--aqua)}.bilan-ecriture{gap:7px;margin:0 0 14px;display:grid}.bilan-ecriture>b{font-size:15px}.bilan-ecriture textarea{color:#fff;resize:vertical;background:#0d1118;border:1px solid #3a4451;border-radius:11px;width:100%;min-height:160px;padding:14px;line-height:1.6}.bilan-ecriture textarea:focus{border-color:var(--aqua);outline:0}.bilan-ecriture>small{color:#7d8792;text-align:right;font-size:11.5px}.bilan-verif{background:#14261b;border:1px solid #4e7a57;border-radius:12px;gap:9px;margin:0 0 14px;padding:15px 17px;display:grid}.bilan-verif>b{font-size:14px}.bilan-verif label{color:#c2d9c7;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.bilan-verif input{width:17px;height:17px;accent-color:var(--lime);flex:none;margin:1px 0 0}.bilan-cours{background:#211d14;border:1px solid #564c2f;border-radius:11px;margin:0 0 16px;padding:13px 15px}.bilan-cours summary{color:#f1d890;cursor:pointer;font-weight:800}.bilan-cours .summary{margin-top:13px}.cours-note{color:#cfc6a9;margin:12px 0 0;font-size:12.5px;line-height:1.55}.bilan-export{margin:0 0 18px}@media (max-width:800px){.rappel-grid,.aide-choix{grid-template-columns:1fr}}.lab-table-note{color:#b6c4cb;background:#111a21;border-radius:9px;margin:13px 0 0;padding:11px 13px;font-size:12.5px;line-height:1.55}.lab-table-note b{color:var(--aqua)}