*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9f9f9;color:#0d0d0d;font-family:Arial,Microsoft YaHei,sans-serif}a,button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid #727272;outline-offset:4px}.shell{max-width:1600px;margin:auto}.sidebar{position:fixed;top:0;bottom:0;width:248px;border-right:1px solid #e6e6e6;background:#fdfdfd;padding:42px 25px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;font-size:29px;color:#0d0d0d;align-items:center}.brand span{font-size:19px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:1.1px;margin-top:8px;font-weight:400}.sidebar nav{display:grid;grid-gap:12px;gap:12px;margin-top:58px}.sidebar nav>*{text-align:left;padding:15px 20px;border-radius:12px;background:transparent;color:#7e7e7e;font-size:14px}.sidebar nav .selected{background:#ededed;color:#0d0d0d;font-weight:700}.side-note{margin-top:auto;padding:25px 18px;background:#f1f1f1;border-radius:16px;font-family:Georgia,serif;font-size:23px;line-height:1.3}.side-note p{font:11px Arial;line-height:1.7;color:#888888}.side-note>span{color:#bbbbbb;font-size:42px}.profile{border-top:1px solid #e7e7e7;display:flex;gap:12px;align-items:center;margin-top:28px;padding-top:24px;font-size:12px}.profile>b{background:#e7e7e7;border-radius:50%;padding:12px}.profile small{display:block;color:#8f8f8f;margin-top:6px;font-size:10px}main{margin-left:248px;padding:0 52px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;font-size:12px;color:#979797}.streak{border:1px solid #dfdfdf;border-radius:25px;padding:10px 15px;color:#727272;background:#f8f8f8}.mobile-brand{display:none}.welcome{padding:38px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#727272}h1{font-size:30px;letter-spacing:-1px;margin:14px 0}h1 span{color:#727272}p{font-size:13px;line-height:1.9;color:#828282}h2{font-size:18px;margin:0}h3{font-size:19px}.top-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:22px;gap:22px}.hero{overflow:hidden;position:relative;min-height:330px;background:#0d0d0d;border-radius:22px;padding:30px;color:#ffffff}.tag{font-size:10px;letter-spacing:1.6px;color:#dbdbdb}.hero h2{font-size:30px;line-height:1.6;margin:19px 0 9px;font-weight:500}.hero h2,.hero p{position:relative;z-index:1}.hero p{color:#dadada;font-size:12px}.light-btn{position:relative;z-index:1;background:#f2f2f2;color:#0d0d0d;padding:14px 20px;border-radius:10px;font-size:13px;margin-top:9px}.light-btn span{margin-left:20px}.hero-footer{font-size:10px;color:#d9d9d9;margin-top:24px}.hero-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d2d2d2;margin-right:5px}.orb{position:absolute;width:210px;height:210px;right:-35px;top:50px;border:1px solid #72727255;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#72727233,transparent 70%);transform:rotate(-15deg)}.orb:before{content:"";position:absolute;inset:22px;border:1px solid #72727266;border-radius:50%}.orb span{font-size:135px;color:#c0c0c0}.card{background:#ffffff;border:1px solid #eaeaea;border-radius:22px}.goal{text-align:center;padding:26px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top h2{font-size:15px}.text-btn{background:transparent;color:#727272;font-size:12px;padding:10px 0}.ring{width:143px;height:143px;padding:9px;margin:22px auto 15px;transform:rotate(0deg)}.ring,.ring>div{border-radius:50%}.ring>div{background:white;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:5px}.ring strong{font-size:35px;font-weight:500}.ring small{font-size:15px}.ring span{font-size:10px;color:#979797}.goal-value{margin:4px}.goal-value b{font-size:21px;color:#0d0d0d}.muted{color:#999999;font-size:11px}.goal-bottom{border-top:1px solid #efefef;margin-top:16px;padding-top:16px;color:#727272;font-size:11px}.practice{margin:36px 0 26px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-heading h2{margin-top:10px;font-size:21px}.section-heading>span{font-size:11px;color:#989898}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.practice-card{position:relative;text-align:left;background:#ffffff;border:1px solid #eaeaea;border-radius:18px;padding:23px;transition:box-shadow .2s,transform .2s}.practice-card:hover{box-shadow:0 8px 24px #0d0d0d10;transform:translateY(-3px)}.icon{display:grid;place-items:center;width:46px;height:46px;font-size:26px;border-radius:14px}.peach{background:#ebebeb;color:#727272}.green,.lilac{background:#ededed;color:#727272}.pill{position:absolute;top:29px;right:18px;font-size:9px;color:#8f8f8f;background:#f5f5f5;padding:5px 7px;border-radius:5px}.practice-card h3{margin:22px 0 8px}.practice-card p{font-size:11px}.practice-card>div{border-top:1px solid #efefef;padding-top:16px;margin-top:20px;color:#727272;font-size:11px;display:flex;justify-content:space-between}.stats{padding:28px;display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;align-items:center}.stats h2{margin-top:12px}.numbers{display:flex;gap:32px;margin-top:26px}.numbers b{font-size:26px;font-weight:500}.numbers small{font-size:10px;margin-left:5px;color:#989898}.numbers span{display:block;font-size:10px;margin-top:9px;color:#969696}.chart{display:flex;gap:16px;align-items:flex-end;height:140px;padding-top:15px}.chart>div{flex:1 1;text-align:center}.chart span{font-size:9px;color:#727272}.bar{max-width:30px;border-radius:5px 5px 2px 2px;background:#c1c1c1;margin:8px auto 10px}.chart small{font-size:10px;color:#979797}footer{padding:32px;text-align:center;font-size:9px;line-height:2.3;letter-spacing:1px;color:#aaaaaa}footer span{margin-left:8px}.mobile-nav{display:none}.overlay{position:fixed;inset:0;background:#0d0d0d66;z-index:10;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#fefefe;border-radius:24px;padding:35px;width:min(100%,480px);position:relative;max-height:90dvh;overflow:auto}.modal h2{margin:22px 0 15px;font-size:24px}.close{position:absolute;right:15px;top:12px;background:transparent;font-size:28px;color:#7e7e7e;min-width:44px;min-height:44px}.primary{background:#0d0d0d;color:white;border-radius:10px;padding:14px 20px;width:100%;margin:12px 0;min-height:46px}.options{display:flex;gap:12px;margin:24px 0}.options button{flex:1 1;padding:16px 5px;border-radius:10px;background:#efefef;color:#0d0d0d}.options .active{background:#0d0d0d;color:#ffffff}.bubble{background:#eeeeee;padding:20px;border-radius:16px;line-height:1.8;margin:20px 0;font-size:15px}label{display:block;font-size:12px;margin:20px 0 10px}input{width:100%;border:1px solid #e0e0e0;border-radius:10px;background:white;padding:15px;font-size:16px;color:#0d0d0d}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#0d0d0d;color:#ffffff;box-shadow:0 6px 30px #0002;border-radius:12px;padding:15px 20px;z-index:20;width:max-content;max-width:90vw;font-size:13px}.toast button{background:transparent;color:white;margin-left:15px;font-size:22px}@media(min-width:1600px){.sidebar{margin-left:0}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 18px}main{margin-left:210px;padding:0 28px}.hero h2{font-size:25px}.orb{right:-85px}.practice-card{padding:18px}.pill{position:static;display:inline-block;margin-top:10px}.numbers{gap:15px}}@media(max-width:760px){.breadcrumb,.sidebar{display:none}main{margin:0;padding:0 20px}header{height:76px}.mobile-brand{display:block;font-size:17px;font-weight:700;color:#0d0d0d}.streak{font-size:10px;padding:8px 10px}.welcome{padding:28px 0 22px}h1{font-size:24px;line-height:1.5}.welcome p{font-size:12px}.top-grid{grid-template-columns:1fr;gap:16px}.hero{min-height:320px;padding:26px}.hero h2{font-size:29px}.orb{right:-20px;top:60px;width:180px;height:180px}.orb span{font-size:115px}.hero p{max-width:260px}.goal{padding:22px;display:grid;grid-template-columns:1fr 125px;align-items:center;text-align:left}.section-top{grid-column:1/-1}.ring{grid-column:2;grid-row:2/5;width:112px;height:112px;margin:12px 0 0 auto}.ring strong{font-size:29px}.goal-value{margin-top:22px}.goal-bottom{grid-column:1/-1}.practice{margin:28px 0 20px}.section-heading>span{display:none}.section-heading h2{font-size:20px}.practice-grid{grid-template-columns:1fr;gap:12px}.practice-card{padding:20px 20px 18px 85px;min-height:155px}.icon{left:20px;top:24px}.icon,.pill{position:absolute}.pill{top:14px;right:18px;font-size:9px}.practice-card h3{margin:7px 0}.practice-card p{font-size:12px}.practice-card>div{margin-top:10px;padding-top:12px}.stats{grid-template-columns:1fr;padding:24px;gap:18px}.numbers{justify-content:space-between}.chart{gap:12px;height:135px}footer{padding:28px 0 100px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-around;background:#fefefeed;border-top:1px solid #e6e6e6;padding:10px 10px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav>*{background:transparent;color:#727272;min-width:55px;text-align:center;font-size:22px}.mobile-nav small{display:block;font-size:10px;margin-top:4px}.toast{bottom:90px}.modal{padding:28px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}html{background:#f9f9f9}body{min-height:100svh;padding-bottom:env(safe-area-inset-bottom)}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@supports (padding:max(0px)){.mobile-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}:root{--global-nav-height:calc(67px + max(9px, env(safe-area-inset-bottom, 0px)))}.audioSpinner{display:inline-block;width:12px;height:12px;border:1.5px solid;border-right:1.5px solid transparent;border-radius:50%;vertical-align:-1px;animation:audioSpin .8s linear infinite}button[aria-busy=true]{cursor:wait}@keyframes audioSpin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.audioSpinner{animation:none}}:root{--app-bg:#f9f9f9;--surface-primary:#ffffff;--surface-secondary:#f4f4f4;--text-primary:#0d0d0d;--text-secondary:#71717a;--text-placeholder:#a1a1aa;--border-subtle:#e5e5e5}body,html{background:var(--app-bg);color:var(--text-primary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#71717a}.global-nav_nav__3Ugu5{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,540px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;padding:9px 18px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e5e5}.global-nav_nav__3Ugu5 a{width:100%;max-width:120px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8e8e93;font-weight:400;transition:color .15s ease}.global-nav_nav__3Ugu5 a:hover{color:#666}.global-nav_nav__3Ugu5 a>span{font-size:20px;line-height:1}.global-nav_nav__3Ugu5 small{font-size:10px}.global-nav_nav__3Ugu5 .global-nav_active__tRCEl{color:#0d0d0d;font-weight:600}@media(min-width:761px){.global-nav_nav__3Ugu5{bottom:18px;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:7px 16px}.global-nav_nav__3Ugu5 a{min-height:44px}}html[data-chat-input-active] .global-nav_nav__3Ugu5{display:none}