:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08070f;--panel:#120f20c7;--panel-strong:#19142ceb;--text:#fff8e8;--muted:#bdb2cb;--line:#ffffff1f;--hot:#ff627e;--warm:#ffe2a6;--good:#8ff0c4;--violet:#8566ff;--danger:#ff8a6c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #351b3d 0%, transparent 34%), radial-gradient(circle at 82% 18%, #311e62 0%, transparent 30%), var(--bg);color:var(--text);min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}main{width:min(1180px,100% - 28px);margin:0 auto;padding:22px 0 60px;position:relative}.appHeader{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:10px 0;display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(135deg, var(--warm), var(--hot));color:#130b18;border-radius:16px;place-items:center;width:44px;height:44px;font-size:28px;font-weight:900;display:grid;box-shadow:0 0 40px #ff627e73}.brand small{color:var(--muted);margin-top:2px;font-size:12px;display:block}nav{gap:8px;display:flex}nav button,nav a,.ghost{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;min-height:42px;padding:10px 14px;text-decoration:none;display:inline-flex}nav button:hover,nav a:hover,.ghost:hover{background:#ffffff14;border-color:#ffffff52}nav a.creatorLink{color:#f3fbff;white-space:nowrap;background:#8ff0c414;border-color:#8ff0c457;font-weight:850}nav a.creatorLink.coffee{color:#140913;background:linear-gradient(135deg, var(--good), var(--warm));border-color:#0000;box-shadow:0 12px 32px #8ff0c429}.bgOrb{pointer-events:none;filter:blur(20px);opacity:.32;z-index:-1;border-radius:999px;position:fixed}.bgOrb.one{background:var(--hot);width:260px;height:260px;top:140px;left:-80px}.bgOrb.two{background:var(--violet);width:360px;height:360px;bottom:30px;right:-130px}.card,.card-xl{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, #ffffff08), var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 90px #00000059}.card{border-radius:26px;padding:20px}.card-xl{border-radius:34px;padding:clamp(24px,4vw,44px)}.gate{flex-direction:column;justify-content:center;min-height:74vh;display:flex}.eyebrow,.pill{text-transform:uppercase;letter-spacing:.12em;color:var(--warm);font-size:12px;font-weight:800}h1,h2,h3{margin:0;line-height:1.02}h1{letter-spacing:-.08em;max-width:950px;font-size:clamp(48px,9vw,104px)}h2{letter-spacing:-.06em;font-size:clamp(34px,6vw,70px)}h3{letter-spacing:-.02em;font-size:18px}p{color:var(--muted);line-height:1.65}.lede{color:#e9dff0;max-width:820px;font-size:clamp(18px,2vw,22px)}.small{font-size:14px}.variantGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.variant{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:22px;gap:6px;min-height:120px;padding:16px;display:grid}.variant input{display:none}.variant strong{color:var(--text)}.variant span,.consentLine span{color:var(--muted);font-size:14px;line-height:1.4}.variant.selected{border-color:#ffe2a6e6;box-shadow:inset 0 0 0 1px #ffe2a647,0 0 36px #ff627e33}.consentLine{border:1px solid var(--line);background:#0000002e;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;display:flex}.consentLine input{accent-color:var(--hot);margin-top:3px;transform:scale(1.2)}.turnstileWrap{align-items:center;gap:8px;min-height:86px;margin-top:16px;display:grid}.turnstileWrap small{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.primary,.siren{cursor:pointer;background:linear-gradient(135deg, var(--warm), var(--hot));color:#140913;border:0;border-radius:999px;padding:14px 20px;font-weight:850;box-shadow:0 16px 38px #ff627e47}.primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.error{color:#ffd1cc;background:#ff627e14;border:1px solid #ff8a6c66;border-radius:16px;padding:12px 14px}.labGrid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);align-items:start;gap:18px;display:grid}.projectPanel h2{margin-top:14px}.topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:7px 11px}.pill.good{color:var(--good);border-color:#8ff0c44d}.pill.dim{color:var(--muted)}.progressBox{border:1px solid var(--line);background:#ffffff0b;border-radius:24px;margin:24px 0;padding:18px}.progressMeta{color:var(--muted);justify-content:space-between;gap:10px;font-size:14px;display:flex}.progressMeta b{color:var(--warm)}.progressTrack{background:#00000052;border-radius:999px;height:17px;margin:10px 0;overflow:hidden}.progressTrack div{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--hot), var(--warm));height:100%;transition:width .42s;box-shadow:0 0 30px #ff627e8c}.progressBox small{color:var(--muted)}.temptation{letter-spacing:-.05em;color:var(--warm);margin:24px 0;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.1}.choiceGrid,.resultGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.metric{border:1px solid var(--line);background:#00000029;border-radius:20px;gap:8px;padding:16px;display:grid}.metric span{color:var(--muted);font-size:13px}.metric b{color:var(--text);font-size:22px}.metric.muted b{color:var(--muted)}.metric.danger{border-color:#ff8a6c8c}.metric.danger b{color:var(--danger)}.metric.goodMetric{border-color:#8ff0c46b}.metric.goodMetric b{color:var(--good)}.warningCard,.stopRule,.lessonBox,.neighbors,.dataNote{background:#ffe2a612;border:1px solid #ffe2a63d;border-radius:22px;gap:8px;padding:18px;display:grid}.warningCard strong,.stopRule strong{color:var(--warm)}.warningCard span{color:#f8ecce}.bigActions{align-items:stretch}.bigActions button{text-align:left;border-radius:26px;flex:260px;gap:6px;padding:18px;display:grid}.bigActions button span{opacity:.8;font-size:13px}.siren{background:linear-gradient(135deg,#ff5778,#ffe2a6);animation:1.8s ease-in-out infinite pulse}.clean{color:#06120d;background:linear-gradient(135deg,#8ff0c4,#d2fff0)}.wide{width:100%;margin-top:12px}.sideStack{gap:18px;display:grid}.spiral{width:100%;max-width:280px;margin:0 auto;display:block}.spiralText{fill:var(--text);font-size:42px;font-weight:950}.spiralSub{fill:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:13px}.miniRows{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.miniRows span{color:var(--muted)}.miniRows b{color:var(--warm)}.field{gap:8px;margin:16px 0;display:grid}.field span{color:var(--muted);font-weight:700}textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#00000040;border-radius:18px;padding:14px}textarea{resize:vertical;min-height:120px}.neighbors p{margin:4px 0}.commons{max-width:980px;margin:0 auto}.bars{gap:14px;margin:26px 0;display:grid}.barRow{grid-template-columns:150px 1fr 220px;align-items:center;gap:12px;display:grid}.barRow span{color:var(--muted);text-transform:capitalize}.barRow b{color:var(--text);text-align:right;font-size:14px}.barTrack{background:#00000052;border-radius:999px;height:16px;overflow:hidden}.barTrack div{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--hot), var(--warm));height:100%}.helpGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.helpGrid article{border:1px solid var(--line);background:#ffffff09;border-radius:22px;padding:18px}@keyframes pulse{0%,to{transform:translateY(0);box-shadow:0 12px 38px #ff627e47}50%{transform:translateY(-1px);box-shadow:0 18px 52px #ff627e70}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=880px){main{width:min(100% - 18px,1180px)}.appHeader{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.variantGrid,.choiceGrid,.resultGrid,.helpGrid,.labGrid,.barRow{grid-template-columns:1fr}.barRow b{text-align:left}h1{font-size:clamp(42px,15vw,74px)}}