:root{--bg:#f5f6f8;--surface:#fff;--card-bg:#fff;--text:#0f1828;--text-secondary:#5b6677;--primary:#2b5ce6;--primary-strong:#1e48c0;--primary-soft:#eaf0ff;--border:#e7eaf0;--border-strong:#cdddfb;--negative:#dc2626;--negative-soft:#fef2f2;--positive:#15a06b;--positive-soft:#dcfce7;--input-bg:#f5f6f8;--chip-bg:#eaf0ff;--card-shadow:0 1px 4px #0f182812, 0 4px 16px #0f18280d;--card-shadow-hover:0 4px 12px #0f18281a, 0 12px 32px #0f18281a;--hover-bg:#2b5ce60f;--primary-gradient:linear-gradient(135deg, #2b5ce6, #5b8cff);--r-sm:8px;--r-md:12px;--r-lg:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);font-family:Space Grotesk,Hanken Grotesk,sans-serif;line-height:1.15}a{color:var(--primary)}:focus{outline:none}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}input,select,textarea,button{color:inherit;font-family:inherit;font-size:13px}input[type=text],input[type=number],input[type=url],input[type=email],input[type=password],select,textarea{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}label>span.lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--primary);color:var(--primary);background:var(--hover-bg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 14px #2b5ce647}.btn.primary:hover{color:#fff;background:var(--primary-gradient);filter:brightness(1.05);box-shadow:0 6px 20px #2b5ce65c}.btn.primary:disabled{filter:none;box-shadow:none}.btn.chip{background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:7px 14px;font-size:12.5px}.btn.chip.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}button.icon{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;padding:6px 9px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}button.icon:disabled{opacity:.35;cursor:default}button.icon:not(:disabled):hover{border-color:var(--primary);color:var(--primary);background:var(--hover-bg)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--card-shadow);padding:16px}.card.interactive{transition:transform .18s,box-shadow .18s,border-color .18s}.card.interactive:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-strong);transform:translateY(-3px)}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);z-index:40;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--primary-gradient);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2b5ce64d}.brand-name{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700}.brand-name em{color:var(--primary);font-style:normal}.hero-badge{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;background:#2b5ce614;border:1px solid #2b5ce633;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.hero-em{color:var(--primary);font-style:italic}.status-pill{letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pill.published{background:var(--positive-soft);color:var(--positive)}.status-pill.draft{background:var(--input-bg);color:var(--text-secondary)}