:root{color-scheme:light;--app-bg: #f3f2ed;--surface: #ffffff;--surface-strong: #1d2320;--ink: #171a18;--muted: #747a74;--soft: #a7aca6;--line: #e8e8e2;--accent: #c7ef65;--success: #208757;--danger: #b64640;--shadow-card: 0 8px 24px rgba(30, 36, 31, .055);--ease: cubic-bezier(.22, 1, .36, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:#dcddd7}body{margin:0;min-width:320px;min-height:100vh;background:#dcddd7;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;z-index:100;left:12px;top:-60px;padding:10px 14px;border-radius:12px;background:var(--surface-strong);color:#fff;transition:top .16s ease}.skip-link:focus{top:12px}.app-shell{min-height:100vh;display:grid;place-items:start center}.app-frame{position:relative;width:min(100%,480px);min-height:100svh;overflow:hidden;background:var(--app-bg)}.app-page{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 20px calc(112px + env(safe-area-inset-bottom));background:var(--app-bg);animation:page-enter .32s var(--ease) both}.app-header{min-height:58px;display:flex;align-items:center;justify-content:space-between}.app-header p,.simple-header p{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:560}.app-header h1{margin:0;font-size:25px;font-weight:740;letter-spacing:-.04em}.profile-button{width:44px;height:44px;padding:3px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer}.profile-button span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--accent);font-size:15px;font-weight:760}.progress-card{position:relative;min-height:158px;margin-top:25px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;border-radius:25px;background:var(--surface-strong);color:#fff;box-shadow:0 16px 36px #12171424}.progress-card:after{content:"";position:absolute;width:150px;height:150px;right:-75px;bottom:-100px;border:1px solid rgba(199,239,101,.22);border-radius:50%}.progress-copy{position:relative;z-index:1;min-width:0}.progress-copy>span{display:block;margin-bottom:11px;color:#ffffff9e;font-size:12px;font-weight:600}.progress-copy>strong{display:block;font-size:27px;font-weight:720;letter-spacing:-.045em}.progress-copy>small{display:block;margin-top:10px;color:#fff9;font-size:11px;line-height:1.45}.progress-ring{position:relative;z-index:1;width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),rgba(255,255,255,.12) 0);transform:rotate(-90deg);transition:background .32s ease}.progress-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface-strong)}.progress-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;transform:rotate(90deg)}.progress-ring strong{font-size:25px;font-weight:740}.progress-ring span{color:#ffffff8c;font-size:12px;font-weight:600}.task-section,.record-section{margin-top:30px}.section-heading{min-height:30px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.025em}.section-heading>span{color:var(--muted);font-size:12px;font-weight:600}.task-stack{display:grid;gap:11px}.task-card{--tone-bg: #eeeafc;--tone: #6759b8;width:100%;min-height:88px;padding:15px;display:grid;grid-template-columns:48px 1fr 34px;gap:13px;align-items:center;border:1px solid rgba(27,32,29,.045);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s ease,opacity .18s ease}.tone-meditation{--tone-bg: #eeeafc;--tone: #6557b4}.tone-workout{--tone-bg: #ffe8dc;--tone: #d96842}.tone-sleep{--tone-bg: #e1edf8;--tone: #3975a6}.task-card:active{transform:scale(.985)}.task-icon,.preset-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--tone-bg);color:var(--tone)}.task-content{min-width:0}.task-content>strong{display:block;overflow:hidden;color:var(--ink);font-size:15px;font-weight:680;letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap}.task-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:11px;font-weight:540}.task-meta>span{display:inline-flex;align-items:center;gap:4px}.complete-button{width:31px;height:31px;display:grid;place-items:center;border:1.5px solid #d2d5cf;border-radius:50%;color:#fff;transition:background .18s ease,border-color .18s ease,transform .18s var(--ease)}.task-card.is-done{box-shadow:none;opacity:.72}.task-card.is-done .complete-button{border-color:var(--success);background:var(--success);transform:scale(1.04)}.task-card.is-done .task-content>strong{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.floating-add{position:fixed;z-index:25;right:max(20px,calc((100vw - 480px)/2 + 20px));bottom:calc(88px + env(safe-area-inset-bottom));width:55px;height:55px;display:grid;place-items:center;border:0;border-radius:18px;background:var(--accent);color:var(--surface-strong);box-shadow:0 12px 30px #41511b3d;cursor:pointer;transition:transform .18s var(--ease)}.floating-add:active{transform:scale(.94)}.simple-header{padding-top:5px}.simple-header h1{margin:0;font-size:30px;font-weight:740;letter-spacing:-.045em}.stat-grid{margin-top:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:11px}.stat-card{min-height:134px;padding:18px;border:1px solid rgba(27,32,29,.045);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-card)}.stat-card>span{display:block;color:var(--muted);font-size:11px;font-weight:620}.stat-card>strong{display:block;margin-top:13px;font-size:35px;font-weight:750;letter-spacing:-.05em}.stat-card>strong small{margin-left:2px;font-size:13px;font-weight:650}.stat-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.stat-primary{background:var(--accent);box-shadow:none}.stat-primary>span,.stat-primary p{color:#171a189e}.calendar-card{margin-top:12px;padding:20px 17px 18px;border:1px solid rgba(27,32,29,.045);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-card)}.card-heading{padding:0 3px 17px;display:flex;align-items:center;justify-content:space-between}.card-heading h2{margin:0;font-size:15px;font-weight:690}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.card-heading>svg{color:var(--soft)}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day-pill{min-width:0;min-height:81px;padding:8px 1px;display:grid;justify-items:center;align-content:space-between;border-radius:13px;color:var(--muted)}.day-pill small{font-size:9px;font-weight:600}.day-pill strong{font-size:13px;font-weight:680;font-variant-numeric:tabular-nums}.day-pill>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#eff0eb;color:#fff}.day-pill.is-complete>span{background:var(--success)}.day-pill.is-today{background:var(--surface-strong);color:#fff}.day-pill.is-today>span{background:var(--accent);color:var(--surface-strong)}.record-card,.settings-card{overflow:hidden;border:1px solid rgba(27,32,29,.045);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card)}.record-item{min-height:74px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center}.record-item+.record-item,.setting-row+.setting-row{border-top:1px solid var(--line)}.mini-task-icon{--tone-bg: #eeeafc;--tone: #6557b4;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--tone-bg);color:var(--tone)}.record-copy{min-width:0}.record-copy strong{display:block;font-size:13px;font-weight:650}.record-copy small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.record-state{padding:5px 8px;border-radius:999px;background:#f0f1ed;color:var(--muted);font-size:9px;font-weight:650}.record-state.is-done{background:#e3f3e9;color:var(--success)}.identity-card{min-height:86px;margin-top:24px;padding:14px;display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;border-radius:21px;background:var(--surface-strong);color:#fff;box-shadow:0 14px 34px #1217141f}.app-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--accent);color:var(--surface-strong);font-size:20px;font-weight:770}.identity-card>span:nth-child(2){min-width:0}.identity-card strong{display:block;font-size:15px;font-weight:680}.identity-card small{display:block;margin-top:6px;color:#ffffff8f;font-size:10px}.identity-status{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ffffffad;font-size:9px;font-weight:620}.settings-group{margin-top:26px}.settings-group>h2{margin:0 0 10px 3px;color:var(--muted);font-size:11px;font-weight:650}.setting-row{width:100%;min-height:61px;padding:9px 13px;display:grid;grid-template-columns:36px 1fr auto 17px;gap:10px;align-items:center;border:0;background:transparent;text-align:left;cursor:pointer}.setting-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0f1ed;color:#525952}.setting-copy{font-size:13px;font-weight:610}.setting-row small{color:var(--muted);font-size:10px}.setting-row>svg{color:var(--soft)}.setting-row.is-destructive{color:var(--danger)}.setting-row.is-destructive .setting-icon{background:#faecea;color:var(--danger)}.app-footer{margin-top:42px;display:grid;justify-items:center;color:var(--muted)}.footer-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#dfe0da;color:#60665f;font-size:12px;font-weight:750}.app-footer p{margin:10px 0 3px;font-size:11px;font-weight:620}.app-footer small{color:var(--soft);font-size:9px}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,480px);height:calc(75px + env(safe-area-inset-bottom));padding:7px 38px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(31,36,32,.06);background:#fafaf7eb;box-shadow:0 -8px 28px #1e241f0b;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);transform:translate(-50%)}.bottom-nav button{min-width:52px;min-height:55px;padding:3px 0;display:grid;justify-items:center;align-content:center;gap:4px;border:0;border-radius:16px;background:transparent;color:#8b918a;cursor:pointer}.nav-icon{width:33px;height:27px;display:grid;place-items:center;border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s var(--ease)}.bottom-nav button>span:last-child{font-size:9px;font-weight:620}.bottom-nav button.is-active{color:var(--ink)}.bottom-nav button.is-active .nav-icon{background:var(--surface-strong);color:var(--accent);transform:translateY(-1px)}.sheet-layer{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;background:#0f13106b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s ease both}.sheet{position:relative;width:min(100%,480px);padding:34px 20px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--app-bg);box-shadow:0 -20px 50px #12171426;animation:sheet-rise .32s var(--ease) both}.sheet-handle{position:absolute;top:10px;left:50%;width:37px;height:4px;border-radius:4px;background:#c7cac3;transform:translate(-50%)}.sheet-heading{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.sheet-heading p{margin:0 0 5px;color:var(--muted);font-size:10px;font-weight:600}.sheet-heading h2{margin:0;font-size:24px;font-weight:740;letter-spacing:-.04em}.close-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#e5e6df;color:#555b55;cursor:pointer}.preset-stack{display:grid;gap:10px}.preset-card{--tone-bg: #eeeafc;--tone: #6557b4;width:100%;min-height:76px;padding:13px;display:grid;grid-template-columns:48px 1fr 30px;gap:12px;align-items:center;border:1px solid rgba(27,32,29,.045);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card);text-align:left;cursor:pointer}.mini-task-icon.tone-meditation,.preset-card.tone-meditation{--tone-bg: #eeeafc;--tone: #6557b4}.mini-task-icon.tone-workout,.preset-card.tone-workout{--tone-bg: #ffe8dc;--tone: #d96842}.mini-task-icon.tone-sleep,.preset-card.tone-sleep{--tone-bg: #e1edf8;--tone: #3975a6}.preset-copy{min-width:0}.preset-copy strong{display:block;font-size:14px;font-weight:660}.preset-copy small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.preset-add{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eff0eb;color:var(--ink)}.sheet-note{margin:17px 3px 0;color:var(--muted);font-size:10px;line-height:1.5}.toast{position:fixed;z-index:90;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100vw - 40px);padding:11px 15px;border-radius:12px;background:#1d2320f5;color:#fff;box-shadow:0 10px 30px #1217142e;font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}.task-card:focus-visible,.profile-button:focus-visible,.floating-add:focus-visible,.setting-row:focus-visible,.bottom-nav button:focus-visible,.preset-card:focus-visible,.close-button:focus-visible{outline:2px solid #4f6c17;outline-offset:3px}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}}@keyframes fade{0%{opacity:0}}@keyframes sheet-rise{0%{transform:translateY(28px)}}@media(min-width:540px){.app-frame{min-height:calc(100svh - 24px);margin:12px 0;border:1px solid rgba(31,36,32,.08);border-radius:30px;box-shadow:0 28px 80px #191f1b1f}.bottom-nav{bottom:12px;border-radius:0 0 30px 30px}.sheet{margin-bottom:12px;border-radius:28px}.floating-add{bottom:100px}}@media(max-width:360px){.app-page{padding-inline:16px}.progress-card{padding:20px}.progress-copy>strong{font-size:24px}.progress-ring{width:74px;height:74px;flex-basis:74px}.bottom-nav{padding-inline:26px}.task-card{grid-template-columns:44px 1fr 31px;gap:10px;padding-inline:12px}.task-icon,.preset-icon{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}