*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 18%,#1c3150,#09172b 70%);color:#f4e9cf;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;text-align:center}main{max-width:580px;margin:auto;padding:35px 20px 50px}header{letter-spacing:.27em}.brand{font-family:Georgia,serif;font-size:28px;color:#d9b873}.brand span{color:#d9b873}small{font-size:10px;color:#b5b9c4}.symbol{padding:28px 0 12px}.ring{width:220px;height:220px;margin:auto;border:2px solid #c5a96d;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px #b7984733,inset 0 0 35px #b7984720}.placeholder{font-size:12px;letter-spacing:.16em;line-height:1.8;color:#d3b878}.placeholder em{font-size:10px;color:#9da7b9}h1{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:15px 0}.intro{color:#bfc8d5;font-size:14px}.practice,.tracker{background:#ffffff0b;border:1px solid #c7aa6e55;border-radius:18px;padding:24px 14px;margin:25px 0}#phase{font-size:14px;text-transform:uppercase;letter-spacing:.2em;color:#d6b66f;min-height:22px}#mantra{font-family:Georgia,serif;font-size:22px;min-height:68px;margin:18px 0;display:grid;place-items:center}#countdown{font-size:44px;color:#e5c884;font-variant-numeric:tabular-nums}#progress,#days{font-size:13px;color:#bfc8d5;margin:14px}.actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}button{background:#c9aa70;color:#09172b;border:0;border-radius:9px;padding:13px 17px;font-weight:650;cursor:pointer}button:disabled{opacity:.35}button.subtle,#reset,#pause{background:#243954;color:#f3e7d0;border:1px solid #c9aa7066}h2{font-family:Georgia,serif;font-weight:400;font-size:22px}.tracker p,footer{color:#bdc4d0;font-size:13px}footer span{color:#d9b873}.note{font-size:11px;line-height:1.5;margin-top:25px}
.original-art{width:min(100%,390px);height:auto;border-radius:12px;box-shadow:0 0 42px #b7984720}

.original-art{max-width:min(100%,320px);height:auto;object-fit:contain}.settings{background:#ffffff0b;border:1px solid #c7aa6e55;border-radius:18px;padding:20px 14px;margin:25px 0}.settings p{color:#bdc4d0;font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:16px 0}.fields label{font-size:13px;color:#f4e9cf;display:flex;flex-direction:column;gap:6px}.fields input,.fields select{width:100%;font:inherit;background:#152945;color:#fff2d7;border:1px solid #c7aa6e88;border-radius:8px;padding:10px}.fields label:last-child{grid-column:1/-1}.settings button{margin:3px}#settingsStatus{min-height:16px} @media(max-width:380px){.fields{grid-template-columns:1fr}}
/* V0.5 immersive practice: the original geometry is primary. */
[hidden]{display:none!important}body.immersed{overflow:hidden}.immersive-view{position:fixed;inset:0;z-index:10;background:radial-gradient(circle at 50% 44%,#152541 0%,#09172b 75%);color:#e9d5ae;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom);overflow-y:auto}.immersive-center{width:100%;max-width:750px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100%;padding:34px 0 70px}.gold-sigil{width:min(80vw,65vh,590px);max-height:65vh;object-fit:contain;filter:drop-shadow(0 0 30px #b8994520)}.mantra-stack{margin:clamp(8px,2vh,22px) 0 0;display:flex;flex-direction:column;gap:clamp(3px,1vh,10px);text-align:center}.mantra-stack p{margin:0;color:#a99e8b;font:clamp(12px,1.5vw,16px)/1.4 Georgia,serif;transition:color .45s ease,opacity .45s ease;opacity:.7}.mantra-stack p span{display:block;font:9px/1.7 system-ui,sans-serif;letter-spacing:.22em;color:#a98c5c}.mantra-stack p.active{color:#f3d9a3;opacity:1}.mantra-stack p.active span{color:#e5bd78}#immersiveStatus{font-size:11px;letter-spacing:.12em;color:#9e9c9d;margin:12px 0 0;min-height:16px}.reveal-controls{position:fixed;right:calc(12px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));z-index:12;background:transparent;border:1px solid #c9aa7044;color:#b6a68c;padding:7px 11px;font-size:11px;font-weight:400}.immersive-controls{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:96vw;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:9px;border-radius:13px;background:#0b1728e8;border:1px solid #c9aa7033;z-index:11}.immersive-controls button{padding:10px 12px;font-size:12px}.immersive-controls.concealed{display:none}#immersive{background:#243954;color:#f3e7d0;border:1px solid #c9aa7066}@media(max-height:680px){.gold-sigil{width:min(67vw,52vh);max-height:52vh}.immersive-center{padding-top:16px;padding-bottom:62px}.mantra-stack{gap:2px}.mantra-stack p{font-size:12px}}@media(prefers-reduced-motion:reduce){.mantra-stack p{transition:none}}