/* The Pause: shared identity for the ritual, guides and account surfaces. */
.billing-card{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--ink)}.billing-card[hidden]{display:none}.billing-price{font-size:1.65rem;font-weight:650;color:var(--coral)}.billing-agreement{display:flex;align-items:flex-start;gap:12px;line-height:1.5;margin:20px 0}.billing-agreement input{margin-top:5px;accent-color:var(--coral)}.billing-card button{max-width:100%;white-space:normal}
:root{color-scheme:dark;--ink:#172536;--paper:#f7f1e6;--coral:#ff947d;--muted:#bccbd2;--surface:#203449;--line:#526473;font-family:'Avenir Next',Avenir,system-ui,sans-serif;color:var(--paper);background:var(--ink)}
body,.experience{background:var(--ink);color:var(--paper)}a{color:var(--paper)}button,.experience button,.button{background:var(--coral);color:var(--ink);border-radius:6px;box-shadow:none}button:hover:enabled,.experience button:hover:enabled,.button:hover{background:#ffb5a3;color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1,h2,h3,.experience h1,.experience .reading-panel h2,#reflection h3,.learn-entry h2,.how-it-works h3{font-family:inherit;font-weight:650}button:disabled{opacity:.65}
.brand-bar,.guide-header{border-color:var(--line)}.brand-bar .brand,.brand{display:inline-flex;align-items:center;gap:12px;font:750 1.45rem 'Avenir Next',Avenir,system-ui,sans-serif;letter-spacing:-.065em}.brand:before{content:'';width:27px;height:32px;flex-shrink:0;background:url('/pause-mark.svg') center/contain no-repeat;transform:rotate(-9deg)}.brand-bar a{color:var(--paper)}
.experience main{max-width:1240px;padding:28px 44px 32px}.pause-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;gap:24px;padding:40px 0}.experience .intro{text-align:left;padding:20px 0}.experience h1{font-size:clamp(3rem,6.2vw,5.4rem);letter-spacing:-.065em;line-height:1.02}.experience .eyebrow,.eyebrow{color:var(--coral);line-height:1.6}.intro>p:last-of-type{color:var(--muted);font-size:1.1rem;max-width:390px;line-height:1.65}.pause-start{display:inline-block;margin-top:16px;padding:14px 24px;background:var(--coral);color:var(--ink);border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem}.pause-start:hover{background:#ffb5a3}
.dice-stage{padding-top:0;isolation:isolate}.orbit{border:0;background:none;inset:20px 0 auto;width:100%;height:350px;aspect-ratio:auto;z-index:-1}.orbit:before,.orbit:after{content:'';position:absolute;top:0;left:22%;width:20%;height:100%;border-radius:70px;background:var(--surface);padding:0;transform:rotate(20deg)}.orbit:after{left:52%}.stage-caption{color:var(--muted)}.experience #scene{height:380px}.experience #result{font:600 1.05rem system-ui}.experience #hint,.experience .small,.experience #reading-status,.reading-panel .small,.reading-panel details,footer .small{color:var(--muted)}.experience #roll,.experience #share-reading,#local-reset{color:var(--paper);border:1px solid var(--line);background:transparent}.experience #roll:hover,.experience #share-reading:hover{background:var(--surface);color:var(--paper)}
.ritual-layout{display:block;max-width:780px}.experience .reading-panel,.reading-panel{background:var(--surface);color:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:30px}.experience .reading-panel h2{font-size:2rem}.panel-intro{color:var(--muted)}.daily-badge{color:var(--paper);background:#2e4657}.experience .reading-panel textarea,.reading-panel input[type=email],.reading-panel textarea{background:var(--ink);color:var(--paper);border-color:#7b8e9d;border-radius:6px}.experience .reading-panel textarea{font-size:1rem;min-height:115px}textarea::placeholder{color:#a9bdc8}.experience .question-examples button{background:#30495b;color:var(--paper);font-size:.75rem}.question-examples span{color:var(--muted)}.experience #reading-text{font:1rem/1.85 'Avenir Next',Avenir,system-ui,sans-serif;color:var(--paper)}.experience #reading-dice{font:600 1.15rem 'Avenir Next',Avenir,system-ui,sans-serif;color:var(--coral)}#symbol-cards details{background:var(--ink);color:var(--paper)}.takeaway{border-color:var(--coral);background:var(--ink)}.how-it-works{border-color:var(--line)}.how-it-works span{color:var(--coral)}.how-it-works p{color:var(--muted)}.learn-entry{background:transparent;border:1px solid var(--line);border-radius:12px}.learn-entry a{color:var(--paper)}.learn-entry nav a{border-color:var(--line)}.learn-entry nav a:hover{background:var(--surface)}.learn-entry nav span{color:var(--coral)}.language-picker select{color:var(--paper);border-color:var(--line);background:var(--ink)}.experience .site-links button{color:var(--paper)}.preview-banner{background:#30495b;color:var(--paper)}.metric{background:var(--surface)}th,td,#upgrade-panel{border-color:var(--line)}
/* Learning pages and utility content share the same palette and typography. */
.guide-nav,footer,details{border-color:var(--line)}.guide-nav a[aria-current]{border-color:var(--coral)}.guide-hero .guide-scope,.sources{color:var(--muted)}.three-pieces{background:var(--surface);border-radius:12px}.three-pieces .eyebrow,.glyph,.three-pieces .glyph,.steps li::marker{color:var(--coral)}.three-pieces p{color:var(--muted)}.example,.symbol-card,.guide-card,.guide-cta{background:var(--surface);border-color:var(--line);border-radius:12px}.formula,.symbol-card .meaning{color:var(--muted)}.guide-card:hover,.symbol-card:target{background:#2b4255}.symbol-card:target{border-color:var(--coral)}.symbol-index a{border-color:var(--line);border-radius:6px}.guide-note{border-color:var(--coral)}.skip{background:var(--coral);color:var(--ink)}
@media(max-width:720px){.experience main{padding:20px}.pause-hero{grid-template-columns:1fr;gap:12px;padding:20px 0}.experience .intro{padding:16px 0}.experience h1{font-size:clamp(3rem,12vw,4.8rem)}.intro>p:last-of-type{font-size:1rem;max-width:32rem}.experience #scene{height:330px}.orbit{height:280px;top:35px;width:100%;left:0}.experience .reading-panel{padding:22px}.experience .reading-panel h2{font-size:1.7rem}.brand-bar .brand{font-size:1.3rem}.how-it-works{gap:15px}.brand-bar{gap:12px}.brand-bar>a:nth-child(2){margin-left:auto}.language-picker{margin-left:auto}}
@media(max-width:400px){#symbol-cards{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr}.how-it-works h3{margin:6px 0}.how-it-works p{margin:6px 0}.brand-bar>a{font-size:.7rem}.brand-bar .brand{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.guide-consent{margin:20px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.guide-consent[hidden]{display:none}.guide footer button{padding:10px 16px;font:inherit;cursor:pointer;border:1px solid var(--line);margin:8px 12px 0 0}.guide-consent h2{font-size:1.4rem}

/* Keep intrinsic canvas size and changing roll labels from moving the hero. */
.pause-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dice-stage{min-width:0}.experience #result{min-height:2.6em}.experience #hint{min-height:1.5em}
@media(max-width:720px){.pause-hero{grid-template-columns:minmax(0,1fr)}}

/* Physical products are purchased with the independent seller. */
.physical-dice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin:40px 0;padding:36px;border:1px solid var(--line);border-radius:12px;text-align:left}.physical-dice h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em;margin:12px 0}.physical-dice h3{font-size:1.35rem;margin:12px 0}.physical-dice p{line-height:1.7;color:var(--muted)}.physical-dice .eyebrow{color:var(--coral)}.physical-dice-product{padding:24px;background:var(--surface);border-radius:8px}.physical-dice-buy{display:inline-block;padding:14px 20px;margin:8px 0;background:var(--coral);color:var(--ink);font-weight:700;border-radius:6px;text-decoration:none}.physical-dice-buy:hover{background:#ffb5a3}.physical-dice .small{font-size:.8rem}.physical-dice [hidden]{display:none}
@media(max-width:720px){.physical-dice{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}.physical-dice-product{padding:20px}}

#physical-dice-photo{margin:0 0 24px}#physical-dice-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px}#physical-dice-photo figcaption{font-size:.72rem;color:var(--muted);margin-top:8px}

/* Question first: a compact invitation above the interactive dice. */
.experience .pause-hero{display:flex;flex-direction:column;gap:18px;padding:24px 0 12px;max-width:780px;margin:auto}
.experience .pause-hero .intro{width:100%;padding:0;text-align:center}
.experience .pause-hero h1{font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.035em;line-height:1.2;margin:8px 0}
.pause-hero .intro>.eyebrow,.pause-hero .intro>p:last-of-type{display:none}
.experience .question-first{width:100%;box-sizing:border-box;padding:22px 26px}
.experience .question-first h2{font-size:1.6rem;margin:0 0 10px}
.question-first .daily-badge{display:none}
.question-first .reading-offer{margin:0 0 14px}.reading-offer a{color:var(--coral);white-space:nowrap}
.experience .question-first textarea{min-height:70px;height:76px;padding:12px}
.question-first .question-examples{margin:10px 0}.question-first #reading-note{font-size:.72rem;margin:10px 0}
.question-first #read{width:100%;margin-top:8px}
.pause-hero .dice-stage{width:100%;max-width:620px}
.experience .pause-hero #scene{height:300px;cursor:pointer}
.pause-hero .orbit{height:260px}.pause-hero .stage-caption{margin:0}
.pause-hero .practice #result{margin:4px 0;min-height:1.4em}.pause-hero .practice #hint{margin:6px 0;color:var(--coral)}
.pause-hero .practice .small{margin:10px 0}.ritual-layout{margin:12px auto 30px;width:100%}
@media(max-width:720px){.experience .pause-hero{padding-top:18px;gap:14px}.experience .question-first{padding:18px}.experience .pause-hero #scene{height:250px}.pause-hero .orbit{height:220px}.question-first .question-examples span{display:none}}

.experience .question-first{margin-top:0;padding:18px 24px}.question-first .question-examples span{display:none}.experience .question-first textarea{min-height:60px;height:60px}.experience .pause-hero{gap:12px}.pause-hero .dice-stage>#hint{text-align:center;margin:4px 0;min-height:1.5em;color:var(--coral)}

/* Optional realistic dice; Classic remains the default. */
.dice-design-switch{display:flex;justify-content:center;gap:6px;margin:8px 0}.experience .dice-design-switch button{font-size:.8rem;padding:7px 16px;border-radius:22px;background:transparent;border:1px solid var(--line);color:var(--paper)}.experience .dice-design-switch button[aria-pressed="true"]{background:var(--paper);color:var(--navy,#172536)}.dice-design-switch button:disabled{opacity:.65}#scene{position:relative}#scene>canvas[hidden],.realistic-host[hidden]{display:none!important}.realistic-host{position:absolute;inset:0;overflow:hidden;border-radius:18px}.realistic-host canvas{display:block;width:100%;height:100%}.dice-stage[data-design="realistic"] .orbit{visibility:hidden}

/* Room for translated labels and Devanagari vowel marks. */
:lang(hi){line-height:1.65}:lang(hi) h1,:lang(hi) h2,:lang(hi) h3{line-height:1.45;letter-spacing:normal}.language-picker select{max-width:100%}.reading-panel button,.practice button{white-space:normal;overflow-wrap:anywhere}