@font-face{font-family:system;src:local("Arial")} :root{--bg:#111017;--panel:#1e1a25;--paper:#f8f0df;--red:#ff563c;--yellow:#fbd76d;--text:#f8f0df;--muted:#c5b9b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:9;background:#fff;color:#111;padding:12px}header{display:flex;align-items:center;justify-content:space-between;padding:19px max(22px,calc((100vw - 1200px)/2));gap:20px;border-bottom:1px solid #423743}.mark{font-size:1.3rem;font-weight:1000;letter-spacing:-.06em;text-decoration:none}.mark span{color:var(--red)}nav{display:flex;gap:19px;flex-wrap:wrap;font-weight:700}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{max-width:1240px;margin:auto;padding:100px 24px 70px;position:relative;overflow:hidden}.eyebrow{font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);font-size:.82rem}h1{font-size:clamp(5rem,14vw,12rem);line-height:.78;letter-spacing:-.11em;margin:32px 0 38px;position:relative;z-index:1}h1 em{font-style:normal;color:var(--red)}h2{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.98;letter-spacing:-.075em;margin:12px 0 25px}h3{font-size:1.3rem;margin:0 0 9px}.lead{font-size:clamp(1.15rem,2.1vw,1.6rem);max-width:730px}.orb{position:absolute;right:-130px;top:20px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffbe6a,#ff563c 42%,#922628 70%,transparent 72%);filter:drop-shadow(0 0 65px #fa3e3922);animation:pulse 6s ease-in-out infinite alternate;opacity:.8}.orb:before,.orb:after{content:'';position:absolute;inset:-45px;border:1px solid #ff664b;border-radius:50%;transform:rotate(-25deg) scaleX(.6)}.orb:after{inset:-80px;transform:rotate(25deg) scaleX(.75)}@keyframes pulse{to{transform:scale(1.1) rotate(15deg);filter:drop-shadow(0 0 85px #ff563c55)}}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.btn{border:2px solid var(--red);background:var(--red);color:#180f14;border-radius:6px;padding:13px 22px;font-weight:950;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-4px);background:var(--yellow);border-color:var(--yellow)}.btn.alt{background:transparent;color:var(--paper);border-color:#c8b9a9}.btn.alt:hover{background:#382f3a}.strip{background:var(--red);color:#1c1216;padding:15px;text-align:center;font-weight:950;letter-spacing:.1em}.section{max-width:1190px;margin:auto;padding:88px 22px}.light{background:var(--paper);color:#231a1b}.light .eyebrow{color:#ad3727}.light .section{padding-top:75px;padding-bottom:80px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #554651;border-radius:13px;background:var(--panel);padding:28px}.light .card{background:#fffaf1;border-color:#d9c9b8}.card p{margin-top:0}.label{display:block;font-weight:850;margin:18px 0 7px}input,textarea,select{display:block;width:100%;border:2px solid #9e8e87;border-radius:7px;background:#fffaf3;color:#231a1b;padding:12px}textarea{min-height:95px;resize:vertical}.meter{height:20px;background:#433641;border-radius:99px;overflow:hidden;border:1px solid #8c7276}.meter span{display:block;width:50%;height:100%;background:linear-gradient(90deg,#fbd76d,#ff563c);transition:width .35s}.stat{font-size:3.5rem;line-height:1.1;font-weight:1000;color:var(--yellow)}.small{font-size:.88rem;color:var(--muted)}.light .small{color:#6b5b53}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:27px;background:#251f2a;border:1px solid #554651;border-radius:14px}.step b{font-size:2.5rem;color:var(--red)}.step p{margin-bottom:0}.prompt{padding:18px;border-left:5px solid var(--red);background:#312832;margin:20px 0}.output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f9eedb;color:#241b1c;padding:22px;border-radius:9px;min-height:145px}.chip{display:inline-block;border:1px solid #ae9c9d;border-radius:99px;padding:5px 12px;font-size:.85rem;margin:5px 4px 0 0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{display:block;background:#251f2a;padding:23px;border:1px solid #66515d;border-radius:12px;text-decoration:none}.related a:hover{border-color:var(--yellow);transform:translateY(-3px)}.related strong{display:block;color:var(--yellow);font-size:1.2rem}.reading a{display:block;padding:13px 0;border-bottom:1px solid #544653}.focus .orb,.focus .strip{display:none}.focus *{animation:none!important;transition:none!important}footer{padding:48px 22px;text-align:center;border-top:1px solid #493b46}.note{background:#3a292d;border-left:4px solid var(--yellow);padding:16px;margin:25px 0}#countdown{font-variant-numeric:tabular-nums}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.cols,.steps,.related{grid-template-columns:1fr}.hero{padding-top:68px}.orb{width:300px;height:300px;right:-170px;opacity:.55}h1{font-size:clamp(4.7rem,18vw,8rem)}.section{padding:60px 20px}.card{padding:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* V2: practical tools and calm navigation */
.quickbar{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;background:#211b25;color:#fff;padding:15px 20px}.quickbar a{color:#ffe8a4;font-weight:800;text-decoration:underline;text-underline-offset:5px}.tooltabs{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.tooltabs button{border:2px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:12px 18px;font-weight:800;cursor:pointer}.tooltabs button[aria-selected="true"]{background:#ffb45c;color:#171117}.toolpanel{padding:4px 0 28px}.toolpanel[hidden]{display:none!important}.toolpanel input{display:block;width:100%;padding:14px;border:2px solid #70666c;border-radius:8px;background:#fff;color:#1c1420;margin-bottom:18px}.toolpanel .card{min-width:0}.signalgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.signalgrid .card{margin:0}.toolpanel .output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:110px}.toolpanel button{margin-top:12px}.quickbar span{font-weight:700}@media(max-width:650px){.signalgrid{grid-template-columns:1fr}.quickbar{justify-content:flex-start;gap:12px}.tooltabs button{flex:1 1 100%;text-align:left}}@media(prefers-reduced-motion:reduce){.quickbar *, .tooltabs *{animation:none!important;transition:none!important}}