:root,:root[data-theme=dark]{--bg-deep: #0b1224;--bg-panel: rgba(15, 23, 42, .72);--bg-panel-solid: #111827;--border-subtle: rgba(148, 163, 184, .18);--text-primary: #f8fafc;--text-muted: #94a3b8;--accent: #06b6d4;--accent-soft: rgba(6, 182, 212, .15);--accent-2: #8b5cf6;--success: #f59e0b;--danger: #f87171;--radius: 12px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--focus: 0 0 0 2px var(--bg-deep), 0 0 0 4px var(--accent)}:root[data-theme=light]{--bg-deep: #f7f9fc;--bg-panel: rgba(255, 255, 255, .92);--bg-panel-solid: #ffffff;--border-subtle: rgba(15, 23, 42, .12);--text-primary: #0f172a;--text-muted: #475569;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-2: #9333ea;--success: #059669;--danger: #dc2626;--shadow: 0 14px 36px rgba(15, 23, 42, .1);--focus: 0 0 0 2px #ffffff, 0 0 0 4px var(--accent)}:root[data-theme=colorful]{--bg-deep: #fff7ed;--bg-panel: rgba(255, 255, 255, .86);--bg-panel-solid: #ffffff;--border-subtle: rgba(124, 58, 237, .2);--text-primary: #27272a;--text-muted: #52525b;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .14);--accent-2: #7c3aed;--success: #16a34a;--danger: #dc2626;--shadow: 0 16px 38px rgba(190, 24, 93, .12);--focus: 0 0 0 2px #fff7ed, 0 0 0 4px var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,rgba(6,182,212,.12),transparent),radial-gradient(900px 500px at 90% 0%,rgba(139,92,246,.12),transparent),var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}:root[data-theme=light] body{background:radial-gradient(1200px 560px at 0% -20%,rgba(37,99,235,.08),transparent),radial-gradient(900px 500px at 100% -10%,rgba(147,51,234,.07),transparent),var(--bg-deep)}:root[data-theme=colorful] body{background:radial-gradient(1200px 620px at 0% -20%,rgba(249,115,22,.12),transparent),radial-gradient(800px 500px at 100% 0%,rgba(124,58,237,.12),transparent),radial-gradient(700px 360px at 50% 120%,rgba(236,72,153,.1),transparent),var(--bg-deep)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.page-shell{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.page-shell--fluid{max-width:none;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:10px;border:1px solid transparent;font-weight:600;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#0891b2);color:#042f2e}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.btn-ghost:hover{border-color:#06b6d473;background:var(--accent-soft)}.theme-chip{border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);padding:.28rem .62rem;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1;transition:all .14s ease}.theme-chip:hover{border-color:color-mix(in srgb,var(--accent),transparent 55%);background:var(--accent-soft)}.theme-chip.is-active{border-color:color-mix(in srgb,var(--accent),transparent 30%);background:color-mix(in srgb,var(--accent),transparent 84%);color:var(--text-primary)}.btn-danger{background:#f871711f;border-color:#f8717159;color:#fecaca}.input,.select,.textarea{width:100%;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border-subtle);background:#0206178c}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .textarea,:root[data-theme=colorful] .input,:root[data-theme=colorful] .select,:root[data-theme=colorful] .textarea{background:#ffffffeb}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:#06b6d48c;box-shadow:var(--focus)}.label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}}.modal-dialog{width:100%;max-width:min(96vw,920px);box-sizing:border-box}@media (max-width: 640px){.modal-dialog{max-width:min(94vw,400px)}}.fade-in{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}