:root{--bg: #17120d;--bg-elevated: #241c14;--bg-elevated-2: #2c2217;--text: #ede1c8;--text-muted: #a8977a;--border: #3a2e1f;--arcane: #8f7fe8;--accent: var(--arcane);--arcane-dim: #5f52a8;--honey: #d9a441;--honey-text: #1a1410;--ember: #c1502e;--danger: var(--ember);--ember-soft: rgba(193, 80, 46, .22);--moss: #6f9d5f;--shadow: rgba(0, 0, 0, .45)}:root[data-theme=light]{--bg: #f3ecdc;--bg-elevated: #fdf8ec;--bg-elevated-2: #f6efdd;--text: #2a2013;--text-muted: #766a4f;--border: #ddd0ac;--arcane: #6a56c9;--accent: var(--arcane);--arcane-dim: #9384d6;--honey: #b8792a;--honey-text: #fdf8ec;--ember: #a83e22;--danger: var(--ember);--ember-soft: rgba(168, 62, 34, .15);--moss: #4d7a3f;--shadow: rgba(60, 45, 20, .18)}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Work Sans,system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(217,164,65,.07),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 10%,rgba(143,127,232,.06),transparent 55%);background-attachment:fixed}h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif;font-weight:600;letter-spacing:.01em;color:var(--text)}h1{font-size:1.7rem}h3{font-size:1.1rem;margin-bottom:.5rem}a{color:var(--arcane);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--arcane-dim);color:#fff}:focus-visible{outline:2px solid var(--arcane);outline-offset:2px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1.25rem;box-shadow:0 2px 10px var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow),0 0 0 1px var(--arcane-dim)}button{font-family:inherit;color:inherit}.btn{background:var(--honey);color:var(--honey-text);border:none;border-radius:6px;padding:.5rem 1.1rem;cursor:pointer;font-family:Work Sans,sans-serif;font-weight:600;position:relative;transition:box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-3px);box-shadow:0 0 0 3px #d9a44140,0 0 18px #d9a44166,0 10px 14px -8px #00000080}.btn:active{transform:translateY(-1px) scale(.98)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-family:Work Sans,sans-serif;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.btn-outline:hover{border-color:var(--arcane);box-shadow:0 0 12px #8f7fe859;transform:translateY(-2px)}.btn-outline:active{transform:translateY(0) scale(.98)}input,select{background:var(--bg-elevated-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-family:Work Sans,sans-serif}input:focus,select:focus{border-color:var(--arcane)}.container{max-width:960px;margin:0 auto;padding:1.5rem}.row{display:flex;gap:1rem;align-items:center}.grid{display:grid;gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border)}th{font-family:Cinzel,serif;font-weight:600;font-size:.82rem;color:var(--text-muted)}.muted{color:var(--text-muted);font-size:.9rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--bg-elevated-2);border:1px solid var(--border);font-size:.78rem;font-weight:500}.badge-arcane{background:#8f7fe826;border-color:var(--arcane-dim);color:var(--arcane)}@keyframes arcane-pulse{0%,to{box-shadow:0 0 #c1502e8c}50%{box-shadow:0 0 0 6px #c1502e00}}.badge-live{background:var(--ember);color:#fff;border-color:var(--ember);animation:arcane-pulse 1.8s ease-in-out infinite}@keyframes honey-pulse{0%,to{box-shadow:0 0 #d9a44199}50%{box-shadow:0 0 0 5px #d9a44100}}.pulse-dot{animation:honey-pulse 1.8s ease-in-out infinite}@keyframes arcane-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float-idle{animation:arcane-float 3.5s ease-in-out infinite}@keyframes arcane-spin{to{transform:rotate(360deg)}}.arcane-loader{animation:arcane-spin 1.6s linear infinite}@media (prefers-reduced-motion: reduce){.badge-live,.float-idle,.arcane-loader,.pulse-dot{animation:none!important}}