*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-raised:#22263a;--color-border:#2e3250;--color-primary:#6c63ff;--color-primary-hover:#5a52e0;--color-text:#e8eaf6;--color-text-muted:#8b8fa8;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--radius-sm:7px;--radius:12px;--radius-lg:19px;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-md:17px;--text-lg:20px;font-family:Inter,system-ui,sans-serif;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}[data-theme=light]{--color-bg:#fff;--color-surface:#f5f7fa;--color-surface-raised:#eef1f6;--color-border:#dde2ec;--color-primary:#3dbdb5;--color-primary-hover:#2eada5;--color-text:#2d3142;--color-text-muted:#5a6275;--color-danger:#ef4444;--color-success:#16a34a;--color-warning:#d97706}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;background:0 0;border:none}input:not([type=radio]):not([type=checkbox]),textarea,select{font:inherit;color:inherit;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;width:100%;min-height:44px;padding:10px 12px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}.btn{border-radius:var(--radius-sm);min-height:44px;font-weight:500;font-size:var(--text-base);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:11px 18px;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.85}.btn:disabled{opacity:.45;pointer-events:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px}@media (width<=600px){.card{border-radius:var(--radius);padding:16px}}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.field-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.field-counter{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.error-text{color:var(--color-danger);font-size:var(--text-sm)}.success-text{color:var(--color-success);font-size:var(--text-sm)}.divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-weight:600;display:inline-block}.badge-draft{background:var(--color-surface-raised);color:var(--color-text-muted)}.badge-published{color:var(--color-success);background:#22c55e26}.badge-paused{color:var(--color-warning);background:#f59e0b26}