:root{--bg:#f1efe9;--surface:#fff;--surface-alt:#faf9f6;--surface-sunken:#fbfbf9;--border:#ddd8cf;--border-input:#ddd8cf;--preview-line:#eceae4;--text:#1c1a17;--text-secondary:#5c554a;--text-muted:#8a8170;--text-faint:#a39b8c;--accent:#db2777;--accent-fill:#db2777;--accent-hover:#be185d;--accent-shadow:#9d174d;--accent-tint:#fce7f0;--accent-wash:#fdf2f8;--switch-track:#f6e4ee;--switch-active:#fff;--on-accent:#fff;--type-md:#db2777;--type-html:#0ea5a3;--type-spreadsheet:#16a34a;--success:#16a34a;--danger:#dc2626;--diff-add-bg:#f0f8f2;--diff-add-gutter:#34a853;--diff-del-bg:#fdf1ef;--diff-del-gutter:#ea4335;--diff-add-hl:#abf2bc;--diff-del-hl:#f9b9bd;--code-bg:#f8f8f6;--code-border:#e8e4db;--code-inline-bg:#f3ede4;--code-inline-fg:#a3306b;--shadow-card:3px 4px 0 #0000000f;--shadow-pill:0 1px 2px #0000001f;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm:7px;--radius:9px;--radius-lg:12px}html[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface-alt:#161b22;--surface-sunken:#0d1117;--border:#21262d;--border-input:#30363d;--preview-line:#242b33;--text:#e6edf3;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-faint:#6e7681;--accent:#f778ba;--accent-fill:#db4f96;--accent-hover:#c33d82;--accent-shadow:transparent;--accent-tint:#2a1922;--accent-wash:#1c151a;--switch-track:#2a1b24;--switch-active:#30242b;--on-accent:#fff;--type-md:#f778ba;--type-html:#4fd1c5;--type-spreadsheet:#3fb950;--success:#3fb950;--diff-add-bg:#0c1f15;--diff-add-gutter:#3fb950;--diff-del-bg:#2d1318;--diff-del-gutter:#f85149;--diff-add-hl:#1f6f3e;--diff-del-hl:#7a2733;--code-bg:#161b22;--code-border:#21262d;--code-inline-bg:#21262d;--code-inline-fg:#f9a8d4;--shadow-card:none;--shadow-pill:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{letter-spacing:-.3px;color:var(--text);margin:0;font-weight:800}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--border-input);background:var(--surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--text-faint)}.btn--primary{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 2px 0 var(--accent-shadow);border-color:#0000}.btn--primary:hover{background:var(--accent-hover);color:var(--on-accent);border-color:#0000}.btn:disabled{opacity:.6;cursor:default}.btn:disabled:hover{border-color:var(--border-input)}.btn--primary:disabled:hover{background:var(--accent-fill);border-color:#0000}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{color:var(--text);background:var(--accent-tint)}.input{width:100%;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--surface);color:var(--text);padding:9px 12px;font-size:13px}.input::placeholder{color:var(--text-faint)}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.search{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--surface);color:var(--text-faint);align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.search input{font:inherit;color:var(--text);background:0 0;border:0;outline:none;width:100%;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card__tab{height:7px}.segmented{background:var(--switch-track);border-radius:var(--radius);gap:0;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:6px 13px;font-size:12px;font-weight:600}.segmented button.is-active{background:var(--switch-active);color:var(--accent);box-shadow:var(--shadow-pill)}.type-label{align-items:center;gap:7px;font-size:12px;display:inline-flex}.type-label__dot{border-radius:50%;width:7px;height:7px}.type-label__name{color:var(--text-secondary);font-weight:600}.type-label__date{color:var(--text-faint)}.app-bar{border-bottom:1px solid var(--border);background:var(--surface-alt);align-items:center;gap:10px;padding:12px 16px;display:flex}.section-title{text-transform:uppercase;letter-spacing:1.2px;font-size:13px;font-weight:800}.mono{font-family:var(--font-mono)}.reading-column{max-width:680px;margin:0 auto;padding:0 24px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-card);text-align:center;padding:26px}.auth-card__logo{margin-bottom:12px}.auth-card__title{margin-bottom:4px;font-size:20px}.auth-card__sub{color:var(--text-muted);margin:0 0 18px;font-size:12px}.auth-card .input{text-align:left;margin-bottom:10px}.auth-card__submit{justify-content:center;width:100%;margin-top:2px}.auth-card__check{background:color-mix(in srgb, var(--success) 14%, transparent);width:44px;height:44px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 6px;font-size:22px;font-weight:700;display:grid}.auth-card__err{color:var(--danger);margin:10px 0 0;font-size:12px}.auth-card__note{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:var(--radius-sm);margin:0 0 14px;padding:8px 10px;font-size:12px}.auth-card__links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;font-size:12px;display:flex}