/* Six appearance studies. Selection and escalation are separate decisions. */
:root[data-theme^="sakura-"]{color-scheme:light;--bg:#fbf3ee;--text:#674952;--muted:#9b7d82;--blue:#c78399;--line:#9c697622}
:root[data-theme="sakura-zen"]{--bg:#f4f1e9;--text:#363e37;--muted:#929385;--blue:#b17a87;--line:#5c63542c}
:root[data-theme="sakura-night"]{color-scheme:dark;--bg:#181323;--text:#f2deeb;--muted:#a18aa6;--blue:#d8a5cf;--line:#d7a4cc24}
:root[data-theme^="sea-"]{color-scheme:light;--bg:#f4f1e8;--text:#2d5568;--muted:#7d989e;--blue:#508c9f;--line:#668e9725}
:root[data-theme="sea-glass"]{--bg:#edf7f3;--text:#396764;--muted:#81a5a0;--blue:#6caaa6;--line:#70a69a29}
:root[data-theme="sea-abyss"]{color-scheme:dark;--bg:#081e2a;--text:#d5eeeb;--muted:#6f9da7;--blue:#8cd2ce;--line:#85cad422}
body[data-mood]{background:var(--bg);isolation:isolate}
body[data-mood]{--effect-accent:var(--blue)}
[data-mood] .intensity-heading,[data-mood] .intensity-hint{color:var(--muted)}
[data-mood] .intensity-combo{color:var(--text)}
[data-mood] .intro>.eyebrow,[data-mood] .countdown-top,[data-mood] .text-button,[data-mood] .countdown small,[data-mood] .countdown-card p,[data-mood] .connection,[data-mood] .collective-label,[data-mood] .click-hint,[data-mood] .personal-count,[data-mood] .section-top .eyebrow,[data-mood] .chart-date,[data-mood] .all-time>span,[data-mood] .all-time p,[data-mood] footer,[data-mood] .chart-number{color:var(--muted)}
[data-mood] .text-button:hover,[data-mood] .personal-count strong,[data-mood] .today .chart-number,[data-mood] .today .chart-date{color:var(--blue)}
[data-mood] h1 em{color:var(--blue)}[data-mood] .intro h1{font-size:60px;line-height:1.4;font-weight:500;letter-spacing:2px}
[data-mood] .intro-copy{letter-spacing:.8px}[data-mood] .brand-name{border-color:var(--line)}[data-mood] .spark,[data-mood] .text-button>span{color:var(--blue)}
[data-mood] .countdown-card{background:color-mix(in srgb,var(--bg) 80%,white);border-color:var(--line);border-radius:2px}
[data-mood] .countdown b{color:var(--muted);opacity:.5}[data-mood] .daily-total>span:first-child{font-family:Georgia,"Songti TC",serif;font-size:68px!important}
[data-mood] .sigh-stage:before{content:"TAKE A BREATH"!important;letter-spacing:2px!important}[data-mood] .sigh-stage:after{content:"A LITTLE SPACE FOR YOU.";font-size:7px}
[data-mood] .mood-caption{font-size:11px;color:var(--blue);letter-spacing:2px;margin:22px 0 12px;font-family:"Songti TC",serif}
[data-mood] .chart-bar{background:color-mix(in srgb,var(--blue) 40%,var(--bg));border-radius:2px}[data-mood] .today .chart-bar{background:var(--blue)}
[data-mood] .chart-day.today{background:color-mix(in srgb,var(--blue) 5%,transparent);outline-color:var(--line)}
[data-mood] .section-top h2>span{color:var(--muted)}[data-mood] .all-time-rule{background:var(--line)}
[data-mood] .preview-banner{background:color-mix(in srgb,var(--bg) 94%,var(--blue));color:var(--muted);border-color:var(--line)}
[data-mood] .particle{color:var(--blue)!important;text-shadow:none!important;font-size:19px!important}
[data-mood] .ambient{z-index:-1;filter:blur(95px)}[data-mood] .ambient-one{background:var(--blue);opacity:.1}
[data-mood] .ambient-two{background:var(--blue);opacity:.09}
[data-mood] .sigh-button{background:transparent;border-color:var(--line);box-shadow:none}[data-mood] .sigh-character{color:var(--blue);text-shadow:none}
[data-mood] dialog{background:var(--bg);border-color:var(--line)}[data-mood] dialog .history-row{color:var(--muted)}[data-mood] dialog .history-row strong{color:var(--text)}
[data-theme="sakura-dawn"] body{background:radial-gradient(ellipse at 92% 6%,#f3d9db88,transparent 49%),radial-gradient(ellipse at 8% 85%,#f6e7d4,transparent 50%),#fbf3ee}
[data-theme="sakura-dawn"] .intro h1{font-size:67px}[data-theme="sakura-dawn"] .countdown-card{border-radius:18px;background:#fffbf580;box-shadow:0 10px 45px #c295a00b}
[data-theme="sakura-dawn"] .topbar{border-color:#c894a128}[data-theme="sakura-dawn"] .ambient-two{background:#eecac7;opacity:.2}
[data-theme="sakura-zen"] body:before{opacity:.2;background-size:4px 4px;background-image:radial-gradient(#a69a83 .55px,transparent .55px)}
[data-theme="sakura-zen"] .ambient{display:none}[data-theme="sakura-zen"] .intro h1{font-size:59px;font-weight:400;line-height:1.65;letter-spacing:5px}
[data-theme="sakura-zen"] h1 em{color:var(--text)}[data-theme="sakura-zen"] .intro>.eyebrow{border-left:2px solid #bd8991;padding-left:13px;font-size:8px}
[data-theme="sakura-zen"] .countdown-card{border:0;border-block:1px solid var(--line);padding:18px 0;background:none}
[data-theme="sakura-zen"] .topbar{border-bottom:3px double var(--line)}[data-theme="sakura-zen"] .icon-button{border-radius:0}
[data-theme="sakura-zen"] .daily-total{font-family:Georgia,serif}[data-theme="sakura-zen"] .sigh-stage:after{content:"花 落 有 時。唉 完 再 行。";letter-spacing:5px;opacity:.7}
[data-theme="sakura-night"] body{background:radial-gradient(ellipse at 70% 20%,#56335355,transparent 55%),linear-gradient(130deg,#171526,#261629)}
[data-theme="sakura-night"] .ambient-two{background:#bc73a0;opacity:.2}[data-theme="sakura-night"] .countdown-card{background:#291e3633;border-radius:16px}
[data-theme="sakura-night"] .intro h1{text-shadow:0 2px 40px #d694bc12}
[data-theme="sea-shore"] body{background:linear-gradient(180deg,#f5f2e9 0%,#e9f1ec 35%,#d5e9e9 64%,#b0d3df 100%)}
[data-theme="sea-shore"] .intro h1{font-size:56px;letter-spacing:1px}[data-theme="sea-shore"] .hero{padding-bottom:75px}
[data-theme="sea-shore"] .ambient-two{background:#9ccad6;opacity:.15}[data-theme="sea-shore"] .countdown-card{border:0;background:#fffaf450;border-radius:3px}
[data-theme="sea-shore"] .sigh-stage:after{content:"MENTALLY AT THE BEACH."}[data-theme="sea-shore"] .history-section{background:#ffffff10}
[data-theme="sea-glass"] body{background:radial-gradient(ellipse at 90% 5%,#d7f0e4,transparent 55%),radial-gradient(ellipse at 5% 90%,#d6eeee,transparent 50%),#eff8f4}
[data-theme="sea-glass"] body:before{opacity:.05}[data-theme="sea-glass"] .countdown-card{background:#ffffff45;border:1px solid #ffffffbf;backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 40px #699d9009}
[data-theme="sea-glass"] .intro h1{font-family:-apple-system,BlinkMacSystemFont,"PingFang HK",sans-serif;font-weight:300;letter-spacing:3px}
[data-theme="sea-glass"] .daily-total>span:first-child{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:200}
[data-theme="sea-glass"] .topbar{border-bottom-color:#ffffffa0}
[data-theme="sea-abyss"] body{background:radial-gradient(ellipse at 80% 0,#24566877,transparent 60%),linear-gradient(150deg,#0b2837,#061822 80%)}
[data-theme="sea-abyss"] .ambient-two{background:#32899e;opacity:.18}[data-theme="sea-abyss"] .ambient-one{background:#175d6b;opacity:.08}
[data-theme="sea-abyss"] .countdown-card{border-radius:14px;background:#0c303536}[data-theme="sea-abyss"] .sigh-stage:after{content:"SLOW DOWN. DIVE DEEP."}
[data-theme="sea-abyss"] .intro h1{font-size:61px;font-weight:400}
.mood-study>.preview-banner,.mood-study .history-section,.mood-study footer{display:none}
.mood-study .shell{padding:0 35px}.mood-study .topbar{height:75px}.mood-study .hero{grid-template-columns:.85fr 1.15fr;gap:14px;padding:42px 0 30px}
.mood-study .intro h1{font-size:42px;letter-spacing:1px}.mood-study .intro>.eyebrow{font-size:6px;letter-spacing:1.2px}.mood-study .intro-copy{font-size:10px}
.mood-study .countdown-card{width:225px;padding:15px;margin-top:25px}.mood-study .countdown-top{font-size:8px}.mood-study .countdown{gap:9px}.mood-study .countdown>span{font-size:23px}.mood-study .countdown-card p{font-size:8px}
.mood-study .collective-label{font-size:9px!important;letter-spacing:1px!important}.mood-study .daily-total>span:first-child{font-size:52px!important}
.mood-study .button-orbit{height:350px!important}.mood-study .sigh-stage:before{font-size:6px!important;letter-spacing:1px!important;left:0!important}.mood-study .sigh-stage:after{font-size:6px;right:-15px}.mood-study .mood-caption{font-size:10px}
.mood-study .connection{display:none}.mood-study .brand-mark{font-size:29px}.mood-study .brand-name{font-size:10px;letter-spacing:2px}.mood-study .brand-name small{font-size:6px}
@media(max-width:700px){[data-mood] .intro h1{font-size:43px}[data-mood] .intro-copy{font-size:10px}[data-mood] .mood-caption{font-size:10px}.mood-study .shell{padding:0 24px}.mood-study .hero{grid-template-columns:1fr;gap:28px;padding:27px 0}.mood-study .intro h1{font-size:35px;max-width:100%;margin:15px 0 12px}.mood-study .countdown-card{width:270px;padding:12px 16px;margin-top:19px}.mood-study .button-orbit{height:290px!important}.mood-study .daily-total>span:first-child{font-size:48px!important}.mood-study .sigh-stage:before{left:0!important}.mood-study .sigh-stage:after{right:-8px}}
body.mood-study,body.effect-lab{min-width:0}
@media(max-width:360px){.mood-study .shell{padding:0 16px}.mood-study .countdown-card{width:min(270px,100%)}.mood-study .intro h1{font-size:31px}.mood-study .intro-copy{font-size:9px}.mood-study .topbar-actions{gap:6px}.mood-study .brand-name{font-size:9px}}
/* Clear-water revision: all three studies are bright and transparent. */
:root[data-theme^="sea-"]{color-scheme:light;--bg:#b9e6df;--text:#225f6b;--muted:#427f86;--blue:#287e8d;--line:#ffffff58}
[data-theme="sea-shore"] body,[data-theme="sea-glass"] body,[data-theme="sea-abyss"] body{background:var(--bg)}
[data-mood=sea]>.ambient,[data-mood=sea]:before{display:none}
.water-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
[data-mood=sea] .topbar{border-color:#ffffff65}
[data-mood=sea] .countdown-card{background:#f6fff449;border:1px solid #ffffff75;backdrop-filter:blur(8px);border-radius:15px;box-shadow:0 8px 40px #2d809008}
[data-mood=sea] .intro h1{font-family:"Songti TC",serif;font-weight:500;text-shadow:0 1px 18px #f4fff233}
[data-mood=sea] .sigh-stage:after{content:"TAKE IT EASY."}
[data-mood=sea] .daily-total>span:first-child{font-family:Georgia,serif;color:#245f6b}
[data-mood=sea] .history-section{background:#f7fff210;border-top-color:#ffffff65}
[data-mood=sea] .preview-banner{background:#f2fff45e;color:#4b8990}
[data-mood=sea] .chart-day.today{background:#f9fff33a}
