:root{--bg: #f4f6f9;--surface: #ffffff;--border: #e2e7ee;--text: #17202a;--muted: #6b7684;--accent: #12304d;--danger: #b4232c;--on: #c2410c;--on-bg: #fff4ed}@media(prefers-color-scheme:dark){:root{--bg: #0f1318;--surface: #171c22;--border: #262e37;--text: #eef2f6;--muted: #94a0ad;--accent: #5b9bd5;--danger: #e0575f;--on: #f0883e;--on-bg: #2b1a0e}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topbar{display:flex;align-items:center;gap:12px;padding:13px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:660;color:var(--text);text-decoration:none;letter-spacing:-.01em}.tag{font-size:12px;color:var(--muted)}.page{max-width:680px;margin:0 auto;padding:26px 16px 90px}h1{font-size:23px;margin:0 0 18px;letter-spacing:-.02em}h2{font-size:15px;margin:0 0 12px}.crumb{margin:0 0 10px;font-size:13px}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:18px;margin-bottom:15px}.row-form{display:flex;gap:9px;align-items:center}.input{width:100%;padding:9px 11px;font-size:15px;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:7px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.textarea{resize:vertical;line-height:1.5}.field{display:block;margin-bottom:14px}.field>span{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);margin-bottom:5px}.counter{font-style:normal;font-size:12px}.btn{padding:9px 15px;font-size:14px;font-weight:580;font-family:inherit;color:#fff;background:var(--accent);border:0;border-radius:7px;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.45;cursor:default}.btn-sm{padding:7px 12px;font-size:13px}.btn-danger{background:var(--danger)}.switch{display:flex;align-items:center;gap:9px;margin:0 0 16px;cursor:pointer;font-size:14px}.switch input{width:17px;height:17px;accent-color:var(--on);cursor:pointer}.list{padding:0;overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.row:last-child{border-bottom:0}.row:hover{background:var(--bg)}.row-name{flex:1;font-weight:530}.row-key{font-size:12px;color:var(--muted)}.pill{font-size:11px;font-weight:640;letter-spacing:.04em;padding:3px 8px;border-radius:20px;background:var(--bg);color:var(--muted);border:1px solid var(--border)}.pill-on{background:var(--on-bg);color:var(--on);border-color:var(--on)}.banner{display:flex;align-items:center;justify-content:space-between;gap:14px}.banner-on{border-color:var(--on);background:var(--on-bg)}.snippet{margin:0 0 10px;padding:11px 13px;font-size:12.5px;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:7px;overflow-x:auto;white-space:pre}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-size:14px;margin:10px 0}.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.footnote{line-height:1.55;margin-top:22px}.auth-card{max-width:360px;margin:8vh auto 0;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:26px 24px}.auth-card h1{font-size:19px;margin:0 0 18px}.btn-wide{width:100%}.btn-quiet{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-quiet:hover{color:var(--text)}.auth-alt{margin:16px 0 0;text-align:center}.auth-alt a{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:12px}.centered{text-align:center;margin-top:8vh}.preview{margin:4px 0 18px}.preview-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);margin-bottom:6px}.preview-stage{display:flex;align-items:center;justify-content:center;padding:22px 16px;background:#080c12c7;border-radius:9px}.preview-card{width:100%;max-width:330px;background:#fff;border-radius:12px;padding:22px 20px;text-align:center;box-shadow:0 10px 28px #0000004d}.preview-icon{width:34px;height:34px;line-height:34px;margin:0 auto 12px;border-radius:50%;background:#fff3d4;color:#8a5800;font-size:17px}.preview-title{margin:0 0 7px;font-size:15px;font-weight:650;color:#101418;letter-spacing:-.01em}.preview-msg{margin:0;font-size:13px;line-height:1.5;color:#4a545f;white-space:pre-wrap;overflow-wrap:anywhere}