:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1ecdf;--panel:#fffbf5d6;--line:#5f634e29;--text:#273126;--muted:#67715f;--accent:#6b8a73;--accent-strong:#46624e;--accent-soft:#6b8a731f;--warm:#b88652;--shadow:0 20px 48px #5357381f;font-family:SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #dbcfa88f, transparent 34%), radial-gradient(circle at bottom right, #a1bca885, transparent 30%), linear-gradient(180deg, var(--bg) 0%, #efe7da 100%);margin:0}body,button,input,textarea{font:inherit}button,input,textarea{border:0}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;padding:18px 14px calc(94px + env(safe-area-inset-bottom));position:relative}.ambient{filter:blur(18px);pointer-events:none;background:#ffffff3d;border-radius:999px;width:220px;height:220px;position:fixed;inset:auto auto 10% -80px}.ambient-two{background:#6b8a7324;inset:9% -60px auto auto}.app-surface{max-width:760px;margin:0 auto}.app-main{gap:16px;display:grid}.app-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.app-header h1,.panel h2,.challenge-card h3,.script-card h3{letter-spacing:.01em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,serif}.app-header h1{font-size:clamp(1.85rem,3vw,2.35rem)}.landing-copy,.support-copy,.lead,.panel p,.challenge-card p,.script-card p,.mini-card p{margin:0;line-height:1.6}.lead{font-size:1rem}.support-copy,.panel p,.challenge-card p,.script-card p,.mini-card p{color:var(--muted)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.76rem}.stack{gap:16px;display:grid}.stack--tight{gap:12px}.panel{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff9;border-radius:28px;padding:18px}.panel__header,.panel__body,.panel__footer{gap:12px;display:grid}.panel__header{margin-bottom:12px}.panel__footer{margin-top:14px}.field-group{gap:8px;display:grid}.field-group>span,.field-group>label,.range-field__header span{font-weight:700}textarea,input[type=text]{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#ffffffb8;border-radius:18px;padding:14px 16px}input[type=range]{width:100%;accent-color:var(--accent)}.range-field{gap:8px;display:grid}.range-field__header,.range-field__scale,.challenge-card__meta,.inline-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-field__hint,.range-field__scale{color:var(--muted);font-size:.92rem}.chip-grid{gap:10px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.choice-chip,.tag-chip,.segmented button,.soft-chip{border:1px solid var(--line);color:var(--text);background:#ffffffb3;border-radius:18px}.choice-chip{text-align:left;gap:6px;padding:14px 16px;display:grid}.choice-chip strong{font-size:1rem}.choice-chip span{color:var(--muted);font-size:.92rem;line-height:1.5}.choice-chip.is-active,.tag-chip.is-active,.segmented .is-active{background:linear-gradient(135deg,#6b8a732e,#b886521a);border-color:#46624e52;box-shadow:inset 0 0 0 1px #46624e14}.tag-chip,.soft-chip,.segmented button{padding:10px 14px}.soft-chip{color:var(--accent-strong);background:var(--accent-soft)}.segmented{flex-wrap:wrap;gap:8px;display:inline-flex}.primary-button,.secondary-button,.ghost-link{border-radius:18px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;transition:transform .18s,background .18s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fffdf8;box-shadow:0 12px 20px #46624e2e}.primary-button--small{min-height:40px;padding:0 14px}.secondary-button{color:var(--text);border:1px solid var(--line);background:#ffffffb3}.ghost-link{color:var(--accent-strong)}.primary-button:hover,.secondary-button:hover,.ghost-link:hover,.bottom-nav__item:hover,.choice-chip:hover,.tag-chip:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:default}.challenge-card,.script-card,.mini-card,.stat-card{background:#ffffffa3;border:1px solid #ffffff9e;border-radius:22px;padding:16px}.challenge-card,.script-card,.mini-card{gap:10px;display:grid}.challenge-card__meta{color:var(--muted);font-size:.92rem}.plain-list,.mini-steps{color:var(--muted);margin:0;padding-left:18px;line-height:1.6}.relax-hero{align-items:center;gap:20px;display:grid}.relax-hero__copy{gap:12px;display:grid}.timer-ring{aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress), #6b8a731f 0deg);border-radius:50%;place-items:center;width:min(260px,68vw);margin:0 auto;padding:16px;display:grid}.timer-ring__inner{text-align:center;background:#fffbf5f5;border-radius:50%;place-items:center;gap:6px;width:100%;height:100%;display:grid}.timer-ring__inner p{color:var(--muted)}.timer-ring__inner strong{font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,serif;font-size:clamp(2rem,8vw,2.8rem)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{gap:6px;display:grid}.stat-card span{color:var(--muted)}.stat-card strong{font-size:1.35rem}.stat-card--wide{grid-column:1/-1}.trend-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:170px;display:grid}.trend-chart__item{justify-items:center;gap:8px;display:grid}.trend-chart__bar-wrap{align-items:end;width:100%;min-height:124px;display:flex}.trend-chart__bar{background:#6b8a7338;border-radius:999px;width:100%;min-height:8px}.trend-chart__bar.is-completed{background:linear-gradient(180deg, var(--warm), var(--accent))}.sync-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffffb8;border-radius:999px;padding:10px 14px;font-size:.92rem}.sync-pill.is-pending{color:var(--accent-strong)}.loading-state,.empty-state{text-align:center;box-shadow:var(--shadow);background:#fffbf5c7;border-radius:28px;place-items:center;gap:14px;padding:36px 18px;display:grid}.loading-orb{background:linear-gradient(135deg,#6b8a732e,#b886525c);border-radius:999px;width:56px;height:56px;animation:1.8s ease-in-out infinite pulse}.bottom-nav{left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffaf4d6;border:1px solid #ffffffb8;border-radius:24px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(760px,100vw - 20px);padding:10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 32px #42473329}.bottom-nav__item{min-height:42px;color:var(--muted);border-radius:18px;place-items:center;font-size:.9rem;display:grid}.bottom-nav__item.is-active{color:var(--accent-strong);background:linear-gradient(135deg,#6b8a732e,#b886521f);font-weight:700}code{border:1px solid var(--line);background:#ffffffbd;border-radius:14px;padding:10px 12px;display:inline-block}@keyframes pulse{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media (width>=720px){.relax-hero{grid-template-columns:320px 1fr}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.app-frame{padding-inline:12px}.app-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}