:root{--bg: #0c0f17;--surface: #161b27;--surface-2: #1d2433;--border: #2a3245;--text: #eef1f8;--text-muted: #9aa3b8;--accent: #ffb347;--accent-strong: #ff9b1f;--accent-contrast: #1a1206;--accent-2: #6e8bff;--radius: 14px;--shadow: 0 8px 30px rgb(0 0 0 / .35);color-scheme:dark}:root[data-theme=light]{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #edf0f6;--border: #d9dfeb;--text: #18212f;--text-muted: #5a6578;--accent: #d97a06;--accent-strong: #b86404;--accent-contrast: #fffaf2;--accent-2: #3f5fe0;--shadow: 0 8px 24px rgb(23 32 52 / .12);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}a{color:var(--accent)}button{font:inherit}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn:hover{background:var(--surface-2);border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}