:root{--paper:#171521;--ink:#f7f2ff;--accent:#8b70f2;--hot:#d9ff67;--surface:#28243d;--focus:#ffd54f;--muted:#bdb5d5}body{background:radial-gradient(circle at 90% 5%,#302651 0,transparent 34%),var(--paper)}
.lab-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:410px}.lab-hero h1{font-size:clamp(46px,7vw,76px);line-height:.96;margin:16px 0}.lab-hero em{color:var(--hot);font-style:normal}.lab-hero p{font-size:18px;line-height:1.55;max-width:62ch}.control-art{position:relative;min-height:320px;border:2px solid #8c7ee5;border-radius:48% 52% 42% 58%;background:#654ec7;transform:rotate(2deg)}.control-art i{position:absolute;width:150px;height:150px;border:24px solid var(--ink);border-radius:50%;left:16%;top:20%}.control-art b{position:absolute;width:76px;height:76px;background:var(--hot);border-radius:18px;right:15%;bottom:17%;transform:rotate(12deg)}.control-art span,.control-art small{position:absolute;font-size:76px;font-weight:800;right:16%;top:9%}.control-art small{font-size:42px;left:13%;top:auto;bottom:7%}
.stepper{display:flex;gap:8px;overflow:auto;margin:22px 0 44px;padding:8px 0}.stepper span{white-space:nowrap;border:1px solid #766b99;border-radius:999px;padding:10px 14px;color:var(--muted);font-size:13px;font-weight:800}.stepper span[aria-current]{background:var(--hot);color:#17200c;border-color:var(--hot)}.stage{animation:stage-in .45s ease both}.stage-head{max-width:760px;margin-bottom:30px}.stage-head h2{font-size:clamp(36px,5vw,58px);line-height:1.05;margin:10px 0}.stage-head>p:last-child{font-size:18px;line-height:1.55}
.stage fieldset{border:0;padding:0;margin:0 0 34px}.stage legend{font-size:23px;font-weight:800;margin-bottom:16px}.stage legend span{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:12px;border:1px solid #8c7ee5;border-radius:50%;font-size:13px;color:var(--hot)}.visual-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visual-options label{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;padding:20px;border:2px solid #766b99;border-radius:25px;background:var(--surface);cursor:pointer;transition:transform .25s,background .25s}.visual-options label:hover{transform:translateY(-4px)}.visual-options label:has(input:checked){border-color:var(--hot);background:#3a4050;box-shadow:0 0 0 3px #171521,0 0 0 6px var(--hot)}.visual-options input{position:absolute;opacity:0}.visual-options b{font-size:18px}.shape{position:relative;display:block;width:72px;height:62px}.shape:before,.shape:after{content:"";position:absolute;display:block}.eye{border:8px solid var(--accent);border-radius:70% 20%;transform:rotate(45deg)}.eye:after{width:20px;height:20px;border-radius:50%;background:var(--hot);left:18px;top:13px}.bubbles:before{width:46px;height:34px;background:var(--accent);border-radius:50%;box-shadow:27px 23px 0 var(--hot)}.blocks:before{width:30px;height:30px;background:var(--accent);box-shadow:36px 0 var(--hot),18px 32px 0 #ff8f70}.scales:before{width:60px;height:5px;background:var(--hot);top:17px;transform:rotate(-8deg)}.scales:after{width:22px;height:22px;border:4px solid var(--accent);border-radius:50%;left:20px;top:28px}.megaphone{background:var(--accent);clip-path:polygon(0 32%,75% 0,75% 100%,0 68%)}.pencil{width:65px;height:18px;margin-top:22px;background:var(--hot);transform:rotate(-30deg);border-radius:4px}.route:before{width:68px;height:45px;border:6px dashed var(--accent);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.route:after{width:18px;height:18px;border-radius:50%;background:var(--hot);right:0;bottom:0}.card:before{width:70px;height:52px;border:5px solid var(--accent);border-radius:8px}.card:after{width:42px;height:5px;background:var(--hot);left:13px;top:17px;box-shadow:0 14px var(--hot)}.window:before{width:70px;height:56px;border:5px solid var(--accent);border-radius:9px}.window:after{width:26px;height:20px;background:var(--hot);right:-2px;bottom:0}
.action,.back-step{font:800 16px Manrope,sans-serif;color:var(--ink);border:2px solid #978bb8;border-radius:14px;background:transparent;padding:13px 18px;cursor:pointer}.action:hover,.back-step:hover{background:#342e4a}.primary-action{background:var(--hot);color:#16200c;border-color:var(--hot);margin-top:18px}.action:disabled{opacity:.45;cursor:not-allowed}.action:focus-visible,.back-step:focus-visible,.visual-options input:focus-visible+span,.practice-sheet :focus-visible{outline:4px solid var(--focus);outline-offset:4px}.back-step{border:0;padding-left:0;text-decoration:underline;margin-bottom:28px}.form-error{min-height:24px;color:#ffb39f;font-weight:700}
.trial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trial-card{display:flex;flex-direction:column;padding:25px;border:2px solid #766b99;border-radius:28px;background:var(--surface)}.trial-card.recommended{border-color:var(--hot);box-shadow:7px 7px 0 var(--hot)}.trial-card .match{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#403861;color:var(--hot);font-size:12px;font-weight:800}.trial-card h3{font-size:26px;line-height:1.1;margin:24px 0 10px}.trial-card p{color:#ded7ed;line-height:1.5}.trial-card .action{margin-top:auto}.safe-note,.media-note,.storage-note{padding:16px 18px;border-left:5px solid var(--hot);background:#27233b;color:#ded7ed;line-height:1.5}
.story-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.story-scene,.story-script{min-height:390px;border:2px solid #8c7ee5;border-radius:28px;background:#28243d;padding:28px}.story-scene{position:relative;overflow:hidden}.scene-board{position:absolute;inset:34px;background:#eee9ff;border-radius:20px}.person{position:absolute;width:54px;height:80px;left:12%;bottom:13%;background:#ff8f70;border-radius:50% 50% 22% 22%;transition:transform .7s}.note{position:absolute;width:92px;height:66px;top:18%;background:#d9ff67;border-radius:8px;transition:transform .7s}.n1{left:38%}.n2{left:65%;background:#8b70f2}.path-line{position:absolute;left:25%;right:12%;bottom:22%;height:8px;background:#1d1930}.result-mark{position:absolute;right:8%;bottom:14%;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#d9ff67;color:#19220e;font-size:36px;opacity:0;transform:scale(.4);transition:.5s}.scene-play{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:2;border:0;border-radius:999px;background:#171521;color:#fff;padding:15px 22px;font:800 16px Manrope;cursor:pointer}.story-scene[data-scene="1"] .person{transform:translateX(70px)}.story-scene[data-scene="2"] .n1{transform:rotate(-6deg) translateY(28px)}.story-scene[data-scene="3"] .n2{transform:translateX(-70px) rotate(5deg)}.story-scene[data-scene="4"] .result-mark{opacity:1;transform:scale(1)}.story-script{display:flex;flex-direction:column;justify-content:center}.story-script h3{font-size:31px}.story-script p{font-size:18px;line-height:1.6}.counter{color:var(--hot);font-size:12px;font-weight:800;letter-spacing:.1em}
.practice-sheet{display:grid;gap:18px;max-width:820px}.practice-sheet label{position:relative;display:grid;gap:9px;font-weight:800}.practice-sheet textarea,.practice-sheet input{width:100%;font:500 17px/1.5 Manrope,sans-serif;border:2px solid #766b99;border-radius:16px;background:#f8f5ff;color:#171521;padding:16px}.practice-sheet small{text-align:right;color:var(--muted)}.saved-result{max-width:850px;padding:30px;border-radius:24px;background:#f5f0ff;color:#171521;box-shadow:10px 10px 0 var(--hot)}.saved-result h3{font-size:30px;margin-top:0}.saved-result dl{display:grid;gap:18px}.saved-result dt{font-size:12px;font-weight:800;letter-spacing:.1em;color:#5d5472}.saved-result dd{margin:5px 0 0;white-space:pre-wrap;line-height:1.55}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.editorial{margin-top:70px;border:1px solid #766b99;border-radius:20px;background:#211d31}.editorial summary{padding:20px;cursor:pointer;font-weight:800}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 20px 24px}.editorial code{color:var(--hot);overflow-wrap:anywhere}
@keyframes stage-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.lab-hero,.story-layout,.editorial-grid{grid-template-columns:1fr}.control-art{min-height:230px}.visual-options,.trial-grid{grid-template-columns:1fr}.visual-options label{min-height:120px}.stage legend{font-size:20px}.story-scene{min-height:320px}.result-actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.visual-options label:hover{transform:none}}

[hidden]{display:none!important}em{font-style:normal}.visual-options label:focus-within{outline:4px solid var(--focus);outline-offset:4px}

.skip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.skip-actions .action{margin:0}.nature-action{background:var(--hot);color:#16200c;border-color:var(--hot)}.trial-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.trial-grid{grid-template-columns:1fr}}