:root{color-scheme:dark;--bg:#090e1b;--surface:#101827;--ink:#f0eee8;--muted:#a4adbd;--gold:#dec58b;--line:#ffffff14;--font:'Inter',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,.dial{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.dial:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:'Outfit',sans-serif;font-weight:400;line-height:1.1}h1{letter-spacing:-.035em}p{color:var(--muted)}.site-header{height:90px;max-width:1200px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.wordmark{font-family:'Outfit',sans-serif;font-size:21px;letter-spacing:-.4px}.wordmark span{color:var(--gold)}.back{font-size:13px;color:var(--muted)}.back:hover{color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:600;color:var(--gold)}.health-home{max-width:1080px;padding:80px 38px 64px;margin:auto}.health-home>h1{font-size:clamp(42px,6vw,72px);margin:20px 0}.intro{font-size:17px;line-height:1.8}.ritual-card{margin-top:54px;display:grid;grid-template-columns:43% 57%;min-height:370px;border:1px solid #d6bb7d36;border-radius:20px;overflow:hidden;background:var(--surface);transition:border-color .25s,transform .25s}.ritual-card:hover{border-color:var(--gold);transform:translateY(-3px)}.card-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#66563739,transparent 70%),#101a26;min-height:290px}.sun{width:180px;height:180px;border-radius:50%;border:1px solid #dfc28b80;box-shadow:0 0 0 25px #dec58b07,0 0 0 50px #dec58b04;background:radial-gradient(circle at 48% 65%,#d2a56a75,#d2a56a05 76%)}.horizon{position:absolute;width:130%;height:90%;top:53%;background:#101a26d9;transform:rotate(-9deg);border-top:1px solid #ddc48c38;border-radius:50%}.art-caption{position:absolute;bottom:38px;font-size:9px;letter-spacing:.25em;color:var(--gold)}.card-copy{padding:40px}.card-copy h2{font-size:36px;margin:18px 0}.card-copy p{font-size:14px;max-width:370px}.card-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:25px 0 24px}.card-cta{display:flex;justify-content:space-between;color:var(--gold);font-size:14px;font-weight:500}.card-cta>span{font-size:23px}.editorial-note{font-size:13px;margin:28px 0 40px}.practice-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}.practice-note summary,.customise summary{cursor:pointer;width:fit-content}.practice-note p{max-width:760px;margin:14px 0}.practice-note a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.health-footer{max-width:1124px;margin:0 auto;padding:24px 38px;display:flex;gap:24px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.health-footer span{margin-right:auto}.health-footer a:hover{color:var(--gold)}.ritual-main{max-width:860px;padding:42px 32px 24px;margin:auto}.ritual-heading{text-align:center;margin-bottom:34px}.ritual-heading h1{font-size:46px;margin:10px 0 12px}.ritual-heading p{font-size:14px}.routine-list{border-top:1px solid var(--line)}.routine-row{display:grid;grid-template-columns:32px 1fr 168px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.step-number{align-self:start;padding-top:5px;color:var(--gold);font-size:11px}.routine-copy h2{font-size:22px;margin-bottom:5px}.routine-copy p{font-size:12px}.routine-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.55;max-width:400px;margin-top:8px}.adjust{display:flex;align-items:center;gap:4px;justify-content:center}.adjust button{border:1px solid #ffffff16;border-radius:50%;width:36px;height:36px;background:transparent;color:var(--muted);font-size:20px;padding:0;flex-shrink:0}.adjust button:hover{border-color:var(--gold);color:var(--gold)}.dial{touch-action:none;user-select:none;cursor:ns-resize;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;min-height:68px;border-radius:10px;background:#ffffff03}.dial strong{font:400 31px/1.2 'Outfit',sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}.dial span{font-size:9px;color:var(--muted)}.gesture-hint{text-align:right;font-size:10px;margin-top:12px}.start-area{text-align:center;margin-top:24px}.primary{border:none;background:var(--gold);color:#181b21;border-radius:999px;padding:16px 30px;min-height:52px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:42px;transition:background .2s}.primary:hover{background:#ecd7ac}.start-area .primary{min-width:276px}.start-area p{font-size:11px;margin-top:12px}.start-area strong{font-weight:500;color:var(--ink)}.customise{font-size:11px;max-width:500px;margin:22px auto;color:var(--muted)}.customise summary{margin:auto}.customise label{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.customise input{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:8px;width:80px}.customise p{margin:8px 0}.text-button{border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}.text-button:hover{color:var(--gold)}.sound-panel{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 0 10px;font-size:11px;color:var(--muted);flex-wrap:wrap}.sound-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:28px}.sound-toggle input{accent-color:var(--gold);width:15px;height:15px}.volume{display:flex;align-items:center;gap:10px}.volume input{accent-color:var(--gold);width:90px;height:22px}.quiet-note{max-width:540px;margin:8px auto 22px;text-align:center;font-size:10px;line-height:1.7}.audio-status{font-size:11px;text-align:center;color:var(--gold)}.audio-status:empty{display:none}.session{text-align:center}.step-track{display:flex;gap:12px;justify-content:center;margin-bottom:30px;font-size:10px;color:var(--muted)}.step-track span{border-bottom:2px solid var(--line);padding:0 12px 8px}.step-track .active{color:var(--gold);border-color:var(--gold)}.step-track .finished{border-color:#79aa9c}.session h1{font-size:38px;margin:9px 0}.session>p{font-size:13px}.timer-orbit{width:250px;height:250px;position:relative;margin:26px auto}.timer-orbit svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-orbit circle{fill:none;stroke-width:1.5}.ring-base{stroke:#ffffff10}.ring-progress{stroke:var(--gold);stroke-width:2.5;stroke-dasharray:678.584;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.timer-centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle,#dec58b0b,transparent 65%)}.timer-centre strong{font:400 58px/1.4 'Outfit',sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timer-centre span{font-size:10px;color:var(--muted)}#round-label{color:var(--gold);font-size:12px}.instruction{max-width:450px;margin:0 auto!important;min-height:44px}.session-remaining{margin:12px 0!important;font-size:11px!important}.status{color:var(--gold);font-size:12px!important;min-height:20px}.session-controls{display:flex;justify-content:center;gap:12px;margin:12px 0 4px}.session-controls .primary{min-width:150px}.secondary{border:1px solid #ffffff25;border-radius:99px;background:transparent;color:var(--ink);padding:12px 22px;font-size:12px}.secondary:hover{border-color:var(--gold)}.complete{text-align:center;padding:40px 0}.complete-symbol{font-size:72px;color:var(--gold);line-height:1.3;margin-bottom:20px}.complete h1{font-size:44px;margin:14px 0}.complete p{margin-bottom:30px}.complete .back{display:block;margin-top:20px}.skip-link{position:fixed;top:-80px;left:20px;padding:10px;background:var(--gold);color:var(--bg);z-index:10}.skip-link:focus{top:10px}@media(max-width:620px){.site-header{height:72px;padding:0 22px}.wordmark{font-size:18px}.back{font-size:11px}.health-home{padding:48px 22px}.intro{font-size:14px}.ritual-card{grid-template-columns:1fr;margin-top:32px}.card-art{min-height:210px}.sun{width:130px;height:130px}.art-caption{bottom:22px}.card-copy{padding:28px}.card-copy h2{font-size:32px}.card-meta{gap:6px;flex-direction:column}.health-footer{padding:22px;gap:18px}.ritual-main{padding:28px 22px 16px}.ritual-heading{margin-bottom:24px}.ritual-heading h1{font-size:34px}.ritual-heading p{font-size:12px}.routine-row{grid-template-columns:20px 1fr;gap:10px;padding:17px 0;position:relative}.routine-copy h2{font-size:20px}.routine-copy{padding-right:0}.routine-copy small{max-width:none;padding-right:120px;min-height:53px;font-size:10px}.adjust{position:absolute;right:0;bottom:13px;gap:0}.adjust button{width:30px;height:34px;border:0}.dial{width:66px;min-height:60px}.dial strong{font-size:28px}.gesture-hint{font-size:9px;margin-top:8px}.start-area{margin-top:20px}.primary{padding:14px 26px}.customise{margin:14px auto}.sound-panel{gap:8px 20px;padding-top:15px}.volume{width:100%;justify-content:center}.quiet-note{font-size:9px}.session h1{font-size:29px}.step-track{gap:5px;margin-bottom:22px}.step-track span{padding:0 8px 8px}.timer-orbit{width:230px;height:230px;margin:22px auto}.session-controls{gap:8px}.session-controls .primary{min-width:125px}.secondary{padding:10px 18px}.complete h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
