:root{--paper: #f3efe5;--paper-raise: #faf7ef;--paper-sunk: #e9e2d2;--ink: #211f1a;--ink-2: #514d44;--ink-3: #8b8577;--rule: #d3cab5;--rule-soft: #e4ddcc;--cinnabar: #9c3623;--cinnabar-soft: #b9604e;--bamboo: #4a6a51;--measure: 40rem;--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "Noto Serif SC", SimSun, "Times New Roman", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", sans-serif;--num: Georgia, "Songti SC", "Times New Roman", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100vh}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23p)' opacity='0.05'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}.book{max-width:calc(var(--measure) + 4rem);margin:0 auto;padding:0 1.25rem 5rem}.book:before{content:"";position:absolute;top:0;bottom:0;left:3.5rem;width:1px;background:linear-gradient(180deg,transparent,rgba(156,54,35,.28) 12%,rgba(156,54,35,.28) 88%,transparent)}@media (max-width: 720px){.book:before{display:none}}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.9rem 0 1rem;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}.seal{display:grid;place-items:center;width:34px;height:34px;border-radius:3px;background:var(--cinnabar);color:#f6f1e6;font-family:var(--serif);font-size:20px;line-height:1;transform:rotate(-2.5deg);box-shadow:inset 0 0 6px #00000047,0 1px #0000000f;user-select:none}.wordmark{font-family:var(--serif);font-size:1.15rem;letter-spacing:.22em}.wordmark small{display:block;font-family:var(--sans);font-size:.66rem;letter-spacing:.18em;color:var(--ink-3)}nav.tabs{display:flex;flex-wrap:wrap;gap:1.1rem;font-size:.9rem}nav.tabs a{color:var(--ink-2);text-decoration:none;padding-bottom:2px;white-space:nowrap}nav.tabs a:hover{color:var(--ink)}nav.tabs a.on{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}main{padding-top:1.6rem}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.05em;margin:0}h2{font-size:1.1rem;margin-bottom:.75rem}h3{font-size:.95rem;margin-bottom:.5rem}.lede{color:var(--ink-2);font-size:.92rem;margin:.35rem 0 1.4rem}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase}.muted{color:var(--ink-3)}.tnum{font-variant-numeric:tabular-nums}.warn{color:var(--cinnabar)}.good{color:var(--bamboo)}.counter-wrap{display:flex;align-items:baseline;gap:.6rem;padding:.4rem 0 .2rem}.counter{font-family:var(--num);font-size:clamp(4.4rem,26vw,7.5rem);line-height:.82;letter-spacing:-.02em;animation:settle .62s cubic-bezier(.2,.7,.3,1) both}@keyframes settle{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}.counter-unit{font-family:var(--serif);font-size:1.05rem;color:var(--ink-2)}.counter-sub{font-size:.85rem;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:.7rem;margin-top:.2rem}.slip{background:var(--paper-raise);border:1px solid var(--rule);border-radius:2px;padding:1.1rem 1.2rem;margin:0 0 1.2rem}.slip.flat{background:transparent}.slip+.slip{margin-top:0}.stack>*+*{margin-top:1.2rem}.grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:2px;overflow:hidden}@media (max-width: 560px){.grid-2{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--paper-raise);padding:.8rem .9rem}.stat b{display:block;font-family:var(--num);font-size:1.65rem;font-weight:400;line-height:1.15}.stat span{font-size:.75rem;color:var(--ink-3);letter-spacing:.06em}.btn{font-family:var(--serif);font-size:.95rem;letter-spacing:.1em;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:2px;padding:.5rem 1.15rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .14s,color .14s}.btn:hover{background:var(--ink);color:var(--paper)}.btn:active{transform:translateY(1px)}.btn.ghost{border-color:var(--rule);color:var(--ink-2)}.btn.ghost:hover{background:var(--paper-sunk);color:var(--ink)}.btn.red{border-color:var(--cinnabar);color:var(--cinnabar)}.btn.red:hover{background:var(--cinnabar);color:#f6f1e6}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn.big{width:100%;padding:.95rem;font-size:1.15rem}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.linkish:hover{color:var(--cinnabar)}.cal-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.cal-nav{display:flex;gap:.4rem}.cal-nav button{border:1px solid var(--rule);background:var(--paper-raise);color:var(--ink-2);border-radius:2px;width:2rem;height:2rem;cursor:pointer;font-family:var(--serif);line-height:1}.cal-nav button:hover{border-color:var(--ink-3);color:var(--ink)}.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);font-size:.7rem;letter-spacing:.08em;color:var(--ink-3);text-align:center;padding-bottom:.25rem}.cal{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule);background:var(--paper-raise)}.cell{position:relative;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:3.1rem;padding:.2rem .3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;background:none;border-top:0;border-left:0;font:inherit;color:var(--ink)}.cell:hover{background:var(--paper-sunk)}.cell.out{color:var(--rule);cursor:default;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.016) 5px 6px)}.cell.out:hover{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.016) 5px 6px)}.cell .d{font-family:var(--num);font-size:.82rem;color:var(--ink-2);align-self:flex-start}.cell.today{box-shadow:inset 0 0 0 1.5px var(--ink)}.cell.today .d{color:var(--ink);font-weight:700}.cell.sel{background:var(--paper-sunk)}.cell .mark{font-family:var(--serif);font-size:1rem;line-height:1}.cell .dot{width:7px;height:7px;border-radius:50%;background:var(--bamboo)}.cell .x{color:var(--cinnabar)}.cell.missed{background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(33,31,26,.07) 4px 5px)}.cell.pre{background:transparent}.cell.pre .d{color:var(--rule)}.cell .pen{position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:var(--ink-3)}.legend{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.75rem;color:var(--ink-3);margin-top:.7rem}.legend i{display:inline-block;margin-right:.3rem;vertical-align:middle}.legend .l-dot{width:7px;height:7px;border-radius:50%;background:var(--bamboo)}.legend .l-x{font-family:var(--serif);font-style:normal;color:var(--cinnabar);font-size:.95rem}.legend .l-miss{width:11px;height:11px;background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(33,31,26,.28) 3px 4px)}label{display:block;font-size:.8rem;color:var(--ink-2);margin-bottom:.3rem;letter-spacing:.04em}input[type=text],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:.35rem .1rem}input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--ink)}textarea{resize:vertical;min-height:6.5rem}.ruled{line-height:28px;background-image:repeating-linear-gradient(180deg,transparent 0 27px,var(--rule-soft) 27px 28px);padding:2px .15rem 0}fieldset{border:0;margin:0 0 1rem;padding:0}legend,.field-label{font-size:.8rem;color:var(--ink-2);letter-spacing:.04em;margin-bottom:.4rem;display:block}.row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}.pips{display:flex;gap:.45rem}.pip{width:26px;height:26px;border:1px solid var(--ink-3);border-radius:50%;background:transparent;cursor:pointer;padding:0;position:relative}.pip:hover{border-color:var(--ink)}.pip.on{border-color:var(--ink);background:var(--ink)}.pip-scale{display:flex;justify-content:space-between;width:100%;font-size:.7rem;color:var(--ink-3);margin-top:.25rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.8rem;padding:.18rem .6rem;border:1px solid var(--rule);border-radius:2px;background:var(--paper-raise);color:var(--ink-2);cursor:pointer}.tag:hover{border-color:var(--ink-3)}.tag.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.msg{font-size:.85rem;margin-top:.6rem}.msg.err{color:var(--cinnabar)}.msg.ok{color:var(--bamboo)}.chart{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart svg{display:block}.heat-scroll{max-height:60vh;overflow-y:auto;border:1px solid var(--rule);background:var(--paper-raise);padding:.6rem}.bars{display:grid;gap:.4rem}.bar-row{display:grid;grid-template-columns:6.5rem 1fr 2rem;align-items:center;gap:.6rem;font-size:.82rem}.bar-track{display:block;height:9px;background:var(--paper-sunk);border-radius:1px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--ink);opacity:.72}.bar-fill.red{background:var(--cinnabar);opacity:.85}.sheet-back{position:fixed;inset:0;background:#211f1a57;z-index:40;display:flex;justify-content:flex-end;animation:fade .16s ease-out both}@keyframes fade{0%{opacity:0}}.sheet{width:min(30rem,92vw);height:100%;overflow-y:auto;background:var(--paper);border-left:1px solid var(--rule);padding:1.2rem 1.3rem 3rem;animation:slide .22s cubic-bezier(.2,.7,.3,1) both}@keyframes slide{0%{transform:translate(18px);opacity:.6}}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:.6rem;margin-bottom:1rem}.sos-stage{display:grid;place-items:center;text-align:center;padding:2rem 0}.breath{position:relative;width:min(58vw,240px);aspect-ratio:1;display:grid;place-items:center}.breath span{position:absolute;inset:0;border:1px solid var(--rule);border-radius:50%}.breath span:nth-child(1){inset:22%}.breath span:nth-child(2){inset:11%}.breath .core{position:static;width:46%;height:46%;inset:auto;border-radius:50%;background:radial-gradient(circle at 38% 34%,#6d8a74,var(--bamboo) 70%);opacity:.9}.cue{font-family:var(--serif);font-size:1.5rem;letter-spacing:.3em;margin-right:-.3em;margin-top:1.4rem}.countdown{font-family:var(--num);font-size:3rem;line-height:1}.tasks li{margin-bottom:.5rem}.tasks{list-style:none;padding:0;margin:0;counter-reset:t}.tasks li:before{counter-increment:t;content:counter(t);font-family:var(--num);color:var(--cinnabar);margin-right:.6rem}.hr{border:0;border-top:1px solid var(--rule);margin:1.4rem 0}.reveal>*{animation:rise .42s cubic-bezier(.2,.7,.3,1) both}.reveal>*:nth-child(1){animation-delay:30ms}.reveal>*:nth-child(2){animation-delay:90ms}.reveal>*:nth-child(3){animation-delay:.15s}.reveal>*:nth-child(4){animation-delay:.21s}.reveal>*:nth-child(5){animation-delay:.27s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.center{text-align:center}.mt-0{margin-top:0}.mb-1{margin-bottom:1rem}