:root{--japa-gold:#f2bd54;--japa-cream:#fff3d5;--japa-night:#09070d;--japa-panel:#171019;--japa-muted:#d0c4b6;--japa-line:rgba(242,189,84,.28);--japa-peacock:#1d788d}
html{scroll-behavior:smooth}.japa-page{min-height:100vh;color:var(--japa-cream);background:radial-gradient(circle at 15% 10%,rgba(151,36,52,.3),transparent 30%),radial-gradient(circle at 85% 20%,rgba(29,120,141,.2),transparent 28%),var(--japa-night)}
.japa-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:78vh;padding:clamp(7rem,12vw,10rem) max(1rem,calc((100vw - 1240px)/2)) 4rem;overflow:hidden}
.japa-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}
.japa-hero h1{max-width:760px;margin:.4rem 0;color:#fff8e9;font-size:clamp(3.3rem,7.5vw,7.2rem);line-height:.92;letter-spacing:-.05em}.japa-hero h2{color:var(--japa-gold);font-size:clamp(1.4rem,3vw,2.3rem)}.japa-hero p{max-width:720px;color:var(--japa-muted);line-height:1.75}.japa-eyebrow{color:var(--japa-gold)!important;font:800 .75rem/1.4 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.japa-emblem{position:relative;display:grid;place-items:center;min-height:460px}.japa-emblem::before,.japa-emblem::after{position:absolute;border:1px solid var(--japa-line);border-radius:50%;content:"";animation:japa-orbit 32s linear infinite}.japa-emblem::before{width:min(54vw,520px);aspect-ratio:1}.japa-emblem::after{width:min(40vw,380px);aspect-ratio:1;animation-direction:reverse}.japa-emblem img{position:relative;z-index:1;width:min(46vw,360px);filter:drop-shadow(0 32px 72px rgba(0,0,0,.6))}
@keyframes japa-orbit{to{transform:rotate(1turn)}}
.japa-trust{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--japa-line);background:#0e0b12}.japa-trust article{padding:1.3rem;text-align:center;border-right:1px solid var(--japa-line)}.japa-trust article:last-child{border:0}.japa-trust strong{display:block;color:var(--japa-gold);font-size:1.6rem}.japa-trust span{color:var(--japa-muted);font:600 .75rem/1.4 system-ui,sans-serif}
.japa-shell{max-width:1240px;margin:auto;padding:clamp(4rem,8vw,7rem) 1rem}.japa-shell h2{margin:.3rem 0;color:#fff8e9;font-size:clamp(2.1rem,4.2vw,4rem);line-height:1}.japa-shell>section+section{margin-top:clamp(4rem,8vw,7rem)}
.mantra-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.7rem}.mantra-choices button,.target-choices button{min-height:74px;padding:1rem;border:1px solid var(--japa-line);border-radius:18px;color:var(--japa-cream);background:var(--japa-panel);cursor:pointer;text-align:left}.mantra-choices button span{display:block;color:#ffe1a3;font-size:1.25rem;font-weight:800}.mantra-choices button small{display:block;margin-top:.25rem;color:var(--japa-muted)}.mantra-choices button[aria-pressed=true],.target-choices button[aria-pressed=true]{border-color:var(--japa-gold);box-shadow:0 0 0 2px rgba(242,189,84,.18);background:linear-gradient(145deg,#3a221d,#171019)}
.practice-console{display:grid;grid-template-columns:minmax(0,.72fr) minmax(300px,1fr);gap:2rem;align-items:center;padding:clamp(1.2rem,4vw,3rem);border:1px solid var(--japa-line);border-radius:32px;background:radial-gradient(circle at 80% 20%,rgba(242,189,84,.1),transparent 27%),#100c14}.practice-console h3{margin:.4rem 0;color:#ffe2a0;font-size:clamp(1.8rem,4vw,3.4rem)}.practice-console h4{margin:0;color:#fff}.practice-console p{color:var(--japa-muted)}.mantra-category{display:inline-block;padding:.35rem .6rem;border:1px solid var(--japa-line);border-radius:999px;color:var(--japa-gold);font:800 .7rem/1 system-ui,sans-serif}.target-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.target-choices button{min-width:62px;min-height:46px;padding:.6rem;text-align:center;font-weight:900}.preference-row{display:flex;gap:.7rem;align-items:center;color:var(--japa-muted);font-size:.9rem}
.counter-wrap{display:grid;justify-items:center;gap:1rem}.counter-progress{--progress:0deg;position:relative;display:grid;place-items:center;width:min(74vw,330px);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--japa-gold) var(--progress),rgba(255,255,255,.08) 0);box-shadow:0 35px 80px rgba(0,0,0,.4)}.counter-progress::before{position:absolute;inset:13px;border-radius:50%;content:"";background:radial-gradient(circle at 50% 35%,#29171d,#0d0a0f 68%)}.counter-readout{position:relative;z-index:1;text-align:center}.counter-readout strong{display:block;color:#fff4d7;font-size:clamp(4.5rem,12vw,7.8rem);line-height:.9}.counter-readout span{color:var(--japa-muted);font-weight:800}.count-button{position:relative;z-index:2;width:min(100%,330px);min-height:58px;border:0;border-radius:999px;color:#211507;background:var(--japa-gold);cursor:pointer;font-size:1rem;font-weight:900}.count-button:disabled{opacity:.55;cursor:default}.counter-actions,.japa-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.japa-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.7rem .9rem;border:1px solid var(--japa-line);border-radius:999px;color:var(--japa-cream);background:rgba(255,255,255,.05);cursor:pointer;text-decoration:none;font:800 .78rem/1 system-ui,sans-serif}.japa-button:hover,.japa-button:focus-visible{border-color:var(--japa-gold);background:rgba(242,189,84,.12)}.japa-button.danger{border-color:rgba(255,120,120,.35);color:#ffc5c5}
.session-status{min-height:1.5em;color:var(--japa-gold)!important;text-align:center;font-weight:800}.history-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:clamp(1.2rem,4vw,2.5rem);border:1px solid var(--japa-line);border-radius:28px;background:linear-gradient(140deg,#171019,#0d1116)}.history-panel p{color:var(--japa-muted);line-height:1.7}.history-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.history-list li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--japa-line);border-radius:14px;background:rgba(255,255,255,.03)}.history-list li>span:last-child{text-align:right}.history-list strong,.history-list small{display:block}.history-list small{color:var(--japa-muted)}.history-list .empty{color:var(--japa-muted)}.boundary-card{padding:1.2rem;border-left:4px solid var(--japa-gold);background:rgba(242,189,84,.07)}.boundary-card p{margin:.3rem 0;color:var(--japa-muted);line-height:1.65}
#practiceLoadStatus{max-width:1240px;margin:2rem auto;padding:1rem;border:1px solid #f88;color:#ffd5d5;background:#32151a}
@media(max-width:900px){.japa-hero,.practice-console,.history-panel{grid-template-columns:1fr}.japa-emblem{order:-1;min-height:350px}.mantra-choices{grid-template-columns:1fr 1fr}.japa-trust{grid-template-columns:1fr 1fr}.japa-trust article:nth-child(2){border-right:0}.japa-trust article:nth-child(-n+2){border-bottom:1px solid var(--japa-line)}}
@media(max-width:600px){.mantra-choices,.japa-trust{grid-template-columns:1fr}.japa-trust article{border-right:0;border-bottom:1px solid var(--japa-line)}.japa-trust article:last-child{border-bottom:0}.japa-hero h1{font-size:clamp(3rem,16vw,5.2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.japa-emblem::before,.japa-emblem::after{animation:none}}
@media(forced-colors:active){.mantra-choices button,.target-choices button,.practice-console,.history-panel,.history-list li,.japa-button{border:1px solid CanvasText}.counter-progress{background:Canvas}}
@media print{.japa-emblem,.counter-actions,.count-button,.japa-actions,.preference-row{display:none!important}.japa-hero{min-height:0;display:block}.practice-console,.history-panel{display:block}}