:root{--ground: #F2F3F1;--ground-alt: #EAEBE8;--track: #ECEEEB;--surface: #FFFFFF;--ink: #161B21;--ink-deep: #0D1115;--muted: #6A7079;--muted-2: #8A9098;--faint: #9AA0A6;--accent: #F25C05;--confirm: #1E7A38;--confirm-hover: #186630;--amber: #E0A100;--red: #C0392B;--hairline: rgba(22, 27, 33, .06);--divider: rgba(22, 27, 33, .08);--font-body: "Barlow", sans-serif;--font-display: "Barlow Condensed", sans-serif;--font-mono: "IBM Plex Mono", monospace;--card-shadow: 0 1px 2px rgba(22, 27, 33, .04);--bar-shadow: 0 1px 3px rgba(22, 27, 33, .05);--chip-shadow: 0 1px 2px rgba(22, 27, 33, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}@keyframes wp-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wp-tick{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wp-slide{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{display:flex;flex-direction:column;height:100%}.header{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff12;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;display:flex;align-items:center;gap:12px;flex-shrink:0}.app-icon{width:30px;height:30px;background:var(--ink-deep);border-radius:8px;display:grid;place-items:center;flex-shrink:0}.app-icon:after{content:"";width:12px;height:12px;background:var(--accent);border-radius:3px;transform:rotate(45deg)}.wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.065em;line-height:1.1}.wordmark small{display:block;font-family:var(--font-mono);font-weight:400;font-size:9px;letter-spacing:.3em;color:#7c838c}.header-meta{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:#b9bec5}.header-date{letter-spacing:.08em;text-transform:uppercase}.sync-chip{display:flex;align-items:center;gap:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#d7dbdf}.substrip{display:flex;gap:14px;padding:6px 16px;background:var(--ink);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#7c838c;border-bottom:1px solid rgba(255,255,255,.05)}.substrip b{color:#d7dbdf;font-weight:500}.body{flex:1;display:flex;min-height:0}.main{flex:1;overflow-y:auto;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 90px)}@media(min-width:880px){.main{padding:32px}.main>.page{max-width:720px;margin:0 auto}}.led{width:10px;height:10px;border-radius:50%;flex-shrink:0}.led.pulse{animation:wp-pulse 1.4s ease-in-out infinite}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--hairline);display:flex;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:20}.tabbar button{flex:1;background:none;border:none;padding:9px 0 2px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.tabbar button.active{color:var(--accent)}.sidebar{display:none;width:210px;background:var(--ground-alt);border-right:1px solid var(--hairline);padding:22px 12px;flex-direction:column;gap:2px;flex-shrink:0}.sidebar .eyebrow{padding:0 10px 10px}.sidebar button{display:flex;align-items:center;gap:10px;border:none;background:transparent;border-radius:8px;border-left:3px solid transparent;padding:9px 12px;color:var(--muted);font-weight:500;font-size:14px;text-align:left}.sidebar button svg{color:var(--faint)}.sidebar button:hover{background:#ffffff8c}.sidebar button.active{background:var(--surface);box-shadow:var(--chip-shadow);color:var(--ink);border-left-color:var(--accent)}.sidebar button.active svg{color:var(--ink)}.sidebar-foot{margin-top:auto;padding:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--faint);line-height:1.8}@media(min-width:880px){.tabbar{display:none}.sidebar{display:flex}.main{padding-bottom:32px}}.page-title{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0;line-height:1.1}@media(min-width:880px){.page-title{font-size:30px}}.page-sub{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);margin:4px 0 0}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:10px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--divider)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:18px;box-shadow:var(--card-shadow);padding:16px 18px}@media(min-width:880px){.card{padding:20px 22px}}.card.slide-in{animation:wp-slide .3s ease-out}.mono{font-family:var(--font-mono)}.mono-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}.btn{border:none;border-radius:12px;padding:11px 17px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s ease-out,opacity .15s ease-out}.btn:disabled{opacity:.5;cursor:default}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 1px 2px #161b2126}.btn-accent:hover:not(:disabled){background:#ff6a12}.btn-confirm{background:var(--confirm);color:#fff}.btn-confirm:hover:not(:disabled){background:var(--confirm-hover)}.btn-ghost{background:var(--surface);border:1px solid var(--divider);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--ground)}.btn-danger{background:var(--surface);border:1px solid var(--red);color:var(--red)}.pill{font-family:var(--font-mono);font-size:12px;background:var(--ground);border:none;border-radius:8px;padding:4px 9px;color:var(--muted)}.checkrow{display:flex;align-items:flex-start;gap:11px;padding:7px 0;cursor:pointer}.checkbox{width:22px;height:22px;border:1.5px solid #C4C8C2;border-radius:8px;background:var(--surface);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:border-color .15s ease-out}.checkrow:hover .checkbox{border-color:var(--ink)}.checkbox.checked{border:none;background:var(--confirm)}.checkbox.checked svg{animation:wp-tick .2s ease-out;color:#fff}.checkrow .txt{flex:1;line-height:1.4}.checkrow .txt.done{color:var(--faint);text-decoration:line-through}.segmented{display:inline-flex;background:var(--track);border-radius:13px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;border-radius:10px;padding:7px 14px;font-weight:600;font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--chip-shadow)}.input,textarea.input{width:100%;background:#f7f8f6;border:1px solid var(--hairline);border-radius:14px;padding:12px 14px;font-size:16px;outline:none;resize:none;line-height:1.45}.input:focus{border-color:var(--muted-2)}.input::placeholder{color:var(--faint)}.empty-state{text-align:center;padding:44px 20px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--faint);line-height:2}.progress-track{height:4px;background:var(--track);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease-out}.signin{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:center}.signin .big-icon{width:64px;height:64px;background:var(--ink);border-radius:16px;display:grid;place-items:center}.signin .big-icon:after{content:"";width:26px;height:26px;background:var(--accent);border-radius:6px;transform:rotate(45deg)}.signin h1{font-family:var(--font-display);font-weight:700;font-size:38px;margin:0}.signin .tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--muted);max-width:340px;line-height:1.9}.md-note{line-height:1.55}.md-note>:first-child{margin-top:0}.md-note>:last-child{margin-bottom:0}.md-note h1,.md-note h2,.md-note h3{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:.9em 0 .35em}.md-note h1{font-size:19px}.md-note h2{font-size:17px}.md-note h3{font-size:15px}.md-note p{margin:.45em 0}.md-note ul,.md-note ol{margin:.45em 0;padding-left:22px}.md-note li{margin:.2em 0}.md-note code{font-family:var(--font-mono);font-size:13px;background:var(--ground);padding:1px 5px;border-radius:4px}.md-note pre{background:var(--ground);border-radius:8px;padding:10px 12px;overflow-x:auto}.md-note pre code{background:none;padding:0}.md-note blockquote{margin:.45em 0;padding-left:12px;border-left:3px solid var(--divider);color:var(--muted)}.md-note a{color:var(--accent)}.md-note table{border-collapse:collapse;font-size:14px}.md-note th,.md-note td{border:1px solid var(--divider);padding:4px 9px;text-align:left}.md-note input[type=checkbox]{margin-right:6px}.md-note hr{border:none;border-top:1px solid var(--divider);margin:.8em 0}.sheet-backdrop{position:fixed;inset:0;background:#0d111559;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--ground);border-radius:24px 24px 0 0;width:100%;max-width:640px;max-height:86vh;overflow-y:auto;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 20px)}@media(min-width:880px){.sheet-backdrop{align-items:center}.sheet{border-radius:22px;padding:26px}}