@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
/* Light landing only: no shared theme or app styles are changed. */
.light-refined{--title:'Instrument Serif',Georgia,serif;--ink:#33283d;--muted:#6c6073;--accent:#705085;--wash:#f0e9f0;--line:#ded4df;background:#f9f6f1;overflow-x:clip}
.light-refined .review-bar{position:relative;z-index:5;background:transparent;border:0;color:#7b6b83;font-size:10px}.light-refined .site-nav{min-height:95px;position:relative;z-index:5}.light-refined .brand{letter-spacing:-1.6px}.light-refined .site-nav nav{color:#65586f}.light-refined .button{background:#45334e;box-shadow:0 6px 20px #694a6b0d;transition:transform .25s,box-shadow .25s}.light-refined .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #694a6b24}.light-refined .theme-toggle{border-color:#bcaac155}.motion-toggle{background:none;border:0;padding:11px 4px;color:var(--muted);font-size:11px;min-height:44px;white-space:nowrap}.motion-toggle:before{content:'◌';margin-right:7px;font-size:15px}.light-refined .hero{border:0;min-height:800px;overflow:visible;margin-top:-15px}.light-refined .hero-art{inset:-95px 0 -140px;background-image:url('assets/design/soft-radiance.jpg');background-size:cover;background-position:center 45%;opacity:.68;pointer-events:none;mask-image:linear-gradient(transparent,#000 10%,#000 67%,transparent 97%);-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 67%,transparent 97%);transform-origin:50% 55%;animation:aura-breathe 22s ease-in-out infinite alternate}.light-refined .hero-copy{max-width:1000px;padding:95px 30px 125px;position:relative;z-index:2}.light-refined .hero h1{font:400 clamp(80px,9.4vw,140px)/.89 var(--title);letter-spacing:-.025em;margin:30px 0 34px}.light-refined .hero h1 .title-first{display:block;padding-right:90px}.light-refined .hero h1 em{font-family:var(--title);letter-spacing:-.025em;display:block;padding-left:100px;margin-top:2px;color:#6d477b}.light-refined .hero-description{font-size:15px;max-width:365px;line-height:1.85;margin-bottom:27px}.light-refined .hero-copy>.eyebrow{font-size:10px;letter-spacing:.25em}.light-refined .hero-foot{z-index:3;bottom:35px;color:#74617b;font-size:9px}.light-refined .hero-foot span:nth-child(2){letter-spacing:.16em}.light-refined .hero .small{font-size:11px}.light-refined .intro-strip{border:0;padding:50px 0 65px;position:relative;z-index:2;max-width:1080px}.light-refined .intro-strip .display{font-family:var(--title);font-size:43px;letter-spacing:-.03em}.light-refined .intro-strip .display em{font-family:var(--title)}.light-refined .intro-strip>p{font-size:17px;color:#6a5a71;max-width:380px}.light-refined .section{padding:110px 0}.light-refined h2{font-family:var(--title);font-size:clamp(48px,5.8vw,79px);line-height:1;letter-spacing:-.035em}.light-refined h2 em{font-family:var(--title);color:#775286}.light-refined .eyebrow{color:#7c637f;font-size:10px;letter-spacing:.2em}.light-refined .ritual-grid{position:relative}.light-refined .steps{gap:10px}.light-refined .step{border:0;padding:20px 0;position:relative}.light-refined .step:not(:last-of-type):after{content:'';position:absolute;left:16px;top:58px;bottom:-6px;width:1px;background:linear-gradient(#b7a5bf55,transparent)}.light-refined .step .num{font:italic 27px var(--title);color:#8c7098}.light-refined .step h3{font-size:22px;line-height:1.3;font-weight:400}.light-refined .theme-section{background:transparent;position:relative;isolation:isolate;overflow:hidden}.light-refined .theme-section:before{content:'';position:absolute;inset:-15% -15%;background:radial-gradient(ellipse at 75% 55%,#ddcce970 0%,#e9dbe94d 30%,transparent 65%),radial-gradient(ellipse at 15% 50%,#f6dbcb55,transparent 60%);z-index:-1}.light-refined .theme-browser{gap:60px;align-items:center}.light-refined .theme-choice{border:0;padding:18px 16px;border-radius:100px;margin:4px 0;transition:background .3s,transform .3s}.light-refined .theme-choice:hover{background:#e9dded55;transform:translateX(5px)}.light-refined .theme-choice[aria-pressed=true]{background:linear-gradient(90deg,#e5d9eb99,#f1e7ed44,transparent)}.light-refined .theme-choice .index{border:1px solid #b4a1be55;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:9px}.light-refined .theme-choice[aria-pressed=true] .index{border-color:#88659d66;color:#705085}.light-refined .affirmation-poster{background:none;overflow:visible;padding:55px 45px;min-height:510px;justify-content:center;gap:30px}.light-refined .affirmation-poster:before{inset:0 -20px;background:radial-gradient(ellipse at center,#fcf3d2 0%,#f2d1cd 24%,#cfc0e1 45%,#b6d8e354 60%,transparent 72%);opacity:.8;filter:blur(15px);border-radius:48% 52% 46% 54%;animation:aura-turn 25s ease-in-out infinite alternate}.light-refined .affirmation-poster blockquote{font:400 49px/1.1 var(--title);letter-spacing:-.025em;margin:15px 0;max-width:330px;position:relative;z-index:2}.light-refined .affirmation-poster>.eyebrow,.light-refined .affirmation-poster>.text-link{z-index:2;position:relative}.light-refined .affirmation-poster .text-link{font-size:12px}.poster-orbits{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;color:#88699b;opacity:.45;overflow:visible}.poster-orbits .orbit-satellite{transform-origin:260px 250px;animation:orbit-travel 55s linear infinite}.light-refined .practice-feature{gap:100px}.light-refined .practice-stage{background:none;padding:55px 40px;overflow:visible;isolation:isolate}.light-refined .practice-stage:before{content:'';position:absolute;inset:-60px -80px;background:url('assets/design/soft-radiance.jpg') 30% center/cover;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);transform:rotate(-14deg);z-index:-1;opacity:.9}.light-refined .mini-phone{border:1px solid #fff9;box-shadow:0 28px 65px #69487b16,0 0 0 8px #ffffff33;background:#fcfaf7ed;backdrop-filter:blur(10px)}.light-refined .mini-phone blockquote{font-family:var(--title);font-size:40px;letter-spacing:-1px}.light-refined .micro-list{border:0;gap:20px}.light-refined .micro-list span:before{content:'✧';color:#9873a0;margin-right:6px}.light-refined .language-section{border:0;position:relative;isolation:isolate}.light-refined .language-section:before{content:'';position:absolute;width:100%;inset:0;background:radial-gradient(ellipse at 78% 50%,#e3d8ed66,transparent 60%);z-index:-1}.light-refined .language-example{border:0;position:relative}.light-refined .language-example blockquote{font-family:var(--title),'Noto Sans TC',serif;font-size:48px;line-height:1.2}.light-refined .language-example blockquote[lang=yue],.light-refined .language-example blockquote[lang=zh-Hant]{font-family:'Noto Sans TC',sans-serif;font-size:34px;line-height:1.6}.light-refined .language-options button{border-color:#bbacbf66}.light-refined .language-options button[aria-pressed=true]{background:#705085;border-color:#705085}.light-refined .note-section{position:relative;isolation:isolate;background:transparent;padding:130px 25px;overflow:hidden}.light-refined .note-section:before{content:'';position:absolute;inset:0;background:url('assets/design/soft-radiance.jpg') center/cover;mask-image:linear-gradient(transparent,#000 30%,#000 60%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 60%,transparent);opacity:.52;z-index:-1}.light-refined .note-section h2{max-width:780px}.light-refined .signature{font-family:var(--title);font-size:28px}.light-refined .faq-grid{gap:100px}.light-refined details{border-color:#d6c9db66}.light-refined summary:after{color:#9872a2}.light-refined .closing{padding:100px 20px 110px;overflow:visible}.light-refined .closing:before{background:url('assets/design/soft-radiance.jpg') center 75%/cover;inset:-60px 0 -50px;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);opacity:.7}.light-refined .closing h2{font-size:clamp(60px,7.5vw,100px)}.light-refined .site-footer{position:relative;padding:55px 0}.light-refined .site-footer .brand{font-size:27px}.light-refined .site-footer nav{text-transform:capitalize}
/* Original linework is independent of the raster artwork. */
.hero-linework{position:absolute;inset:-20px 0 0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#8d699c;opacity:.42;z-index:1}.star-decoration{position:absolute;pointer-events:none;color:#976e9e;width:40px;height:40px;z-index:1}.star-decoration svg{width:100%;height:100%}.star-left{left:13%;top:28%;transform:rotate(10deg);animation:star-drift 15s ease-in-out infinite alternate}.star-right{right:12%;top:58%;width:27px;height:27px;animation:star-drift 19s ease-in-out infinite alternate-reverse}.star-high{right:26%;top:15%;width:18px;height:18px;opacity:.7}.hero-haze{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(45px);mix-blend-mode:multiply;opacity:.52;animation:haze-drift 17s ease-in-out infinite alternate}.haze-one{width:300px;height:240px;left:9%;top:24%;background:radial-gradient(ellipse,#edb8d3 5%,#e7accb55 40%,transparent 72%)}.haze-two{width:340px;height:290px;right:7%;top:38%;background:radial-gradient(ellipse,#a4dbe8 5%,#b0c8ed66 40%,transparent 72%);animation-delay:-8s}.ritual-orbit{position:absolute;left:-90px;bottom:-35px;width:280px;height:150px;pointer-events:none;color:#a383ad;opacity:.33}.small-star{display:inline-block;color:#a17baa;font-size:38px;margin:0 0 22px}.light-refined .note-section .small-star{font-size:26px}.light-refined .theme-section .small-star{position:absolute;right:9%;top:12%;font-size:26px;opacity:.6}
@keyframes aura-breathe{from{transform:translate3d(-.6%,-.5%,0) scale(1.02) rotate(-.5deg)}to{transform:translate3d(.6%,.5%,0) scale(1.055) rotate(.5deg)}}
@keyframes aura-turn{from{transform:rotate(-10deg) scale(.96,1.02);border-radius:48% 52% 46% 54%}to{transform:rotate(12deg) scale(1.04,.97);border-radius:56% 44% 53% 47%}}
@keyframes star-drift{from{transform:translateY(-8px) rotate(-8deg)}to{transform:translateY(9px) rotate(12deg)}}
@keyframes haze-drift{from{transform:translate3d(-20px,10px,0) scale(.95)}to{transform:translate3d(25px,-18px,0) scale(1.1)}}
@keyframes orbit-travel{to{transform:rotate(360deg)}}
.light-refined .motion-scene:not(.in-view) .hero-art,.light-refined .motion-scene:not(.in-view) .star-decoration,.light-refined .motion-scene:not(.in-view) .hero-haze,.light-refined .motion-scene:not(.in-view) .orbit-satellite,.light-refined .motion-scene:not(.in-view) .affirmation-poster:before{animation-play-state:paused}
html[data-motion=paused] .light-refined *,html[data-motion=paused] .light-refined *:before{animation-play-state:paused!important;transition:none!important}
@media(max-width:950px){.light-refined .hero{min-height:730px}.light-refined .hero h1{font-size:100px}.light-refined .hero h1 .title-first{padding-right:45px}.light-refined .hero h1 em{padding-left:45px}.light-refined .practice-feature{gap:45px}.light-refined .theme-browser{gap:25px}.light-refined .affirmation-poster{padding:40px 25px}.light-refined .affirmation-poster blockquote{font-size:44px}.light-refined .hero-art{background-size:auto 110%}.light-refined .section{padding:85px 0}}
@media(max-width:700px){.light-refined .site-nav{min-height:80px}.light-refined .nav-actions{gap:10px}.light-refined .review-bar{font-size:10px}.light-refined .hero{min-height:700px;margin-top:0;overflow:clip}.light-refined .hero-copy{padding:95px 20px 100px}.light-refined .hero h1{font-size:clamp(65px,13.8vw,96px);letter-spacing:-.025em;line-height:.96;margin:28px 0}.light-refined .hero h1 .title-first{padding:0}.light-refined .hero h1 em{padding:0;margin-top:0}.light-refined .hero-description{font-size:14px;max-width:310px}.light-refined .hero-copy>.eyebrow{font-size:9px;letter-spacing:.18em}.light-refined .hero-art{inset:-35px -110px -70px;background-size:auto 100%;mask-image:linear-gradient(transparent,#000 15%,#000 60%,transparent 99%);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 60%,transparent 99%);opacity:.65}.hero-linework{width:150%;left:-25%;opacity:.3}.star-left{left:6%;top:20%;width:26px;height:26px}.star-right{right:8%;top:74%;width:22px;height:22px}.star-high{right:15%;top:12%;width:14px;height:14px}.hero-haze{width:180px;height:180px;filter:blur(25px);opacity:.25}.haze-one{left:-80px}.haze-two{right:-90px}.light-refined .hero-foot{font-size:8px;bottom:30px}.light-refined .intro-strip{padding:20px 0 40px;gap:25px}.light-refined .intro-strip .display{font-size:34px}.light-refined .intro-strip>p{font-size:14px;max-width:210px}.light-refined .intro-strip>span{display:none}.light-refined h2{font-size:51px}.light-refined .section{padding:65px 0}.light-refined .ritual-grid{gap:32px}.ritual-orbit{left:-80px;bottom:-50px;width:200px;height:100px;opacity:.22}.light-refined .theme-browser{gap:5px}.light-refined .theme-choice{padding:14px 10px;font-size:18px}.light-refined .affirmation-poster{min-height:430px;padding:50px 25px}.light-refined .affirmation-poster blockquote{font-size:43px;max-width:285px}.light-refined .affirmation-poster:before{inset:15px -15px}.light-refined .practice-stage{padding:40px 20px}.light-refined .practice-stage:before{inset:-20px -20px;transform:none}.light-refined .language-example{padding-top:15px}.light-refined .language-example blockquote{font-size:44px}.light-refined .note-section{padding:85px 20px}.light-refined .faq-grid{gap:45px}.light-refined .closing{padding:90px 20px}.light-refined .closing h2{font-size:70px}.light-refined .site-footer{padding:35px 0}.light-refined .motion-toggle{font-size:10px}.light-refined .theme-section .small-star{right:8%;top:4%;font-size:22px}}
@media(max-width:370px){.light-refined .hero h1{font-size:61px}.light-refined .hero{min-height:680px}.light-refined .hero-copy{padding-left:14px;padding-right:14px}.light-refined .intro-strip{flex-direction:row}.light-refined .intro-strip>p{font-size:13px;max-width:155px}.light-refined .intro-strip .display{font-size:30px}.light-refined h2{font-size:46px}.light-refined .language-example blockquote[lang=yue],.light-refined .language-example blockquote[lang=zh-Hant]{font-size:29px}}
@media(prefers-reduced-motion:reduce){.light-refined *,.light-refined *:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Original aura retained; live light fields supply movement without fabric. */
.aura-ripple{position:absolute;pointer-events:none;z-index:0;width:670px;height:540px;left:50%;top:28px;border-radius:48% 52% 53% 47%;background:radial-gradient(ellipse at 50% 45%,transparent 32%,#dfc1e240 48%,#b2dce54d 59%,#eedda736 64%,transparent 72%);filter:blur(28px);transform:translateX(-50%);animation:light-ripple 19s ease-in-out infinite alternate}
@keyframes light-ripple{from{transform:translateX(-50%) rotate(-8deg) scale(.94,1.02)}to{transform:translateX(-50%) rotate(8deg) scale(1.07,.96)}}
.motion-scene:not(.in-view) .aura-ripple{animation-play-state:paused}
@media(max-width:700px){.aura-ripple{width:440px;height:500px;top:50px;opacity:.7;filter:blur(22px)}}

/* Aura diagrams: original geometry inspired by the selected poster references. */
.light-refined .affirmation-poster:before{background:radial-gradient(ellipse at 49% 47%,#fff3b7 0%,#f1d4b6 22%,#e3b9d9 38%,#cec1e8 50%,#b9e0dd66 62%,transparent 73%);opacity:.88}
.poster-orbits{color:#795785;opacity:.58}.orbit-guides{opacity:.65}
.hero-linework{animation:line-float 28s ease-in-out infinite alternate}
@keyframes line-float{from{transform:translateY(-6px) rotate(-.7deg)}to{transform:translateY(7px) rotate(.7deg)}}
.motion-scene:not(.in-view) .hero-linework{animation-play-state:paused}
.light-refined .theme-section:before{mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}

@media(max-width:370px){.light-refined .site-nav .brand{font-size:25px;letter-spacing:-1.2px}.light-refined .nav-actions{gap:5px}.light-refined .site-nav{gap:8px}.light-refined .motion-toggle{font-size:9px;padding-inline:0}}

/* Moving light fields; clear movement with a quiet center for reading. */
.ambient-flow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 14%,#000 82%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 82%,transparent)}
.ambient-flow i{position:absolute;width:62%;height:110%;top:-10%;left:-12%;border-radius:50%;background:radial-gradient(ellipse,#d7a3d2aa 0%,#b4cce790 33%,transparent 69%);filter:blur(26px);animation:ambient-left 11s ease-in-out infinite alternate;will-change:transform}
.ambient-flow i:nth-child(2){left:auto;right:-13%;top:-5%;background:radial-gradient(ellipse,#e8b2c49c 0%,#efd49b80 34%,transparent 68%);animation:ambient-right 13s ease-in-out infinite alternate;animation-delay:-5s}
.ambient-flow i:nth-child(3){left:24%;top:45%;width:65%;height:85%;background:radial-gradient(ellipse,#a2d4dc88 0%,#d2bbe766 35%,transparent 69%);animation:ambient-bottom 10s ease-in-out infinite alternate;animation-delay:-3s}
.light-refined .hero-art{animation:aura-breathe 12s ease-in-out infinite alternate}
@keyframes aura-breathe{from{transform:translate3d(-2%,-1%,0) scale(1.04) rotate(-2deg)}to{transform:translate3d(2%,1%,0) scale(1.12) rotate(2deg)}}
@keyframes ambient-left{from{transform:translate3d(-8%,-10%,0) scale(.85,1.05) rotate(-14deg)}to{transform:translate3d(29%,13%,0) scale(1.12,.88) rotate(18deg)}}
@keyframes ambient-right{from{transform:translate3d(12%,10%,0) scale(1.08,.85) rotate(15deg)}to{transform:translate3d(-24%,-13%,0) scale(.9,1.15) rotate(-16deg)}}
@keyframes ambient-bottom{from{transform:translate3d(-20%,12%,0) scale(1,.8)}to{transform:translate3d(20%,-22%,0) scale(1.1,1.2)}}
.light-refined .note-section:before,.light-refined .closing:before{animation:aura-breathe 14s ease-in-out infinite alternate;pointer-events:none}
.light-refined .note-section .ambient-flow{opacity:.85}.light-refined .closing .ambient-flow{opacity:.9}
.light-refined .motion-scene:not(.in-view) .ambient-flow i,.light-refined .motion-scene:not(.in-view):before{animation-play-state:paused}
.orbit-star{opacity:.9}
.light-refined .practice-modes{min-height:190px;display:grid;align-items:start}
.light-refined .practice-modes>*{grid-area:1/1;margin:0}
.light-refined #typed-sample{display:grid;gap:8px}
.light-refined #typed-sample label{line-height:20px;text-align:left}
.light-refined #sample-input{height:90px;min-height:90px;resize:none}
.light-refined .mini-phone .demo-feedback{min-height:58px}
@media(max-width:700px){.ambient-flow i{width:90%;left:-35%;filter:blur(20px)}.ambient-flow i:nth-child(2){right:-35%}.ambient-flow i:nth-child(3){left:0;width:100%}}

/* Fade at the actual section edge, independently of the moving artwork. */
.light-refined .theme-section:before{inset:0 -15%;mask-image:linear-gradient(transparent,#000 22%,#000 74%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 74%,transparent)}
.light-refined .language-section:before{mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
.light-refined .note-section:before,.light-refined .closing:before{content:none}
.section-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 30%,#000 66%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 66%,transparent)}
.section-art:before{content:'';position:absolute;inset:-12%;background:url('assets/design/soft-radiance.jpg') center/cover;opacity:.52;animation:aura-breathe 14s ease-in-out infinite alternate}
.closing .section-art:before{background-position:center 75%;opacity:.7}
.motion-scene:not(.in-view) .section-art:before{animation-play-state:paused}