:root{--bg: #f9fafb;--surface: #ffffff;--surface-soft: #eff6ff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-strong: #1d4ed8;--success: #059669;--danger: #ef4444;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -10%,#dbeafe 0%,transparent 36%),radial-gradient(circle at 90% 0%,#ecfeff 0%,transparent 38%),var(--bg)}a{color:inherit}main{max-width:980px;margin:0 auto;padding:22px 20px 28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 1px 2px #1118270f}.stack-sm{display:grid;gap:10px}.stack-md{display:grid;gap:14px}.stack-lg{display:grid;gap:18px}.row-wrap{display:flex;gap:10px;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title{margin:0;font-size:20px;line-height:1.2;font-weight:700}.kicker{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.chip{font-size:12px;font-weight:700;border-radius:999px;padding:4px 8px}.chip-draft{color:#92400e;background:#fef3c7}.chip-active{color:#1e3a8a;background:#dbeafe}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #2563eb38}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:#f3f4f6;border-color:var(--border);color:var(--text)}.btn-danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text)}.input:focus{outline:2px solid rgb(37 99 235 / .2);border-color:var(--primary)}.field{display:grid;gap:6px;margin-bottom:14px}.brand-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.brand-logo{width:54px;height:54px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.page-title{margin:0;font-size:24px;font-weight:700;color:var(--text)}.page-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.muted{color:var(--muted)}.small-note{margin:0;color:var(--muted);font-size:13px}.install-prompt{position:sticky;top:0;z-index:1000;margin:0 auto;max-width:980px;padding:12px 20px;background:#eff6ff;border-bottom:1px solid #bfdbfe;display:flex;justify-content:space-between;align-items:center;gap:10px}@media(max-width:760px){main{padding:16px 12px 22px}.card{padding:14px;border-radius:10px}.brand-header{gap:10px;margin-bottom:10px}.brand-logo{width:46px;height:46px;border-radius:10px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.btn{min-height:40px;padding:9px 12px;font-size:14px}.row-between{align-items:flex-start;flex-direction:column}.install-prompt{padding:10px 12px;flex-direction:column;align-items:stretch}}@media(max-width:420px){.btn{width:100%}.row-wrap{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.section-title{font-size:18px}.chip{font-size:11px}}
