: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;--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 rgba(0,0,0,.06);--shadow-pill:0 1px 2px rgba(0,0,0,.12);--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;--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 rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.3px;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border-input);background:var(--surface);color:var(--text-secondary);cursor:pointer}.btn:hover{border-color:var(--text-faint)}.btn--primary{background:var(--accent-fill);box-shadow:0 2px 0 var(--accent-shadow)}.btn--primary,.btn--primary:hover{color:var(--on-accent);border-color:transparent}.btn--primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.btn:disabled:hover{border-color:var(--border-input)}.btn--primary:disabled:hover{background:var(--accent-fill);border-color:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-faint);cursor:pointer}.icon-btn:hover{color:var(--text);background:var(--accent-tint)}.input{width:100%;font:inherit;font-size:13px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--surface);color:var(--text)}.input::-moz-placeholder{color:var(--text-faint)}.input::placeholder{color:var(--text-faint)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.search{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--surface);color:var(--text-faint)}.search input{border:0;background:transparent;font:inherit;font-size:12px;color:var(--text);outline:none;width:100%}.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{display:inline-flex;padding:3px;gap:0;background:var(--switch-track);border-radius:var(--radius)}.segmented button{font:inherit;font-size:12px;font-weight:600;padding:6px 13px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.segmented button.is-active{background:var(--switch-active);color:var(--accent);box-shadow:var(--shadow-pill)}.type-label{display:inline-flex;align-items:center;gap:7px;font-size:12px}.type-label__dot{width:7px;height:7px;border-radius:50%}.type-label__name{font-weight:600;color:var(--text-secondary)}.type-label__date{color:var(--text-faint)}.app-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.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{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:26px;text-align:center}.auth-card__logo{margin-bottom:12px}.auth-card__title{font-size:20px;margin-bottom:4px}.auth-card__sub{font-size:12px;color:var(--text-muted);margin:0 0 18px}.auth-card .input{margin-bottom:10px;text-align:left}.auth-card__submit{width:100%;justify-content:center;margin-top:2px}.auth-card__check{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 6px;border-radius:50%;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);font-size:22px;font-weight:700}.auth-card__err{color:var(--danger);font-size:12px;margin:10px 0 0}.auth-card__note{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-radius:var(--radius-sm);font-size:12px;padding:8px 10px;margin:0 0 14px}.auth-card__links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px}