/* Inner cosmos: limited ink palette, clean print geometry and spacious typography. */
:root[data-theme=dark]{--paper:#142b30;--surface:#1b373a;--ink:#f2e5cb;--muted:#b7c6bc;--accent:#e7b274;--wash:#1b383a;--line:#49605a;--button:#edbb7c;--button-text:#142b30}
.dark-refined{--title:'Space Grotesk',sans-serif;--ink:#f2e5cb;--muted:#b7c6bc;--accent:#e7b274;--wash:#1b383a;--line:#49605a;background:#142b30;color:var(--ink)}
.dark-refined .review-bar{color:#a2b5a9}
.dark-refined .site-nav nav,.dark-refined .hero-description,.dark-refined .intro-strip>p{color:var(--muted)}
.dark-refined .brand b{color:#e7b274}
.dark-refined .button{background:#edbb7c;color:#142b30;box-shadow:0 5px 30px #071b1d22;border-color:#f3d2a44d}
.dark-refined .button:hover{box-shadow:0 8px 30px #e7b27422}
.dark-refined .theme-toggle{border-color:#d8c39c55;color:#edc48b}
.dark-refined .page-languages a[aria-current]{color:#edc48b}
.dark-refined .hero{min-height:820px;text-align:left;place-items:center;overflow:clip;margin-top:-15px}
.dark-refined .hero-art{inset:-135px -9% -100px;opacity:.8;background-image:url('assets/design/inner-cosmos.jpg');background-size:cover;background-position:60% 42%;mask-image:linear-gradient(transparent,#000 18%,#000 64%,transparent 97%);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 64%,transparent 97%);animation:cosmos-pan 18s ease-in-out infinite alternate}
.dark-refined .hero-copy{width:calc(100% - 100px);max-width:1280px;padding:85px 0 150px;margin:auto}
.dark-refined .hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(68px,7.4vw,112px);font-weight:400;line-height:1.02;letter-spacing:-.075em;max-width:1050px;margin:34px 0}
.dark-refined .hero h1 .title-first{padding:0}
.dark-refined .hero h1 em{font-family:'Fraunces',serif;padding:0;color:#e7b274;letter-spacing:-.06em;font-size:.95em;margin-top:4px}
.dark-refined .hero-description{margin:0 0 28px;max-width:390px;font-size:16px}
.dark-refined .hero .small{color:#bec9b9}
.dark-refined .hero-foot{color:#afbfaf}
.dark-refined .eyebrow{color:#d9b482;letter-spacing:.19em}
.dark-refined h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,4.4vw,65px);line-height:1.08;letter-spacing:-.055em}
.dark-refined h2 em{font-family:'Fraunces',serif;font-size:1.03em;line-height:1.14;color:#e7b274}
.dark-refined .hero-linework{color:#dfbd83;opacity:.35}
.dark-refined .star-decoration,.dark-refined .small-star,.dark-refined .ritual-orbit{color:#e4b772}
.dark-refined .hero-haze{opacity:.3;mix-blend-mode:screen}
.dark-refined .haze-one{background:radial-gradient(ellipse,#619d804f,transparent 70%)}
.dark-refined .haze-two{background:radial-gradient(ellipse,#ba785043,transparent 70%)}
.dark-refined .aura-ripple{background:radial-gradient(ellipse,transparent 40%,#bf9b4d13 59%,#528a7622 66%,transparent 74%);opacity:.5}
.dark-refined .ambient-flow{opacity:.55}
.dark-refined .ambient-flow i{background:radial-gradient(ellipse,#4f8c7366 0%,#315c4f44 33%,transparent 69%);filter:blur(20px)}
.dark-refined .ambient-flow i:nth-child(2){background:radial-gradient(ellipse,#a5654055 0%,#b9934d33 34%,transparent 68%)}
.dark-refined .ambient-flow i:nth-child(3){background:radial-gradient(ellipse,#598d7444 0%,#28727d33 35%,transparent 69%)}
.dark-refined .evidence-section{padding-top:85px}
.dark-refined .evidence-heading>p:last-child{color:var(--muted)}
.dark-refined .evidence-art{aspect-ratio:5/4;margin:10px -10px 30px}
.dark-refined .evidence-art img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);object-fit:contain}
.dark-refined .evidence-card h3{font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-.045em;line-height:1.15}
.dark-refined .evidence-card h3 em{font-family:'Fraunces',serif;color:#e7b274;line-height:1.2}
.dark-refined .evidence-card>p:not(.eyebrow){color:var(--muted)}
.dark-refined .research-detail summary,.dark-refined .research-source{color:#cfb994}
.dark-refined .evidence-footnote{color:#a7b7ad;border-top:1px solid #7c958326;padding-top:22px}
.dark-refined .evidence-footnote>span{color:#e7b274;top:22px}
.dark-refined .ritual-grid{padding-top:130px}
.dark-refined .step .num{font-family:'Fraunces',serif;color:#dca46b}
.dark-refined .step:not(:last-of-type):after{background:linear-gradient(#c3a97955,transparent)}
.dark-refined .step h3{font-family:'Space Grotesk',sans-serif;font-size:23px}
.dark-refined .theme-section:before{background:radial-gradient(ellipse at 75% 55%,#40765855,transparent 65%),radial-gradient(ellipse at 15% 50%,#d59f4c15,transparent 60%)}
.dark-refined .theme-choice{border-radius:0}
.dark-refined .theme-choice:hover{background:#9abda410}
.dark-refined .theme-choice[aria-pressed=true]{background:linear-gradient(90deg,#e8b57518,transparent);color:#eac28b}
.dark-refined .theme-choice .index{border-color:#e9bf7d55}
.dark-refined .theme-choice[aria-pressed=true] .index{color:#eac28b;border-color:#eac28b99}
.dark-refined .affirmation-poster:before{inset:22px;border-radius:50%;filter:none;background:radial-gradient(ellipse,transparent 46%,#daab6b22 47%,#daab6b22 48%,transparent 49%,transparent 57%,#6f9c7a33 58%,#6f9c7a33 61%,transparent 62%,transparent 68%,#d4825755 69%,#d4825755 70%,transparent 71%);opacity:1;animation:aura-turn 18s ease-in-out infinite alternate}
.dark-refined .poster-orbits{color:#d8b27a;opacity:.6}
.dark-refined .affirmation-poster blockquote{font-family:'Fraunces',serif;font-size:42px;line-height:1.2;letter-spacing:-.035em}
.dark-refined .practice-stage{padding:55px 40px}
.dark-refined .section-art:before{background-image:url('assets/design/inner-cosmos.jpg');opacity:.4}
.dark-refined .practice-stage .section-art:before{opacity:.65;background-position:80% center;animation:cosmos-pan 14s ease-in-out infinite alternate}
.dark-refined .mini-phone{background:#193338ed;border:1px solid #dac1994d;box-shadow:0 30px 90px #07171955,0 0 0 8px #adc4a608;backdrop-filter:blur(12px)}
.dark-refined .mini-phone blockquote{font-family:'Fraunces',serif;font-size:34px;letter-spacing:-.05em}
.dark-refined .mini-phone .motif{width:105px;height:105px;margin:10px auto 0;background:repeating-radial-gradient(ellipse at 48% 48%,#edc98a 0 6px,#bd7457 7px 11px,#142b30 12px 17px,#86ad95 18px 21px,#142b30 22px 26px);filter:none;border:1px solid #d7b98377;box-shadow:0 0 35px #d9984214}
.dark-refined .micro-list span:before{color:#e4b772}
.dark-refined .language-section:before{background:radial-gradient(ellipse at 78% 50%,#578d6e25,transparent 60%)}
.dark-refined .language-family{color:#cdb38d}
.dark-refined .language-example blockquote{font-family:'Fraunces',serif;color:#e7b274;font-size:40px}
.dark-refined .note-section .ambient-flow,.dark-refined .closing .ambient-flow{opacity:.7}
.dark-refined .signature{font-family:'Fraunces',serif;color:#e1c99e;font-size:25px}
.dark-refined details{border-color:#879b7f33}
.dark-refined summary:after{color:#dcac6e}
.dark-refined .closing h2{font-size:clamp(54px,6vw,84px)}
.dark-refined .closing .section-art:before{background-position:center 80%;opacity:.4}
@keyframes cosmos-pan{from{transform:translate3d(-2%,-1%,0) scale(1.05) rotate(-2deg)}to{transform:translate3d(2%,2%,0) scale(1.12) rotate(2deg)}}
@media(max-width:950px){.dark-refined .hero-copy{width:calc(100% - 60px)}.dark-refined .hero h1{font-size:86px}.dark-refined .hero-art{background-position:57% center;opacity:.6}.dark-refined .evidence-card h3{font-size:32px}}
@media(max-width:700px){
 .dark-refined .hero{min-height:750px}
 .dark-refined .hero:after{background:linear-gradient(#142b30,transparent)}
 .dark-refined .hero-copy{width:calc(100% - 40px);padding:90px 0 130px}
 .dark-refined .hero h1{font-size:clamp(51px,10vw,72px);letter-spacing:-.065em;margin:28px 0;line-height:1.08}
 .dark-refined .hero h1 em{margin-top:12px;line-height:1.15}
 .dark-refined .hero-description{font-size:14px;max-width:310px}
 .dark-refined .hero-art{background-size:auto 100%;background-position:85% center;opacity:.5;inset:-60px -130px -80px}
 .dark-refined .hero .star-high{right:12%;top:8%}.dark-refined .hero .star-left{top:73%}
 .dark-refined .evidence-section{padding-top:50px}
 .dark-refined .evidence-art{margin:0 -5px 20px}
 .dark-refined h2{font-size:42px}
 .dark-refined .evidence-card h3{font-size:33px}
 .dark-refined .practice-stage{padding:40px 20px}
 .dark-refined .affirmation-poster blockquote{font-size:36px}
 .dark-refined .language-example blockquote{font-size:33px}
 .dark-refined .ritual-grid{padding-top:75px}
 .dark-refined .closing h2{font-size:55px}
}
html:not([data-locale=en]) .dark-refined h1,html:not([data-locale=en]) .dark-refined h2,html:not([data-locale=en]) .dark-refined em,html:not([data-locale=en]) .dark-refined blockquote,html:not([data-locale=en]) .dark-refined .evidence-card h3{font-family:'Noto Serif TC',serif;letter-spacing:.015em}
html:not([data-locale=en]) .dark-refined .hero h1{font-size:clamp(30px,6vw,78px);line-height:1.45}
html:not([data-locale=en]) .dark-refined .hero h1 em{font-size:1em}
@media(prefers-reduced-motion:reduce){.dark-refined *,.dark-refined *:before{animation:none!important;transition:none!important}}
/* Override the initial dark prototype's hero offset. */
.dark-refined .hero-copy{transform:none}
.dark-refined .hero{overflow:visible}
.dark-refined .hero .star-left{left:4%;top:78%}
.dark-refined .hero-linework{opacity:.2}
@media(max-width:700px){.dark-refined .hero{overflow:clip}}

/* Each circular print turns around a stationary centre; section masks never move. */
.dark-refined .hero-art{inset:-155px 0 -65px;overflow:hidden;opacity:.8;background:radial-gradient(ellipse at 20% 55%,#24514944,transparent 65%);animation:none;transform:none;mask-image:linear-gradient(transparent,#000 15%,#000 72%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 72%,transparent)}
.dark-refined .hero-art:before,.dark-refined .section-art:before{content:'';position:absolute;inset:auto;left:70%;top:calc(8% - 45vw);width:90vw;height:90vw;border-radius:50%;background:url('assets/design/cosmos-disc-v2.jpg') center/contain no-repeat;opacity:1;transform-origin:50% 50%;animation:cosmos-rotation 120s linear infinite;will-change:transform;mask-image:radial-gradient(circle,#000 66%,transparent 71%);-webkit-mask-image:radial-gradient(circle,#000 66%,transparent 71%)}
.dark-refined .section-art:before{left:72%;top:calc(18% - 45vw);opacity:.65;animation-duration:145s;animation-delay:-27s}
.dark-refined .closing .section-art:before{left:67%;top:calc(15% - 45vw);opacity:.65;animation-duration:130s;animation-delay:-60s}
.dark-refined .practice-stage .section-art:before{left:23%;top:-8%;width:760px;height:760px;opacity:.5;animation:cosmos-rotation 110s linear infinite;animation-delay:-38s}
.dark-refined .ambient-flow i,.dark-refined .ambient-flow i:nth-child(2),.dark-refined .ambient-flow i:nth-child(3),.dark-refined .hero-haze,.dark-refined .aura-ripple{animation:none;transform:none}
.dark-refined .mini-phone .motif{animation:cosmos-rotation 32s linear infinite;border-radius:50%;opacity:1;transform-origin:center;background:repeating-radial-gradient(ellipse at 46% 44%,#edc98a 0 6px,#bd7457 7px 11px,#142b30 12px 17px,#86ad95 18px 21px,#142b30 22px 26px)}
.dark-refined .motion-scene:not(.in-view) .hero-art:before,.dark-refined .motion-scene:not(.in-view) .section-art:before,.dark-refined .motion-scene:not(.in-view) .motif{animation-play-state:paused}
@keyframes cosmos-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:700px){
 .dark-refined .hero-art{inset:-90px 0 -30px;opacity:.45}
 .dark-refined .hero-art:before{width:850px;height:850px;left:48%;top:-250px}
 .dark-refined .section-art:before,.dark-refined .closing .section-art:before{width:850px;height:850px;left:45%;top:-300px;opacity:.4}
 .dark-refined .practice-stage .section-art:before{width:650px;height:650px;left:15%;top:5%;opacity:.5}
}

/* Decorative overscan stays inside the viewport; artwork fades into the ink field. */
.dark-refined{overflow-x:clip}
.dark-refined .hero-linework{animation:none}
.dark-refined .aura-ripple{display:none}
.dark-refined .evidence-art{mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}

/* GPU wave bends the print continuously; the illustration frame stays fixed. */
.dark-refined .print-flow{position:relative;width:100%;height:100%}
.dark-refined .flow-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.dark-refined .print-flow.flow-ready .flow-canvas{opacity:1}
.dark-refined .print-flow.flow-ready>img{opacity:0}
.dark-refined .flow-canvas,.dark-refined .print-poses{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dark-refined .print-poses{width:100%;height:100%;display:block}
.dark-refined .thinking-pose{opacity:0}
.dark-refined .poses-ready .thinking-pose{animation:considered-pose 18s ease-in-out infinite;will-change:opacity}
.dark-refined .motion-scene:not(.in-view) .thinking-pose{animation-play-state:paused}
@keyframes considered-pose{0%,28%,100%{opacity:0}45%,73%{opacity:1}90%{opacity:0}}