:root{--bg: #0f1115;--surface: #151821;--surface-2: #1b1f2a;--text: #e7eaf3;--muted: #a3acc2;--primary: #3b82f6;--primary-contrast: #ffffff;--danger: #ef4444;--border: #242a38;--shadow: 0 6px 24px rgba(0,0,0,.25);--radius: 12px}.theme-light{--bg: #f6f8fc;--surface: #ffffff;--surface-2: #f3f5fb;--text: #0b0f1a;--muted: #48506a;--primary: #2563eb;--primary-contrast: #ffffff;--danger: #dc2626;--border: #e2e8f0;--shadow: 0 6px 24px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 600px at 10% 0%,#0d0f13 0%,var(--bg) 60%),radial-gradient(1200px 600px at 90% 20%,#111422 0%,var(--bg) 70%);color:var(--text);line-height:1.5}.theme-light body,.theme-light{background:linear-gradient(180deg,#f9fbff 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}.container{max-width:1040px;margin:0 auto;padding:24px}.header{position:sticky;top:0;z-index:10;background:#11141c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.title{font-size:20px;font-weight:700;margin:0}.nav{display:flex;gap:8px}.nav a{padding:8px 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);transition:all .15s ease}.nav a:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.nav a.active{background:var(--primary);color:var(--primary-contrast);border-color:transparent}.section{margin-top:24px}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 980px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.thumb{width:100%;height:140px;border-radius:10px;object-fit:cover;background:#0d0f14;border:1px solid var(--border)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.spaced{display:flex;align-items:center;justify-content:space-between;gap:12px}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.badge.primary{background:#3b82f626;color:#b7d3ff;border-color:#3b82f659}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.button:hover{background:var(--surface)}.button:active{transform:translateY(1px)}.button.primary{background:var(--primary);color:var(--primary-contrast);border-color:transparent}.button.primary:hover{opacity:.95}.button.danger{background:#ef4444e6;border-color:transparent;color:#fff}.button.ghost{background:transparent}.button:disabled{opacity:.6;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61f}.label{display:grid;gap:6px;font-weight:600}.grid{display:grid;gap:12px}@media (min-width: 720px){.grid-2{grid-template-columns:1fr 1fr}}.alert{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:10px 12px;border-radius:10px}