:root{color-scheme:light;--paper:#f3f0e8;--ink:#24221d;--muted:#817e75;--line:#dcd8ce;font-family:"Songti SC","Noto Serif CJK SC","STSong","SimSun",serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html,body{overscroll-behavior-y:none;overscroll-behavior:none;touch-action:pan-y}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #615c51;outline-offset:7px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}main{max-width:520px;margin:0 auto}h1,h2,p{margin:0}button{touch-action:manipulation}.breathing{position:relative;min-height:780px;height:100svh;max-height:1050px;display:flex;align-items:center;flex-direction:column;padding:calc(66px + env(safe-area-inset-top)) 28px 0}.breathing h1{font-weight:400;font-size:17px;letter-spacing:.16em;color:#aaa69c;text-align:center;line-height:1.8;max-width:100%;overflow-wrap:anywhere}.breathing h1 span{color:#78756d}.orb-area{position:absolute;top:40.5%;left:50%;width:min(82vw,360px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.orb{width:100%;height:100%;position:relative;border-radius:50%;display:grid;place-items:center}.countdown-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.countdown-track,.countdown-progress{fill:none;stroke-width:.85}.countdown-track{stroke:#e1ded6}.countdown-progress{stroke:#939087;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:butt}.orb-glow{width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(43,42,37,.68) 0%,rgba(54,52,46,.54) 22%,rgba(75,72,63,.3) 42%,rgba(113,108,95,.1) 59%,rgba(243,240,232,0) 74%);filter:blur(15px);transform:scale(.24);opacity:.55;will-change:transform,opacity;pointer-events:none}.guidance{position:absolute;top:62%;text-align:center;color:var(--muted);scroll-margin-top:calc(28px + env(safe-area-inset-top))}#phase{font-size:19px;letter-spacing:.32em;padding-left:.32em;line-height:1.5}#countdown{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:300;letter-spacing:.16em;color:#aaa69b;margin-top:13px;min-height:16px;font-variant-numeric:tabular-nums}.choices{position:absolute;top:77%;display:flex;align-items:center;flex-direction:column;width:calc(100% - 56px)}.pill{min-height:68px;width:174px;border:0;border-radius:100px;background:var(--ink);color:var(--paper);font-size:21px;letter-spacing:.25em;padding:15px 20px 15px 25px;transition:opacity .65s,transform .65s,background .2s}.pill:not(:disabled):active{background:#464238;transform:scale(.97)}.text-button{border:0;background:transparent;color:var(--muted);font-size:14px;letter-spacing:.15em;text-decoration:underline;text-decoration-color:#bcb7ab;text-underline-offset:5px;padding:12px 8px;min-height:44px}.choices>.text-button{margin-top:22px}.reveal{opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .65s,transform .65s,visibility .65s}.reveal.visible{opacity:1;visibility:visible;transform:translateY(0)}.pill.selected{font-size:17px;letter-spacing:.12em}.choices>.text-button.selected{color:var(--ink)}#feedback{font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-align:center;font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:310px}.recovery{display:flex;gap:14px}.recovery button{font-size:12px;letter-spacing:0}.scroll-hint{position:absolute;bottom:12px;display:flex;align-items:center;gap:10px;color:#a7a195;font-size:10px;letter-spacing:.2em}.scroll-hint span{height:18px;width:1px;background:#cfc9bd}.stats{padding:58px 34px 32px;border-top:1px solid var(--line);margin:0 24px}.stats-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stats h2{font-size:18px;font-weight:400;letter-spacing:.08em}#week-range{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;color:#918c80;white-space:nowrap;font-variant-numeric:tabular-nums}.stats-summary{font-size:13px;color:var(--muted);margin-top:14px;letter-spacing:.04em;line-height:1.8}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:37px 0 38px}.metrics>div{display:flex;flex-direction:column;gap:10px}.metrics>div+div{border-left:1px solid var(--line);padding-left:30px}.metrics strong{font-family:"Baskerville","Times New Roman",serif;font-size:50px;font-weight:400;line-height:1;font-variant-numeric:lining-nums}.metrics>div+div strong{color:#9d978b}.metrics span{font-size:12px;letter-spacing:.13em;color:var(--muted)}.chart{height:121px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}.day{display:flex;align-items:center;flex-direction:column;gap:12px;height:100%;justify-content:flex-end}.bar-area{height:90px;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}.bar{width:13px;flex-shrink:0}.bar.give-up{background:#656157;border-radius:3px 3px 0 0}.bar.continued{background:#d5cfc2}.bar.empty{background:var(--line);height:2px;border-radius:1px}.day-label{font-size:11px;color:#a39d90;line-height:19px;min-width:19px;text-align:center}.day.today .day-label{color:var(--paper);background:#777266;border-radius:50%}.legend{display:flex;gap:19px;justify-content:center;margin-top:23px;font-size:11px;color:#938c7e}.legend>span{display:flex;align-items:center;gap:6px}.dot{height:5px;width:5px;border-radius:50%;display:inline-block}.dot.dark{background:#656157}.dot.light{background:#d5cfc2}.stats-note{font-size:11px;color:#a29b8e;text-align:center;margin-top:29px;line-height:1.9}footer{text-align:center;padding:24px 16px calc(40px + env(safe-area-inset-bottom));font-size:11px;letter-spacing:.12em;color:#a9a293}footer span{margin:0 7px}.demo-label{position:absolute;top:17px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;letter-spacing:.1em;color:#a9a293}.no-script{position:fixed;bottom:0;padding:20px;background:var(--paper);border-top:1px solid var(--line);font-size:14px;width:100%;text-align:center}.error-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;gap:24px;text-align:center}.error-page h1{font-size:24px;color:var(--muted);font-weight:400;letter-spacing:.25em}.error-page p{font-size:15px;line-height:1.9}.error-page .muted{color:var(--muted);font-size:13px}.small-orb{width:110px;height:110px;border:1px solid #98968e;border-radius:50%;margin-bottom:20px;background:radial-gradient(circle,#c9c5b9,transparent 65%)}
@media(min-width:700px){.breathing{min-height:790px;max-height:900px}.stats{padding-top:48px}}@media(max-width:360px){.stats{padding:40px 18px 25px}.breathing{padding-left:20px;padding-right:20px}.stats h2{font-size:16px}.chart{gap:8px}}@media(prefers-reduced-motion:reduce){.orb-glow{will-change:auto;transform:scale(.7);opacity:.8}.reveal{transform:none;transition:opacity .1s}.pill{transition:none}}