:root{--bg:#f5f5f0;--bg-raise:#fff;--border:#000;--text:#000;--text-dim:#333;--muted:#777;--accent:#000;--accent-dim:#333;--green:#06d6a0;--amber:#ffe066;--red:#ff6b6b;--blue:#4361ee;--purple:#9b5de5;--orange:#ff9f43;--cyan:#00cec9;--pink:#ff6b9d;--shadow:4px 4px 0 #000;--shadow-sm:2px 2px 0 #000;--border-w:3px;--radius:6px}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-latin.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;line-height:1.5}a{color:var(--text);border-bottom:2px solid var(--border);font-weight:600;text-decoration:none;transition:background .1s,box-shadow .1s}a:hover{background:var(--amber);box-shadow:var(--shadow-sm)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3}h1{font-size:clamp(1.5rem,1rem + 2vw,2.25rem)}h2{font-size:clamp(1.25rem,.875rem + 1.5vw,1.75rem)}h3{font-size:1.125rem}:focus-visible{outline:2px solid var(--text);outline-offset:2px}button:active,.sidebar-link:active,.reset-btn:active{transform:scale(.97)}.app{background:var(--bg-raise);border-left:var(--border-w) solid var(--border);border-right:var(--border-w) solid var(--border);max-width:560px;min-height:100dvh;padding-bottom:64px;padding-bottom:calc(64px + env(safe-area-inset-bottom));margin:0 auto}.topnav{border-bottom:var(--border-w) solid var(--border);padding:0;padding-top:env(safe-area-inset-top);gap:0;display:flex}.topnav button{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:14px 8px;font-family:inherit;font-size:13px;font-weight:700;transition:color .15s,border-color .15s,background .1s}.topnav button:hover{color:var(--text);background:var(--bg)}.topnav button.active{color:var(--text);border-bottom-color:var(--text);background:var(--amber)}.comment-line{color:var(--muted);padding:0 20px 16px;font-size:12px;line-height:1.5}.divider{height:var(--border-w);background:var(--border);margin:20px}.page-header{border-bottom:var(--border-w) solid var(--border);align-items:center;padding:12px 20px;font-size:13px;display:flex}.page-header a{color:var(--muted);border-bottom:none;font-size:13px;text-decoration:none}.page-header a:hover{color:var(--text);box-shadow:none;background:0 0}.page-header .page-title{text-align:center;color:var(--text);text-transform:uppercase;letter-spacing:1px;flex:1;font-size:12px;font-weight:700}.section{border-bottom:var(--border-w) solid var(--border)}.section-header{cursor:pointer;align-items:center;gap:10px;padding:14px 20px 2px;display:flex}.section-header .sec-icon{font-size:16px}.section-header .sec-title{text-transform:uppercase;letter-spacing:.5px;flex:1;font-size:14px;font-weight:700}.sec-title.amber,.sec-title.blue,.sec-title.purple{color:var(--text)}.section-header .sec-count{color:var(--muted);font-size:12px}.section-header .sec-chevron{color:var(--muted);text-align:center;width:14px;font-size:12px;transition:transform .15s}.section.collapsed .sec-chevron{transform:rotate(-90deg)}.section-comment{color:var(--muted);padding:0 20px 10px 44px;font-size:12px}.section-items{overflow:hidden}.section.collapsed .section-items{display:none}.stat-block{padding:4px 20px 20px}.stat-block-header{color:var(--text);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.stat-comment{color:var(--muted);margin-bottom:12px;font-size:12px}.stat-line{color:var(--text-dim);justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.stat-line .val{color:var(--text);font-weight:700}.stat-line .val.muted{color:var(--text-dim);font-weight:700}.stat-line .delta-down{color:var(--orange);margin-left:6px;font-size:12px}.stub{text-align:center;color:var(--muted);padding:60px 24px;font-size:13px;line-height:1.6}.add-box{border-bottom:var(--border-w) solid var(--border);padding:16px 20px}.add-input-row{align-items:center;gap:8px;display:flex}.add-prompt{color:var(--text);font-size:15px;font-weight:700}.add-input-row input{color:var(--text);caret-color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.add-input-row input::placeholder{color:var(--muted)}.add-options{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;display:flex}.chip-group{gap:4px;display:flex}.chip-group button{border:var(--border-w) solid var(--border);color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,border-color .15s,background .1s,box-shadow .1s}.chip-group button:hover{border-color:var(--text);color:var(--text);background:var(--bg)}.chip-group button.active{color:var(--bg-raise);border-color:var(--text);background:var(--text);box-shadow:var(--shadow-sm);font-weight:700}.prio-group button[data-prio=high].active{color:var(--bg-raise);border-color:var(--red);background:var(--red)}.prio-group button[data-prio=med].active{color:var(--bg-raise);border-color:var(--orange);background:var(--orange)}.prio-group button[data-prio=low].active{color:var(--bg-raise);border-color:var(--blue);background:var(--blue)}.todo-row{contain:layout style;align-items:center;gap:8px;padding:10px 20px;display:flex}.todo-row .t-chk{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.chk-box{border:2px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:14px;height:14px;transition:all .1s;display:flex}.t-chk.checked .chk-box{border-color:var(--text);background:var(--text);position:relative}.t-chk.checked .chk-box:after{content:"";border:solid var(--bg-raise);border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:1px;transform:rotate(45deg)}.t-prio{cursor:pointer;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.t-prio:before{content:"";position:absolute;inset:-18px}.t-prio.prio-high{background:var(--red);border-color:var(--red)}.t-prio.prio-med{background:var(--orange);border-color:var(--orange)}.t-prio.prio-low{background:var(--blue);border-color:var(--blue)}.t-body{min-width:0;color:var(--text);border-radius:var(--radius);cursor:text;word-break:break-word;flex:1;padding:2px 4px;font-size:14px}.t-body[contenteditable=true]{background:var(--bg);outline:2px solid var(--border);box-shadow:var(--shadow-sm)}.t-body.done-text{color:var(--muted);text-decoration:line-through}.t-list-tag{color:var(--muted);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.t-when{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px}.t-del{cursor:pointer;opacity:.4;flex-shrink:0;margin:-10px;padding:10px;font-size:13px;font-weight:700;position:relative}.t-del:active{opacity:1}.empty-row{color:var(--muted);padding:10px 20px 16px;font-size:12px}.sec-title.muted{color:var(--muted)}.sec-clear{color:var(--muted);cursor:pointer;margin-left:6px;font-size:11px;font-weight:600;text-decoration:underline}.reset-btn{border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;background:0 0;width:calc(100% - 40px);margin:20px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s,border-color .15s,background .1s,box-shadow .1s}.reset-btn:hover{border-color:var(--text);background:var(--bg);box-shadow:var(--shadow-sm)}.reset-btn:active{background:var(--bg)}.bar-row{align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.bar-label{width:46px;color:var(--text-dim);flex-shrink:0;align-items:center;gap:5px;font-weight:600;display:flex}.bar-track{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);flex:1;height:12px;overflow:hidden}.bar-fill{border-radius:var(--radius);height:100%}.bar-pct{text-align:right;width:60px;color:var(--text-dim);flex-shrink:0;font-size:12px}.password-gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.password-gate .comment-line{text-align:center}.pw-row{justify-content:center;align-items:center;gap:8px;display:flex}.pw-prompt{color:var(--text);font-size:15px;font-weight:700}.pw-input{color:var(--text);caret-color:var(--text);border:none;border-bottom:var(--border-w) solid var(--border);letter-spacing:4px;background:0 0;outline:none;width:200px;padding:4px 8px;font-family:inherit;font-size:14px}.pw-input::placeholder{letter-spacing:0;color:var(--muted)}.pw-input:focus{border-bottom-color:var(--text)}[data-theme=light]{--bg:#f5f5f0;--bg-raise:#fff;--border:#000;--text:#000;--text-dim:#333;--muted:#777;--accent:#000;--accent-dim:#333;--green:#06d6a0;--amber:#ffe066;--red:#ff6b6b;--blue:#4361ee;--purple:#9b5de5;--orange:#ff9f43;--cyan:#00cec9;--pink:#ff6b9d}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .app{background:var(--bg-raise);border-left-color:var(--border);border-right-color:var(--border)}[data-theme=light] a{border-bottom-color:var(--border)}[data-theme=light] a:hover{background:var(--amber);box-shadow:var(--shadow-sm)}[data-theme=light] .bar-track{background:var(--bg);border-color:var(--border)}[data-theme=light] .t-body[contenteditable=true]{background:var(--bg);outline-color:var(--border)}[data-theme=light] .reset-btn:active{background:var(--bg)}[data-theme=dark]{--bg:#0a0a0a;--bg-raise:#141414;--border:#888;--text:#e0e0e0;--text-dim:#a0a0a0;--muted:#666;--accent:#e0e0e0;--accent-dim:#a0a0a0;--green:#06d6a0;--amber:#ffe066;--red:#ff6b6b;--blue:#4361ee;--purple:#9b5de5;--orange:#ff9f43;--cyan:#00cec9;--pink:#ff6b9d;--shadow:4px 4px 0 #888;--shadow-sm:2px 2px 0 #888}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .app{background:var(--bg-raise);border-left-color:var(--border);border-right-color:var(--border)}[data-theme=dark] a{border-bottom-color:var(--border)}[data-theme=dark] a:hover{background:var(--amber);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=dark] .bar-track{background:var(--bg);border-color:var(--border)}[data-theme=dark] .t-body[contenteditable=true]{background:var(--bg);outline-color:var(--border)}[data-theme=dark] .reset-btn:active{background:var(--bg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg,var(--bg-raise) 25%,var(--border) 50%,var(--bg-raise) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--text-dim);font-size:13px;animation:1s step-end infinite blink}.cursor-blink:after{content:""}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skel{animation:none}.cursor-blink{opacity:1;animation:none}}.neo-card{background:var(--bg-raise);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);contain:layout style;padding:16px;transition:box-shadow .1s,transform .1s}.neo-card:hover{box-shadow:6px 6px 0 var(--border);transform:translate(-1px,-1px)}.neo-tag{background:var(--amber);border:2px solid var(--border);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.neo-badge{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.desktop-layout{min-height:100dvh;display:flex}.sidebar{display:none}.main-content{flex:1;min-width:0}.sidebar-title{color:var(--text);letter-spacing:.5px;padding:0 20px 20px;font-size:14px;font-weight:700}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 20px;font-family:inherit;font-size:13px;text-decoration:none;transition:color .15s,background .1s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--bg);box-shadow:none}.sidebar-link.active{color:var(--text);background:var(--amber)}.sidebar-divider{height:var(--border-w);background:var(--border);margin:8px 20px}@media (width>=768px){.sidebar{background:var(--bg-raise);border-right:var(--border-w) solid var(--border);flex-direction:column;width:220px;min-width:220px;height:100vh;padding:24px 0;display:flex;position:sticky;top:0;overflow-y:auto}.app{border:none;max-width:none;margin:0}.page-header{display:none}.floating-buttons{display:none!important}}@media (width>=1024px){.app{padding:0 32px}.comment-line{padding:0 32px 16px}.section-header{padding:14px 32px 2px}.stat-block{padding:4px 32px 20px}.add-box{padding:16px 32px}.todo-row{padding:10px 32px}.empty-row{padding:10px 32px 16px}.divider{margin:20px 32px}.reset-btn{width:calc(100% - 64px);margin:20px 32px}}@media (width>=1440px){.app{max-width:720px;margin:0 auto}.sidebar{width:260px;min-width:260px}}[data-theme=light] .sidebar{background:var(--bg-raise);border-right-color:var(--border)}[data-theme=light] .sidebar-link{color:var(--muted);background:0 0}[data-theme=light] .sidebar-link:hover{color:var(--text);background:var(--bg);box-shadow:none}[data-theme=light] .sidebar-link.active{color:var(--text);background:var(--amber)}[data-theme=dark] .sidebar{background:var(--bg-raise);border-right-color:var(--border)}[data-theme=dark] .sidebar-link{color:var(--muted);background:0 0}[data-theme=dark] .sidebar-link:hover{color:var(--text);background:var(--bg);box-shadow:none}[data-theme=dark] .sidebar-link.active{color:var(--text);background:var(--amber)}[data-lang=en] .lang-th,[data-lang=th] .lang-en{display:none}