:root{--bg:#f6f5f1;--bg-dot:#eceae3;--chrome:#fbfaf7;--panel:#fcfbf8;--panel-2:#f1efe9;--line:#e5e2d9;--line-strong:#d6d2c6;--text:#211f19;--text-muted:#8a8779;--ink:#1d1c17;--paper:#fdfaf1;--paper-dot:#ece3c9;--paper-edge:#e3d9bc;--accent:#7fae57;--accent-deep:#689647;--danger:#d4604c}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(var(--bg-dot)13%,transparent 14%);background-size:26px 26px;margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif}a{color:var(--accent-deep)}.btn{font:inherit;color:#fff;background:var(--ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform 60ms,filter .12s,background .12s;display:inline-block}.btn:hover:not(:disabled){filter:brightness(1.4)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.secondary{color:var(--text);border-color:var(--line-strong);background:#fff}.btn.secondary:hover:not(:disabled){filter:none;background:var(--panel-2)}.btn.publish{background:var(--accent);color:#fff}.btn.publish:hover:not(:disabled){filter:none;background:var(--accent-deep)}.btn.danger{color:var(--danger);border-color:var(--line-strong);background:#fff}.btn.danger:hover:not(:disabled){filter:none;border-color:var(--danger);background:#fbeae6}.btn.small{padding:6px 12px;font-size:.8rem}.badge{color:var(--text-muted);border:1px solid var(--line-strong);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:.62rem;font-weight:700}.badge.live{color:#fff;background:var(--accent);border-color:var(--accent-deep)}.toast{background:var(--ink);color:#f6f5f1;z-index:300;text-align:center;border-radius:12px;max-width:90vw;padding:11px 20px;font-size:.88rem;font-weight:700;animation:.25s toast-pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #2823144d}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.8rem;font-weight:700;display:flex}.field input{font:inherit;color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:none;padding:7px 10px;font-weight:600}.field input:focus{border-color:var(--accent)}