:root{--bg:#1c1917;--surface:#292524;--surface-2:#36302c;--text:#f5efe6;--text-dim:#b9ad9f;--amber:#e0a458;--sage:#9caf88;--danger:#d9776b;--safe:96px;--radius:20px;--fs-h1:64px;--fs-h2:44px;--fs-body:32px;--fs-small:26px;--font:"Atkinson Hyperlegible", "Avenir Next", "Segoe UI", system-ui, sans-serif;--serif:"Newsreader", "Iowan Old Style", Georgia, serif;--dur:.2s;--dur-focus:.12s;--ease-out:cubic-bezier(.23, 1, .32, 1);--radius-cell:28px;--radius-inner:16px;--hairline:inset 0 1px 0 #f5efe612, inset 0 0 0 1px #f5efe60a;--shadow-1:0 2px 4px #0c090759, 0 18px 40px -18px #0c0907b3;--shadow-3:0 6px 12px #0c090773, 0 32px 64px -20px #0c0907d9;--scrim:#161210e6;--veil:#0c0a09e6;--on-accent:#1c1917;--paper:#f5efe6}:root[data-mode=evening]{--bg:#14110f;--surface:#1f1a17;--surface-2:#2a231f;--amber:#c98f4a;--text:#e8dfd2;--on-accent:#14110f;--scrim:#100d0beb}@media (prefers-reduced-motion:reduce){:root{--dur:0s;--dur-focus:0s}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}:root{--p-pad:16px}body{margin:0}#root{min-height:100dvh}.p{max-width:560px;padding:var(--p-pad);font:17px/1.4 var(--font);margin:0 auto;padding-bottom:96px}.p h1{font:500 30px/1.15 var(--serif);margin:8px 0 4px}.p h2{font:500 22px/1.2 var(--serif);color:var(--amber);margin:20px 0 8px}.p .dim{color:var(--text-dim);font-size:15px}.p input,.p select,.p textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);border-radius:12px;min-height:48px;padding:12px 14px}.p textarea{min-height:96px}.p label{color:var(--text-dim);margin:14px 0 6px;font-size:15px;display:block}.p label.chk{color:var(--text);align-items:center;gap:12px;font-size:17px;display:flex}.p label.chk input{width:24px;height:24px;min-height:24px}.pbtn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);cursor:pointer;border-radius:12px;min-height:48px;padding:12px 18px}.pbtn.primary{background:var(--amber);color:#1c1917;border-color:var(--amber);font-weight:600}.pbtn.danger{color:var(--danger)}.pbtn.on{border-color:var(--sage);color:var(--sage)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item{background:var(--surface);text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:14px;flex-direction:column;gap:2px;margin:10px 0;padding:14px 16px;display:flex}.item .sub{color:var(--text-dim);font-size:15px}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--sage);font-size:13px}.badge.draft{color:var(--amber)}.tabs{padding:10px var(--p-pad) calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--surface-2);gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.tabs .pbtn{flex:none;min-height:44px;padding:10px 14px}.tabs .pbtn.cur{border-color:var(--amber);color:var(--amber)}.err{color:var(--danger);margin:10px 0}.ok{color:var(--sage);margin:10px 0}.sheet{z-index:5;background:#0c0a09d9;align-items:end;display:grid;position:fixed;inset:0}.sheet>div{background:var(--surface);padding:20px var(--p-pad) calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:92dvh;margin:0 auto;overflow:auto}.diff{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;font-size:15px;display:grid}.diff div{background:var(--surface-2);word-break:break-word;border-radius:10px;padding:8px 10px}.diff .h{color:var(--text-dim);background:0 0;padding:0}@media (prefers-reduced-motion:no-preference){.sheet>div{animation:.2s cubic-bezier(.23,1,.32,1) up}@keyframes up{0%{opacity:0;transform:translateY(24px)}}}