:root{font-family:Segoe UI,Arial,sans-serif;color:#202b3b;background:#f3f5fa;font-size:16px;--blue:#284de5;--muted:#616c7c}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1260px;margin:auto}header{padding:28px 38px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;font-size:20px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.mark{background:var(--blue);color:white;border-radius:12px;padding:5px 12px;font-size:25px}.private,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}main{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;padding:26px 38px 50px}h1{font-size:42px;line-height:1.13;letter-spacing:-1.7px;margin:16px 0}p{line-height:1.6}.intro{color:var(--muted);margin:0 0 30px}.energy-head{display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:600}output{color:var(--blue);white-space:nowrap}input[type=range]{width:100%;accent-color:var(--blue);margin:20px 0 10px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}label{display:block;font-size:14px;font-weight:600}select{font:inherit;font-size:15px;width:100%;padding:12px 9px;margin-top:8px;background:white;color:#202b3b;border:1px solid #d5dce7;border-radius:9px;cursor:pointer;min-height:46px}details{margin:21px 0;border-top:1px solid #dce2ed;border-bottom:1px solid #dce2ed;padding:16px 0}summary{font-size:14px;cursor:pointer;font-weight:600}summary span,legend span{font-weight:400;color:var(--muted);font-size:12px;margin-left:7px}.detail-fields{padding-top:14px}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:600;margin-bottom:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative}.chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.chip span{display:block;border:1px solid #d2dae8;border-radius:30px;padding:9px 13px;font-size:14px;font-weight:400;background:white;cursor:pointer}.chip input:checked+span{background:#e5ebff;color:#173dce;border-color:#718ceb}.chip input:focus-visible+span{outline:3px solid #202b3b;outline-offset:2px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f49838;outline-offset:4px}.recommend{background:var(--blue);color:white;border-radius:12px;padding:17px 20px;width:100%;margin-top:24px;font-weight:600;display:flex;justify-content:space-between}.recommend:hover{background:#193bc5}.footnote{text-align:center;color:var(--muted);font-size:12px;margin:10px 0 0}.results{padding-top:0}.results>.eyebrow{margin-bottom:20px}.primary{background:#172b52;color:#fff;border-radius:24px;padding:34px;min-height:350px;position:relative;overflow:hidden;box-shadow:0 18px 36px #152e5714}.primary .eyebrow{color:#aebff4}.primary h2{font-size:36px;letter-spacing:-1px;line-height:1.15;max-width:460px;margin:25px 0 14px}.description{color:#e2e9f9;margin:0 0 24px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.meta span{font-size:12px;background:#ffffff17;border:1px solid #ffffff26;border-radius:6px;padding:6px 9px}.why{font-size:14px;line-height:1.6;border-top:1px solid #ffffff29;padding-top:18px;color:#c8d6f2}.why strong{color:inherit;display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.feedback{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.feedback button{padding:10px 13px;border-radius:8px;font-size:14px;background:#ffffff14;color:inherit;border:1px solid #ffffff38}.feedback button:first-child{background:#d7ef9a;color:#233b10;border-color:#d7ef9a}.feedback button:hover{filter:brightness(.93)}.alternative-title{font-size:14px;font-weight:600;margin:25px 0 13px}.alternatives{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alternative{background:white;border:1px solid #dde3ee;border-radius:17px;padding:21px;display:flex;flex-direction:column}.alternative h3{font-size:19px;line-height:1.3;margin:7px 0}.alternative .description{color:var(--muted);font-size:14px;margin:5px 0 12px}.alternative .meta{margin:0 0 12px}.alternative .meta span{background:#f1f4fa;border:0;color:#526179}.alternative .why{border-color:#e4e8f0;color:#526179;font-size:13px;margin-bottom:auto}.alternative .feedback{gap:6px}.alternative .feedback button{border:1px solid #d5dce7;color:#39475b;padding:8px;font-size:12px}.alternative .feedback button:first-child{background:#edf4de}.notice{font-size:14px;color:#405579;line-height:1.5;margin:15px 0}.reset{background:none;text-decoration:underline;color:#405579;font-size:13px;padding:3px 0}.empty{background:white;border:1px solid #dce2ed;border-radius:24px;padding:36px;min-height:340px}.empty h2{font-size:30px}.empty p{color:var(--muted)}footer{display:flex;justify-content:space-between;padding:23px 38px;border-top:1px solid #dce2ed;color:var(--muted);font-size:12px}.reveal{animation:reveal .35s ease-out}@keyframes reveal{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:900px){main{gap:28px;padding:20px;grid-template-columns:1fr 1.1fr}header{padding:22px 20px}.alternatives{grid-template-columns:1fr}.primary{padding:25px}h1{font-size:34px}}@media(max-width:650px){main{grid-template-columns:1fr}.private{display:none}footer{gap:15px;flex-direction:column}.primary h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}
.sound-toggle{display:block;margin:-6px 0 16px auto;background:white;color:#405579;border:1px solid #d5dce7;border-radius:20px;padding:9px 14px;font-size:14px;min-height:40px}.sound-toggle[aria-pressed=true]{background:#e5ebff;color:#173dce;border-color:#a7b8ee}@media(prefers-reduced-motion:reduce){.confetti-layer{display:none}}