:root{color-scheme:light;--bg:#F7F6F2;--surface:#FFFFFF;--text:#26332C;--muted:#657068;--accent:#566C5E;--on-accent:#FFFFFF;--line:#DBE0D8;--danger:#974D45;--soft:#EDEFE9;--ring-a:#E2E8DA;--ring-b:#8B9E83;--ring-c:#BCD0B2;--shadow:rgba(53,70,48,.08);--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC",sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg:#131816;--surface:#1D2521;--text:#E6ECE6;--muted:#ACB8AE;--accent:#B7C8B6;--on-accent:#18221B;--line:#354139;--danger:#E7A79C;--soft:#242E27;--ring-a:#879D83;--ring-b:#415A46;--ring-c:#A0B09A;--shadow:rgba(0,0,0,.15)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button,a,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{min-height:48px}p{overflow-wrap:anywhere}.serif{font-family:var(--serif);font-weight:400}.subtle{color:var(--muted);font-size:.9375rem;line-height:1.85}.tiny{color:var(--muted);font-size:.8125rem;line-height:1.8}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--muted)}.app{max-width:608px;padding:24px 32px 0;margin:0 auto;min-height:100dvh;transition:background .25s,color .25s}.screen{min-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding-bottom:max(18px,env(safe-area-inset-bottom));position:relative}.top{display:flex;justify-content:space-between;align-items:center;min-height:56px;flex-shrink:0}.brand{font-size:2.25rem;letter-spacing:.2em;display:flex;align-items:center;gap:18px}.brand-caption{font:9px var(--sans);letter-spacing:.18em;writing-mode:vertical-rl;opacity:.7}.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:26px;flex-shrink:0}.icon:hover{background:var(--soft)}.header-spacer{width:48px}.toplabel{font-size:.875rem;letter-spacing:.08em}.home-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 0 32px;gap:24px}.jade-scene{position:relative;width:264px;height:264px;display:grid;place-items:center;flex-shrink:0}.aura{position:absolute;inset:-15%;background:radial-gradient(ellipse,rgba(132,158,114,.1),transparent 66%);pointer-events:none}.jade-ring{position:absolute;width:89%;height:89%;border-radius:50%;background:conic-gradient(from 28deg,var(--ring-a),var(--ring-c) 18%,var(--ring-b) 38%,var(--ring-c) 59%,var(--ring-a) 75%,var(--ring-b) 94%,var(--ring-a));box-shadow:inset 0 1px 3px #ffffff6b,inset 0 -2px 8px #334a2b29,0 14px 30px var(--shadow);transform:rotate(-18deg);pointer-events:none}.jade-ring:before{content:"";position:absolute;inset:13%;border-radius:50%;background:var(--bg);box-shadow:0 1px 3px #ffffff47,inset 0 4px 10px var(--shadow)}.jade-ring:after{content:"";position:absolute;inset:3.5%;border:1px solid rgba(255,255,255,.16);border-radius:50%}.center-mark{width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.5;pointer-events:none}.home-copy{text-align:center}.home-copy .eyebrow{display:block;margin:1px 0 20px}.home-copy h1{font-size:2.45rem;line-height:1.55;letter-spacing:.075em}.home-copy p{margin-top:20px;font-size:.875rem;line-height:1.95}.home-actions{display:grid;gap:5px;width:min(100%,320px);align-self:center}.primary,.secondary,.danger-button{min-height:52px;padding:13px 24px;border-radius:28px;font-size:.9375rem;display:flex;justify-content:center;align-items:center;gap:12px;transition:filter .18s,background .18s}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{filter:brightness(.94)}.secondary{border:1px solid var(--accent);color:var(--accent)}.danger-button{background:var(--danger);color:var(--bg);margin-top:24px}.textbutton{min-height:50px;padding:10px 12px;font-size:.9375rem}.wide{width:100%;margin-top:12px}.bottom-nav{display:flex;justify-content:center;min-height:78px;align-items:end;padding-top:18px}.plain{display:flex;gap:9px;align-items:center;justify-content:center;padding:8px 18px;font-size:.875rem}.bottom-nav svg{width:18px}.practice-screen{display:flex;flex-direction:column;flex:1}.practice-core{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 0 16px}.phase-header{text-align:center;min-height:124px}.phase-title{font-size:1.875rem;letter-spacing:.08em;margin-top:12px;line-height:1.5}.phase-time{min-height:24px;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px}.pad{position:relative;width:272px;height:272px;display:grid;place-items:center;padding:0;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;flex-shrink:0}.pad .jade-ring{width:100%;height:100%;transform:scale(.8);will-change:transform}.pad .jade-ring:before{inset:13%}.pad .aura{inset:-4%}.tap-label{position:absolute;z-index:1;font-size:.875rem;pointer-events:none;letter-spacing:.08em}.pad:has(.tap-label) .center-mark{display:none}.phase-track{display:flex;gap:13px;height:28px;align-items:center;margin-top:8px}.phase-track span{width:20px;height:3px;background:var(--line);border-radius:2px}.phase-track .active{height:4px;background:var(--accent)}.instruction{min-height:56px;max-width:320px;display:flex;align-items:center;text-align:center;font-size:.875rem;margin-top:8px}.action-slot{min-height:64px;display:grid;place-items:center}.small-btn{min-height:48px;border:1px solid var(--accent);border-radius:25px;padding:8px 24px;color:var(--accent);font-size:.875rem}.practice-footer{width:min(100%,340px);align-self:center;display:grid;gap:6px;padding-bottom:12px}.jade-scene.small{width:148px;height:148px;opacity:.76}.sitting-content{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:28px;text-align:center;padding:60px 0}.sitting-content h1{font-size:1.625rem;letter-spacing:.04em}.sitting-content p{font-size:.875rem}.time-peek{min-width:160px;font-size:.875rem;font-variant-numeric:tabular-nums}.practice-toolbar,.time-peek{transition:opacity .7s}.dimmed .practice-toolbar,.dimmed .time-peek{opacity:.18}.dimmed .sitting-content{opacity:.65}.dimmed:focus-within .practice-toolbar{opacity:1}.pause-content{max-width:380px;margin:auto;display:flex;flex-direction:column;align-items:center;padding:38px 0}.pause-content h1{font-size:1.8rem;margin:20px 0 12px}.pause-content>p{text-align:center}.pause-content .choice,.pause-content .setting-line{width:100%}.pause-content .primary{margin-top:26px}.heading-block{padding:38px 0 18px}.heading-block h1{font-size:2rem;letter-spacing:.09em;margin-top:12px}.heading-block p{margin-top:12px}.metrics{display:flex;align-items:baseline;gap:16px;padding:8px 0 15px}.bigtime{font-size:2.625rem;font-weight:300;letter-spacing:.045em;font-variant-numeric:tabular-nums}.metrics .subtle{font-size:.8125rem}.metric-row{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.875rem;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line)}.note-label{margin:25px 0 12px;font-size:.875rem}.note{border:0;background:transparent;resize:vertical;min-height:210px;width:100%;padding:8px 0;line-height:2.05;font-size:1.0625rem;border-radius:8px}.note::placeholder{color:var(--muted)}.save-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0 18px;font-size:.75rem}.save-line .subtle{font-size:.75rem}.details{border-top:1px solid var(--line);margin-top:32px}.details summary{min-height:56px;cursor:pointer;padding:16px 0;font-size:.875rem}.details summary span{float:right;color:var(--muted)}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.8125rem;white-space:nowrap}td,th{font-weight:400;text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted)}.details>p{margin:14px 0}.export-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:12px}.export-row button{font-size:.8125rem;padding:10px}.danger{color:var(--danger)}.privacy-note{text-align:center;margin:12px 0}.month-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;border-bottom:1px solid var(--line);padding:14px 0}.month-filter select{background:transparent;border:0;min-height:48px;padding:0 10px}.day-heading{font-size:.875rem;letter-spacing:.02em;margin-top:30px;color:var(--muted)}.record{width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.record-head{display:flex;justify-content:space-between;font-size:1rem;gap:12px}.record-types{display:flex;gap:12px;font-size:.75rem;color:var(--muted);margin-top:5px}.record-note{font-size:.9375rem;color:var(--muted);margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:55px 0;gap:12px}.empty h2{font-size:1.5rem;margin-top:18px}.empty .primary{margin-top:20px;min-width:210px}.section-label{font-size:.8125rem;color:var(--muted);margin:22px 0 10px}.segmented{display:flex;background:var(--soft);border-radius:26px;padding:4px;gap:3px}.segmented button{flex:1;border-radius:24px;min-height:48px;font-size:.875rem;padding:6px}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 6px var(--shadow)}.setting-line{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.9375rem;border-bottom:1px solid var(--line)}.setting-line>div{padding:12px 0}.setting-line .tiny{margin-top:4px;max-width:370px}.switch{flex-shrink:0;display:grid;place-items:center;padding:0 3px;min-width:56px}.switch-track{width:42px;height:24px;border-radius:20px;background:var(--line);border:1px solid var(--muted);display:block;padding:2px;transition:background .2s}.switch-track>span{width:18px;height:18px;border-radius:50%;display:block;background:var(--muted);transition:transform .2s}.switch[aria-checked=true] .switch-track{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true] .switch-track>span{background:var(--on-accent);transform:translate(18px)}.section-title{font-size:1rem;margin:34px 0 12px}.section-title~.subtle{margin-bottom:12px}.file-button{position:relative;overflow:hidden;cursor:pointer;margin-top:12px}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}.row{display:flex;gap:12px}.row>*{flex:1}.row .secondary{padding-left:8px;padding-right:8px}.link-row{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:.875rem;text-align:left;border-bottom:1px solid var(--line);margin-bottom:15px}.install-title{font-size:.875rem;margin:20px 0 10px}.version{text-align:center;color:var(--muted);font-size:.75rem;letter-spacing:.09em;margin:35px 0 10px}.sheet{background:var(--surface);color:var(--text);width:min(470px,calc(100% - 32px));max-height:88dvh;padding:24px 28px 28px;border:0;border-radius:26px;box-shadow:0 24px 90px #00000024}.sheet::backdrop{background:#141e174d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sheet-head h2{font-size:1.625rem;letter-spacing:.03em}.sheet-head .icon{margin-right:-12px}.sheet .jade-ring:before{background:var(--surface)}.steps{margin:20px 0}.step{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.step-index{font:1rem/1.6 Georgia,serif;color:var(--muted);padding-top:2px}.step strong{font-size:.9375rem;font-weight:500}.step p{font-size:.8125rem;color:var(--muted);margin-top:4px;line-height:1.8}.notice{padding:14px 16px;border-radius:13px;background:var(--soft);color:var(--muted);font-size:.8125rem;line-height:1.85;margin:16px 0}.recovery{padding:16px 18px;margin-top:20px;border:1px solid var(--line);border-radius:16px}.recovery p{font-size:.9375rem}.recovery button{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.trial-pad{display:flex;justify-content:center}.trial-title{text-align:center}.toast{position:fixed;z-index:100;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);border-radius:18px;padding:14px 22px;font-size:.8125rem;width:max-content;max-width:min(90%,480px);box-shadow:0 4px 25px var(--shadow)}.import-counts{display:flex;flex-direction:column;gap:12px;margin:24px 0}.import-counts span{display:flex;justify-content:space-between;font-size:.9375rem}.check-line{display:flex;align-items:center;gap:12px;min-height:52px;font-size:.875rem}.check-line input{width:20px;height:20px;accent-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:800px){.app{padding-top:34px}.screen{min-height:calc(100dvh - 34px)}.home-hero{gap:26px;padding-top:34px}.home-copy h1{font-size:2.65rem}.jade-scene{width:280px;height:280px}.bottom-nav{min-height:85px}.app:not(.practicing){max-width:620px}.practice-core{padding-top:38px}.home-actions{width:300px}}@media(max-width:600px){.app{padding:20px 24px 0}.screen{min-height:calc(100dvh - 20px)}.brand-caption{display:none}.brand{font-size:2rem}.home-hero{padding-top:24px;gap:20px}.home-copy h1{font-size:2.125rem;line-height:1.6}.home-copy .eyebrow{margin-bottom:15px}.home-copy p{margin-top:16px}.jade-scene{width:228px;height:228px}.bottom-nav{min-height:67px}.home-actions{width:100%;max-width:310px}.phase-header{min-height:114px}.practice-core{padding-top:20px}.heading-block{padding-top:24px}}@media(max-width:360px){.app{padding-left:20px;padding-right:20px}.pad{width:240px;height:240px}.jade-scene{width:190px;height:190px}.home-copy h1{font-size:1.9rem}.home-hero{gap:14px;padding:18px 0}.phase-title{font-size:1.625rem}.eyebrow{font-size:.75rem}.sheet{padding:20px}.trial-pad .pad{width:224px;height:224px}.phase-header{min-height:108px}}@media(max-height:750px){.home-hero{padding-top:10px;padding-bottom:18px;gap:10px}.home-copy .eyebrow{margin-bottom:10px}.home-copy p{margin-top:10px}.home-hero .jade-scene{width:185px;height:185px}.bottom-nav{min-height:54px}.practice-core{padding-top:10px}.phase-header{min-height:105px}.practice-footer{padding-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.jade-ring{will-change:auto}}