:root{--paper: #f7f6f1;--rule: #d9e4ee;--margin-red: #d9a09a;--ink: #23304a;--ink-soft: #5b6579;--muted: #8a93a6;--red-pen: #c43c2e;--green-pen: #2e7d5b;--card: #fffdf8;--shadow: 0 2px 10px rgba(35, 48, 74, .1);--serif: Georgia, "Times New Roman", "Songti SC", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,transparent 26px,var(--margin-red) 26px,var(--margin-red) 27px,transparent 27px),repeating-linear-gradient(transparent,transparent 31px,var(--rule) 31px,var(--rule) 32px);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:10px 12px;width:100%}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.btn{border:1.5px solid var(--ink);background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;font-size:16px;font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{background:transparent;color:var(--ink)}.btn-danger{border-color:var(--red-pen);background:transparent;color:var(--red-pen)}.btn-sm{padding:6px 12px;font-size:14px;border-radius:8px}.page{max-width:560px;margin:0 auto;padding:18px 16px calc(84px + env(safe-area-inset-bottom))}.page-title{font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--ink-soft);margin:4px 0 14px}.panel{background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:14px}.ticks{display:inline-flex;gap:3px}.ticks i{width:7px;height:7px;border-radius:50%;border:1px solid var(--ink-soft);background:transparent}.ticks i.on{background:var(--ink);border-color:var(--ink)}.ticks i.grad{background:var(--green-pen);border-color:var(--green-pen)}.tag{font-size:12px;padding:1px 8px;border-radius:999px;border:1px solid var(--rule);color:var(--ink-soft);white-space:nowrap}.tag.due{color:var(--red-pen);border-color:var(--red-pen)}.tag.grad{color:var(--green-pen);border-color:var(--green-pen)}.error-text{color:var(--red-pen);font-size:14px}.muted{color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}