:root{--paper:#f8f7f2;--white:#fffefa;--ink:#243e37;--muted:#67746e;--green:#315c4e;--line:#e2e5dc;--sage:#e8eee5;--sand:#eee5d8;--clay:#ac735d;--serif:"Songti SC","Noto Serif CJK SC",STSong,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ac735d;outline-offset:3px}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg{width:22px;height:22px;display:block;flex:none}#app{max-width:440px;margin:auto;min-height:100dvh;position:relative}.status{height:45px;padding:14px 25px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:13px;font-weight:650;letter-spacing:.1px}.status .system{display:flex;gap:5px;align-items:center}.status svg{width:15px;height:15px}.status .battery{width:22px}.content{padding:0 24px 110px}.topline{height:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.wordmark{display:flex;align-items:center;gap:7px;font-weight:600;font-size:18px;letter-spacing:2px}.wordmark svg{width:24px;height:24px}.micro{font-size:10px;letter-spacing:1.6px;font-weight:600}.meta{color:var(--muted);font-size:12px}.subtle{color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:#e8e5d8;color:#53614e;display:grid;place-items:center;font-size:13px;border:1px solid #d8dbcc}.greeting{margin-bottom:21px}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin-bottom:9px}.greeting h1,.page-title h1{font-family:var(--serif);font-size:29px;letter-spacing:.6px;font-weight:600;line-height:1.35}.greeting p,.page-title p{margin-top:9px;font-size:13px;color:var(--muted);line-height:1.6}.hero{height:202px;border-radius:20px;background:#315c4e;position:relative;overflow:hidden;color:#fffdf4;padding:24px;margin-bottom:25px}.hero .landscape{position:absolute;right:-12px;bottom:-10px;width:220px;height:205px;opacity:.95;pointer-events:none}.hero .overline{color:#e0e9dd;font-size:11px;letter-spacing:1.3px;position:relative}.hero h2{position:relative;font-family:var(--serif);font-size:25px;letter-spacing:.8px;margin-top:13px;line-height:1.4}.hero p{font-size:12px;color:#e0e9dd;margin-top:5px;position:relative}.hero .hero-cta{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;background:#fbfaf2;color:#25483d;padding:0 15px;height:39px;border-radius:30px;font-size:12px;font-weight:600}.hero-cta svg{width:14px;height:14px}.section-head{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:9px}.section-head h2{font-size:17px;font-weight:600;letter-spacing:.2px}.section-head span{font-size:11px;color:var(--muted)}.text-btn{min-height:44px;font-size:12px;display:flex;gap:5px;align-items:center}.text-btn svg{width:15px;height:15px}.task-list{border-top:1px solid var(--line)}.task{display:flex;align-items:center;width:100%;gap:13px;min-height:67px;border-bottom:1px solid var(--line);padding:10px 0;text-align:left}.task-icon{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;background:#ecefe5;color:#607057}.task-icon.sand{background:#f0e7dc;color:#8c664f}.task-icon svg{width:19px;height:19px}.task .text{flex:1}.task strong{font-size:14px;font-weight:500;display:block}.task small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.task .circle{width:23px;height:23px;border-radius:50%;border:1.4px solid #a4b1a0;display:grid;place-items:center;color:var(--green)}.task.done .circle{background:var(--green);border-color:var(--green);color:white}.circle svg{width:13px;height:13px}.task.done strong{color:#68746d}.thought{margin-top:19px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;display:flex;gap:13px;align-items:center;width:100%;text-align:left;background:#fffdf7}.thought .thought-icon{color:#a17d5e}.thought .thought-icon svg{width:25px;height:25px}.thought strong{font-size:12px;font-weight:500;display:block}.thought span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.thought .arrow{margin-left:auto;width:17px;height:17px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);height:87px;border-top:1px solid var(--line);background:rgba(248,247,242,.97);display:flex;padding:9px 16px 20px;z-index:5}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#67746e;font-size:10px;min-height:48px}.nav a svg{width:21px;height:21px}.nav a.active{color:var(--green);font-weight:650}.nav a.active::before{content:"";position:absolute;top:0;width:19px;height:2px;background:var(--green);border-radius:2px}.homebar{position:fixed;bottom:7px;left:50%;width:111px;height:4px;transform:translateX(-50%);border-radius:3px;background:#233e35;z-index:7}.page-title{margin-top:11px;margin-bottom:21px}.page-title .eyebrow{margin-bottom:7px}.search{display:flex;align-items:center;gap:9px;height:46px;background:#edeee7;border-radius:12px;padding:0 13px;margin-bottom:17px}.search svg{width:18px;height:18px;color:#66736b}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink);font-size:13px}.search input::placeholder{color:#68746c}.search:focus-within{box-shadow:0 0 0 2px var(--green)}.filters{display:flex;gap:7px;margin-bottom:24px}.filters button{border:1px solid #dfe3d9;border-radius:30px;height:36px;flex:1;font-size:12px;padding:0 7px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--green);color:#fffdf4;border-color:var(--green)}.feature{background:#e8ecdf;height:176px;position:relative;border-radius:17px;overflow:hidden;padding:21px;margin-bottom:25px;width:100%;text-align:left;display:block}.feature .landscape{position:absolute;right:-25px;bottom:-30px;width:210px;height:205px;color:#8c9e80;opacity:.9}.feature .tag{font-size:10px;letter-spacing:1px;color:#4e624b;position:relative}.feature h2{font-family:var(--serif);font-size:23px;margin-top:10px;position:relative;line-height:1.35}.feature .feature-bottom{display:flex;align-items:center;gap:9px;position:absolute;bottom:20px;font-size:11px;color:#53654d}.feature .roundplay{display:grid;place-items:center;background:#315c4e;border-radius:50%;width:27px;height:27px;color:#fff}.roundplay svg{width:12px;height:12px}.practice{display:flex;gap:13px;align-items:center;padding:13px 0;min-height:81px;border-bottom:1px solid var(--line);width:100%;text-align:left}.practice-visual{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#e7ece4;position:relative;color:#597460}.practice-visual.sand{background:#eee4d7;color:#9f795d}.practice-visual.lavender{background:#e8e6ed;color:#79718b}.practice-visual svg{width:32px;height:32px;stroke-width:1.2}.practice-text{flex:1}.practice strong{font-size:14px;font-weight:550}.practice p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}.practice .end{color:#647268;width:17px;height:17px}.content-foot{font-size:11px;color:var(--muted);text-align:center;padding:20px 0}.empty{padding:35px 12px;text-align:center;line-height:1.8;color:var(--muted)}.empty button{font-weight:600;text-decoration:underline;min-height:44px}.breath-page{background:#e9eee4;min-height:100dvh;overflow:hidden;position:relative}.breath-page .content{padding-bottom:36px}.breath-header{display:flex;align-items:center;justify-content:space-between;height:52px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.icon-btn svg{width:21px;height:21px}.breath-header span{font-size:12px;font-weight:500;letter-spacing:1px}.breath-heading{text-align:center;margin-top:30px}.breath-heading .eyebrow{font-size:10px;letter-spacing:2px}.breath-heading h1{font-family:var(--serif);font-size:26px;letter-spacing:.5px}.breath-heading p{margin-top:11px;color:#52674f;font-size:12px;letter-spacing:.2px}.orb-area{height:321px;position:relative;display:grid;place-items:center;margin-top:13px}.orb-ring{position:absolute;width:278px;height:278px;border:1px solid #b8c6ae;border-radius:50%}.orb-ring.two{width:232px;height:232px;border-color:#bccab5}.orb{height:190px;width:190px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f9faef 0,#e1e9cf 49%,#c6d4b8 100%);box-shadow:inset 0 0 25px #edf2df88,0 18px 45px #6a825d16;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.orb::before{content:"";position:absolute;top:-23px;left:50%;height:6px;width:6px;border-radius:50%;background:#6a8359}.orb h2{font-family:var(--serif);font-size:28px;letter-spacing:5px;margin-left:5px}.orb p{font-size:10px;color:#566b4a;letter-spacing:1.6px;margin-top:10px}.orb-count{position:absolute;bottom:11px;font-size:12px;color:#52674f;letter-spacing:.5px}.progress-line{height:3px;border-radius:5px;background:#cdd7c4;overflow:hidden;margin-top:16px}.progress-line span{height:100%;display:block;background:#476a42;width:33%;border-radius:5px}.timer-meta{display:flex;justify-content:space-between;font-size:11px;color:#52674f;margin-top:11px;align-items:center;font-variant-numeric:tabular-nums}.timer-meta strong{font-size:17px;letter-spacing:1px;font-weight:500;color:var(--ink)}.breath-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:24px}.pause-btn{height:62px;width:62px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center}.pause-btn svg{width:22px;height:22px}.breath-controls .icon-btn{color:#52674f}.end-btn{display:block;margin:14px auto 0;min-height:44px;font-size:12px;color:#52674f;text-decoration:underline;text-underline-offset:4px}.breath-page .homebar{background:#3d583b}.orb-area.running .orb{animation:breathing 12s ease-in-out infinite}.orb-area.running .orb-ring.two{animation:ring 12s ease-in-out infinite}.orb-area.paused *{animation-play-state:paused}.orb-area.still *{animation:none!important}@keyframes breathing{0%,100%{transform:scale(.86)}33%,66%{transform:scale(1.08)}}@keyframes ring{0%,100%{opacity:.5}33%,66%{opacity:1}}.profile-top{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.profile-top .eyebrow{margin-bottom:7px}.profile-top h1{font-family:var(--serif);font-size:29px;font-weight:600}.profile-top .avatar{width:44px;height:44px;font-family:var(--serif);font-size:19px}.week-summary{margin-top:22px;background:var(--green);border-radius:18px;color:#fffdf3;padding:23px;position:relative;overflow:hidden}.week-summary .small-leaf{position:absolute;right:20px;top:23px;width:46px;height:46px;color:#b2c6a1;stroke-width:.9;opacity:.6}.week-summary .overline{font-size:11px;color:#dde8d7;letter-spacing:.7px}.week-summary h2{font-family:var(--serif);font-size:24px;margin-top:10px;font-weight:500;letter-spacing:1px}.week-summary h2 em{font-family:Georgia,serif;font-style:normal;font-size:35px;margin-right:5px}.week-summary p{font-size:11px;color:#dde8d7;margin-top:10px}.week-dots{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.week-day{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:9px;color:#dae5d5}.day-dot{width:24px;height:24px;border-radius:50%;border:1px solid #a1b29c;display:grid;place-items:center}.day-dot.on{background:#e7eedc;border-color:#e7eedc;color:#315c4e}.day-dot svg{width:12px;height:12px}.week-day.current .day-dot{outline:1px solid #e7eedc;outline-offset:3px}.stats-row{display:flex;padding:20px 0 22px;margin-bottom:17px;border-bottom:1px solid var(--line)}.stat{flex:1;border-right:1px solid var(--line);padding-left:20px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.5px}.stat small{font-size:11px;color:var(--muted);margin-left:5px}.stat p{font-size:11px;color:var(--muted);margin-top:7px}.chart-card{background:#fffdf8;border:1px solid var(--line);border-radius:15px;padding:16px;margin-top:6px}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head h2{font-size:14px}.chart-head span{font-size:10px;color:var(--muted)}.chart{display:block;width:100%;height:125px;margin-top:9px}.chart-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;line-height:1.6}.journal-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-top:16px;padding:14px 0;border-bottom:1px solid var(--line)}.journal-link .text{flex:1}.journal-link strong{font-size:13px;font-weight:550}.journal-link small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.journal-link svg{width:20px;height:20px}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%,10px);max-width:calc(100% - 40px);border-radius:12px;background:#243e37;color:#fffdf3;padding:13px 18px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;text-align:center;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(100% - 32px,390px);border:0;padding:25px;background:var(--paper);border-radius:22px;color:var(--ink);box-shadow:0 20px 80px #162a3530}dialog::backdrop{background:#1c312c55}dialog h2{font-size:21px;font-family:var(--serif);margin:0 0 13px}dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:20px}dialog .actions{display:flex;gap:10px}.primary,.secondary{min-height:47px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:550;font-size:13px;padding:0 20px}.primary{background:var(--green);color:var(--white)}.secondary{border:1px solid #cad1c2;background:var(--white)}dialog .actions button{flex:1}.mood-options{display:flex;gap:6px;margin:18px 0}.mood-options button{border-radius:10px;border:1px solid #d7dece;min-height:48px;font-size:12px;flex:1;padding:5px}.mood-options button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.mood-options button:focus-visible{outline-offset:1px}.editor-head{display:flex;align-items:center;justify-content:space-between;height:53px;margin-bottom:28px}.editor-head .text-btn{font-size:14px}.editor-heading{font-family:var(--serif);font-size:29px;line-height:1.6;margin-top:14px}.prompt-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:7px}.prompt-label svg{width:16px;height:16px}.editor textarea{width:100%;height:250px;border:0;resize:vertical;background:transparent;line-height:1.9;font-size:16px;color:var(--ink);margin-top:22px;outline:0;padding:0}.editor textarea::placeholder{color:#6d7b70}.editor-hint{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:15px}.editor .primary{width:100%;margin-top:24px}.success-wrap{text-align:center;padding-top:64px}.success-mark{width:90px;height:90px;border-radius:50%;background:#e4ebdb;margin:0 auto 28px;display:grid;place-items:center}.success-mark svg{width:38px;height:38px;stroke-width:1.3}.success-wrap h1{font-family:var(--serif);font-size:29px;line-height:1.6;font-weight:500}.success-wrap>p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:13px}.success-stat{margin-top:28px;padding:22px;background:#edeee6;border-radius:14px;display:flex;justify-content:space-around}.success-stat strong{font-size:23px;font-weight:500}.success-stat p{font-size:11px;color:var(--muted);margin-top:7px}.success-wrap .primary{width:100%;margin-top:28px}.success-wrap .text-btn{margin:7px auto}.session-setup .orb-area{height:280px}.duration-options{display:flex;gap:10px;margin-top:26px}.duration-options button{flex:1;border:1px solid #b5c4aa;border-radius:12px;min-height:46px;font-size:13px}.duration-options button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.session-setup .primary{width:100%;margin-top:20px}.session-setup .setting-note{text-align:center;font-size:11px;color:#52674f;margin-top:15px}.session-setup .breath-heading{margin-top:24px}.session-setup .orb h2{font-size:24px;letter-spacing:2px}.session-setup .orb p{letter-spacing:0;font-size:11px}.note-list{font-size:13px;line-height:1.8;padding:10px 0;color:var(--muted)}.note-list b{display:block;color:var(--ink);font-weight:550;margin-bottom:5px}.note-list+ .note-list{border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:350px){.content{padding-left:18px;padding-right:18px}.filters{gap:4px}.filters button{padding:0 4px}.hero{padding-left:20px}.hero .hero-cta{left:20px}.orb-ring{width:258px;height:258px}.orb-ring.two{width:222px;height:222px}}

/* Keep phone content scrollable without a desktop scrollbar inside the design frame. */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.thought>span{margin-top:0}.thought .thought-icon{margin-top:0}.thought{margin-top:15px}.practice{padding-top:11px;padding-bottom:11px}.hero{margin-bottom:22px}.hero-cta{min-height:44px}.filters button{min-height:44px}.filters{margin-bottom:20px}.avatar{min-width:44px;min-height:44px}.breath-controls .icon-btn{border:1px solid #c6d1be}.nav a{position:relative}.nav a.active::before{top:-9px}

.practice-visual{width:56px;height:56px}.practice{padding-top:10px;padding-bottom:10px;min-height:77px}

[hidden]{display:none!important}