:root{--bg: #080c12;--ink: #eceae3;--dim: #9aa5b0;--faint: #5d6a76;--panel: rgba(20, 28, 38, .72);--line: rgba(140, 170, 190, .14);--acc: #7fd4c1}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;transition:background-color 1.2s ease}:root[data-journey=reclaim]{--bg: #15100c;--panel: rgba(30, 22, 15, .78);--line: rgba(217, 175, 125, .16);--dim: #a89a8b;--faint: #786a5b;--aur1: #7a4418;--aur2: #402511}h1,h2,h3,.serif{font-family:Georgia,Times New Roman,serif;font-weight:400}button{font-family:inherit;cursor:pointer}#stars{position:fixed;inset:0;z-index:0}.aurora{position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(90px);opacity:.16;z-index:0;pointer-events:none;transition:background-color 2.5s ease}#aur1{background:var(--aur1, var(--acc));top:-20vw;left:-15vw;animation:drift1 40s ease-in-out infinite alternate}#aur2{background:var(--aur2, #6d5fc7);bottom:-25vw;right:-15vw;animation:drift2 52s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(12vw,8vh)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-10vw,-10vh)}}@media(prefers-reduced-motion:reduce){#aur1,#aur2{animation:none}}#veil{position:fixed;inset:0;background:#04060a;opacity:0;pointer-events:none;transition:opacity .9s ease;z-index:60}#veil.on{opacity:1;pointer-events:auto}#bigTitle{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:min(44px,7vw);letter-spacing:4px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity 1.4s ease;z-index:55;text-align:center}#bigTitle.show{opacity:1}.scr{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.fadein{animation:fin 1.6s ease both}@keyframes fin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.orb{border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.14),transparent 55%),radial-gradient(circle,color-mix(in srgb,var(--acc) 28%,transparent) 0%,transparent 70%);border:1.5px solid color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 0 60px -10px color-mix(in srgb,var(--acc) 45%,transparent),inset 0 0 40px -18px var(--acc);display:flex;align-items:center;justify-content:center}.btn{background:color-mix(in srgb,var(--acc) 16%,transparent);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);color:var(--ink);padding:13px 36px;border-radius:28px;font-size:15px;letter-spacing:.6px;transition:all .3s}.btn:hover{background:color-mix(in srgb,var(--acc) 30%,transparent);box-shadow:0 0 24px -6px var(--acc)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--dim)}.btn.ghost:hover{color:var(--ink);box-shadow:none}.mini{background:none;border:1px solid var(--line);color:var(--dim);border-radius:14px;padding:6px 14px;font-size:12px;cursor:pointer}.mini:hover{color:var(--ink);border-color:var(--acc)}.mini.on{color:var(--acc);border-color:var(--acc)}.sectionLab{font-size:11px;letter-spacing:2.5px;color:var(--faint);margin-top:4px}input[type=range]{accent-color:var(--acc)}.ripple{position:absolute;inset:-2px;border-radius:50%;border:1.5px solid var(--acc);animation:rip 2.6s ease-out forwards;pointer-events:none}@keyframes rip{0%{transform:scale(1);opacity:.7}to{transform:scale(2.1);opacity:0}}.obstep{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:640px;text-align:center}.obstep h1{font-size:34px;letter-spacing:6px}.obstep h2{font-size:26px;line-height:1.4}.obstep p{color:var(--dim);font-size:16px;line-height:1.8}.obName{background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--ink);font-size:26px;text-align:center;padding:8px 12px;outline:none;font-family:Georgia,serif;width:300px}.obName:focus{border-bottom-color:var(--acc)}.cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 20px;width:150px;cursor:pointer;transition:all .3s}.card:hover,.card.sel{border-color:var(--acc);transform:translateY(-4px)}.card .ic{font-size:26px;margin-bottom:10px}.card .tt{font-size:15px;margin-bottom:6px;font-family:Georgia,serif}.card .dd{font-size:12px;color:var(--faint);line-height:1.5}.vpick{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 30px}.vopt{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.vopt .orb{width:88px;height:88px;transition:transform .3s;font-family:Georgia,serif;font-size:14px}.vopt:hover .orb{transform:scale(1.07)}.vopt.sel .orb{box-shadow:0 0 70px -6px var(--acc),inset 0 0 40px -14px var(--acc)}.vopt small{color:var(--faint);font-size:11.5px;max-width:140px;line-height:1.5}.obOrb{width:170px;height:170px;font-size:14px;color:var(--dim);transition:transform .25s linear;position:relative}.paceRow{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:13px}.obDots{display:flex;gap:8px;margin-top:8px}.obDots span{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .3s}.obDots span.on{background:var(--acc)}.obNav{position:fixed;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:5}.obNav button{background:none;border:none;color:var(--faint);font-size:13px;letter-spacing:1px;padding:6px}.obNav button:hover{color:var(--acc)}.constel{display:flex;gap:14px;align-items:center}.constel .cstar{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px -1px var(--acc);animation:fin 1s ease both}.homeWrap{display:flex;flex-direction:column;align-items:center;gap:20px}.greet{font-size:32px}.quote{color:var(--dim);font-style:italic;font-size:15px;max-width:520px;text-align:center;line-height:1.8}.quote span{display:block;font-style:normal;color:var(--faint);font-size:12px;margin-top:8px;letter-spacing:1px}.hero{background:var(--panel);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);border-radius:18px;padding:20px 28px;max-width:460px;text-align:center;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero:hover{box-shadow:0 0 30px -8px var(--acc);transform:translateY(-2px)}.hero .hWhy{color:var(--faint);font-size:12.5px;letter-spacing:.4px;margin-bottom:8px}.hero .hTitle{font-family:Georgia,serif;font-size:20px;margin-bottom:4px}.hero .hMeta{color:var(--dim);font-size:13px}.path{display:flex;align-items:center}.node{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--faint);cursor:pointer;transition:all .3s;background:var(--panel)}.node:hover{border-color:var(--acc);color:var(--ink)}.node.done{background:color-mix(in srgb,var(--acc) 22%,transparent);border-color:var(--acc);color:var(--acc)}.node.next{border-color:var(--acc);color:var(--ink);box-shadow:0 0 18px -4px var(--acc)}.link{width:16px;height:1px;background:var(--line)}.packRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:640px}.pchip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:9px 16px;font-size:13px;color:var(--dim);cursor:pointer;transition:all .3s}.pchip:hover{border-color:var(--acc);color:var(--ink);transform:translateY(-2px)}.pchip .pi{color:var(--acc);font-size:14px}.stats{display:flex;gap:38px}.stat{text-align:center}.stat b{display:block;font-size:22px;font-weight:400;font-family:Georgia,serif}.stat span{font-size:11px;color:var(--faint);letter-spacing:1.5px}.nav{position:fixed;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:26px;z-index:2}.nav button{background:none;border:none;color:var(--faint);font-size:13px;letter-spacing:1px;padding:6px 4px}.nav button:hover,.nav button.on{color:var(--acc)}.lessonBox{max-width:620px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:36px 42px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:86vh;overflow-y:auto}.lessonBox h2{font-size:26px;margin-bottom:6px}.lessonBox .meta{color:var(--faint);font-size:13px;margin-bottom:18px}.lessonBox p{color:var(--dim);font-size:15px;line-height:1.8;margin-bottom:13px}.lessonBox .focus{border-left:2px solid var(--acc);padding:4px 0 4px 16px;margin:16px 0;font-size:14.5px;line-height:1.7;color:var(--dim)}.lessonBox .focus b{color:var(--acc);font-weight:500}.row{display:flex;gap:12px;margin-top:18px}.mixPanel{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:16px}.mixPanel h3{font-size:15px;margin-bottom:4px;color:var(--ink)}.mixPanel .hint{font-size:12px;color:var(--faint);margin-bottom:12px;line-height:1.6}.mrow{display:flex;align-items:center;gap:12px;margin:8px 0}.mrow label{width:60px;font-size:12px;letter-spacing:1px;color:var(--dim)}.mrow input{flex:1}.mrow span{width:34px;text-align:right;font-size:12px;color:var(--faint)}.mixBtns{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.moodRow{display:flex;gap:14px;align-items:center;justify-content:center;margin:6px 0}.moodOpt{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:var(--faint);font-size:11px;letter-spacing:.5px}.moodOpt .dot{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);transition:all .25s;background:var(--panel)}.moodOpt:hover .dot{border-color:var(--acc)}.moodOpt.sel .dot{background:color-mix(in srgb,var(--acc) 45%,transparent);border-color:var(--acc);box-shadow:0 0 14px -4px var(--acc)}.moodOpt.sel{color:var(--ink)}.densityRow{display:flex;gap:10px;align-items:center}.sessionTitle{position:fixed;top:26px;left:0;right:0;text-align:center;color:var(--faint);font-size:13px;letter-spacing:2px;z-index:2}.orbWrap{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none}.sessionOrb{width:190px;height:190px;transition:transform .25s linear;font-size:15px;color:var(--dim);letter-spacing:1px}.caption{min-height:56px;max-width:560px;text-align:center;font-size:17px;line-height:1.7;font-family:Georgia,serif;color:var(--ink);margin-top:28px}.caption span{display:inline-block;animation:fin .9s ease both}.hud{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;z-index:3;opacity:0;transition:opacity .5s;background:linear-gradient(transparent,#05080cd9)}.hud.show{opacity:1}.hudMix{display:flex;gap:20px}.ch{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim);letter-spacing:1px}.ch input{width:80px}.sBtns{display:flex;gap:10px}.sBtns button{background:#ffffff0d;border:1px solid var(--line);color:var(--dim);border-radius:18px;padding:8px 20px;font-size:13px}.sBtns button:hover{color:var(--ink);border-color:var(--acc)}.timeHint{font-size:11px;color:var(--faint);letter-spacing:1px}.lingerBox{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px}.lingerBox p{color:var(--dim);font-family:Georgia,serif;font-size:17px}.doneWrap{display:flex;flex-direction:column;align-items:center;gap:22px}.doneOrb{width:130px;height:130px;font-size:34px;color:var(--acc)}.reflect{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:14px 16px;width:min(480px,86vw);font-size:15px;font-family:Georgia,serif;outline:none;resize:none;height:76px}.reflect:focus{border-color:var(--acc)}.panelScr{max-width:560px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px 38px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:74vh;overflow-y:auto}.panelScr h2{font-size:24px;margin-bottom:18px}.jentry{border-bottom:1px solid var(--line);padding:14px 0}.jentry .jd{font-size:12px;color:var(--faint);letter-spacing:1px;margin-bottom:6px}.jentry .jt{font-size:15px;line-height:1.7;color:var(--dim);font-family:Georgia,serif}.setRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.setRow:last-child{border-bottom:none}.setRow .lab{color:var(--dim)}.setRow .lab small{display:block;color:var(--faint);font-size:11px;margin-top:3px}select{background:#ffffff0f;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px}.timerVal{font-family:Georgia,serif;font-size:44px}.timerRow{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:13px}.timerRow input{width:260px}.screenFade{position:fixed;inset:0;z-index:1;animation:screenIn .45s ease both}.screenFade.out{opacity:0;transition:opacity .26s ease}@keyframes screenIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.screenFade,.fadein,.caption span{animation:none}.screenFade.out{transition:none}}.doors{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:6px}.door{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:18px;padding:22px 34px;min-width:190px;color:var(--ink);transition:all .35s}.door:hover{border-color:color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 0 26px -10px var(--acc);transform:translateY(-3px)}.doorIcon{color:var(--acc);font-size:19px}.doorTitle{font-family:Georgia,serif;font-size:18px;letter-spacing:.4px}.doorSub{color:var(--faint);font-size:12px;letter-spacing:.5px}.statLine{color:var(--faint);font-size:12px;letter-spacing:1.2px;margin-top:10px}.screenTitle{font-size:27px;letter-spacing:1px}.screenSub{color:var(--dim);font-size:14.5px;line-height:1.7;max-width:480px;text-align:center}.singlesGrid{max-width:560px}.cardMin{color:var(--acc);font-size:11.5px;letter-spacing:1px;margin-top:8px}.prepStep{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:620px;width:100%;text-align:center}.prepStep h2{font-size:26px}.prepStep .meta{color:var(--faint);font-size:13px}.prepBody{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 34px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:56vh;overflow-y:auto}.prepBody p{color:var(--dim);font-size:15px;line-height:1.8;margin-bottom:13px}.prepBody .focus{border-left:2px solid var(--acc);padding:4px 0 4px 16px;margin:4px 0 0;font-size:14.5px;line-height:1.7;color:var(--dim)}.prepBody .focus b{color:var(--acc);font-weight:500}.prepSliders{width:min(440px,100%)}.prepDots{position:fixed;bottom:26px;left:0;right:0;justify-content:center}.jcards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.jcard{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid var(--line);border-radius:20px;padding:30px 34px;min-width:240px;max-width:300px;color:var(--ink);cursor:pointer;transition:all .35s;text-align:center}.jcard-stillpoint{background:linear-gradient(160deg,#141c26d9,#0a101ae6)}.jcard-stillpoint:hover{border-color:#7fd4c1;box-shadow:0 0 30px -10px #7fd4c1;transform:translateY(-3px)}.jcard-reclaim{background:linear-gradient(160deg,#1e160fe6,#120c08f2)}.jcard-reclaim:hover{border-color:#d98f4c;box-shadow:0 0 30px -10px #d98f4c;transform:translateY(-3px)}.jcard-reclaim .jcardTitle{letter-spacing:4px}.jcard-coming{opacity:.45;cursor:default}.jcard-coming:hover{border-color:var(--line);box-shadow:none;transform:none}.manifestoLine{color:var(--dim);font-size:17px;line-height:1.9;max-width:46ch}.jcardTitle{font-family:Georgia,serif;font-size:21px}.jcardTag{color:var(--dim);font-size:12.5px;line-height:1.6;font-style:italic}.jcardMeta{color:var(--faint);font-size:11.5px;letter-spacing:1.2px;margin-top:6px}.introOpts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.reclaimIntroStep h2{font-size:24px;line-height:1.5}.whyBeat{color:color-mix(in srgb,var(--acc) 80%,var(--ink))}.closingLine{font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.7;max-width:46ch;text-align:center;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 8px}.film{position:fixed;inset:0;z-index:4;background-color:#060809;transition:background-color 4s ease,opacity .9s ease}.film.exit{opacity:0;pointer-events:none}.filmCanvas{position:fixed;inset:0}.filmStage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:24px;pointer-events:none}.filmStage .obstep{pointer-events:auto}.filmLine{font-family:Georgia,serif;font-size:clamp(22px,3.2vw,32px);line-height:1.5;max-width:26ch;opacity:0;transition:opacity .7s ease;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.8);min-height:1.5em}.filmLine.on{opacity:1}.filmLine.punch{color:#f2ece2}.filmLine.welcome{font-size:clamp(28px,4vw,42px);letter-spacing:2.5px;transition:opacity 1.6s ease}.filmHint{font-size:13px;color:var(--faint);letter-spacing:1.5px;animation:fin 1s ease both}.filmOrbEnter{animation:orbDawn 4s cubic-bezier(.2,.6,.2,1) both}.filmOrbEnter.fade{animation:none;opacity:0;transition:opacity 2.5s ease}@keyframes orbDawn{0%{opacity:0;transform:scale(.35);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.filmOrbBreathe{animation:orbBreathe 7s ease-in-out 2.8s infinite alternate}@keyframes orbBreathe{0%{transform:scale(1)}to{transform:scale(1.07)}}.filmOrb{width:150px;height:150px;border-radius:50%;transition:transform .3s ease;background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.16),transparent 55%),radial-gradient(circle,color-mix(in srgb,var(--acc) 32%,transparent) 0%,transparent 70%);border:1.5px solid color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 0 90px -10px color-mix(in srgb,var(--acc) 55%,transparent),0 0 220px -40px color-mix(in srgb,var(--acc) 40%,transparent),inset 0 0 46px -16px var(--acc)}.filmSkip{position:fixed;top:20px;right:24px;z-index:5;background:none;border:none;color:var(--faint);font-size:13px;letter-spacing:1px;padding:6px;cursor:pointer}.filmSkip:hover{color:var(--acc)}.roomLabels{display:flex;flex-direction:column;gap:14px;align-items:center}.roomLabel{font-size:16px;color:var(--dim);opacity:0;transition:opacity 1.2s ease;letter-spacing:.4px}.roomLabel b{font-family:Georgia,serif;font-weight:400;color:var(--ink)}.roomLabel.warm b{color:#e8aa6d}.roomLabel.dim{opacity:0;font-size:13px;color:var(--faint)}.roomLabel.on{opacity:1}.roomLabel.dim.on{opacity:.6}.scr{justify-content:center;justify-content:safe center}@media(max-width:560px){.scr{padding:16px}.greet{font-size:26px}.quote{font-size:13.5px}.hero{padding:16px 20px}.path{flex-wrap:wrap;justify-content:center;row-gap:8px}.node{width:30px;height:30px}.link{width:10px}.stats{gap:26px}.lessonBox{padding:24px 18px;width:100%}.panelScr{padding:24px 18px}.obstep{gap:20px}.obstep h1{font-size:28px}.obstep h2{font-size:21px}.obOrb{width:140px;height:140px}.vpick{grid-template-columns:repeat(2,1fr);gap:18px 20px}.card{width:132px;padding:18px 14px}.orbWrap{width:230px;height:230px}.sessionOrb{width:150px;height:150px}.caption{font-size:15px;margin-top:20px}.hudMix{gap:10px;flex-wrap:wrap;justify-content:center}.ch input{width:60px}.setRow{flex-wrap:wrap}.timerRow input{width:180px}}
