:root{--bg: #0b0f14;--fg: #e6eaf0;--muted: #a2adbd;--surface-1: #0f141b;--surface-2: #121822;--border: #1f2937;--accent: #6366f1}[data-theme=light]{--bg: #f7f8fb;--fg: #0b0f14;--muted: #475569;--surface-1: #ffffff;--surface-2: #f3f4f6;--border: #e5e7eb}[data-accent=orange]{--accent: #f97316}[data-accent=green]{--accent: #22c55e}[data-accent=violet]{--accent: #7c3aed}[data-accent=blue]{--accent: #6366f1}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 8px}.muted{color:var(--muted)}.card{background:var(--surface-1);color:inherit;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #00000026}.card-body{padding:18px 20px}.card-header{padding:18px 20px;border-bottom:1px solid var(--border)}.card-footer{padding:16px 20px;border-top:1px solid var(--border)}.card-title{font-weight:600;font-size:18px}.card-desc{color:var(--muted);font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;border:1px solid transparent;background:var(--accent);color:#fff;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 6px 16px #6366f140}.btn:hover{transform:translateY(-1px);opacity:.95}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--border);box-shadow:none}.btn.ghost:hover{background:var(--surface-2)}.btn.muted{background:var(--surface-2);color:var(--fg);border-color:var(--border);box-shadow:none}.toolbar{display:flex;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--fg)}.hero{border-radius:18px;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 18%,transparent) 0%,color-mix(in srgb,var(--accent) 10%,transparent) 40%,transparent 100%);border:1px solid var(--border)}.hero-inner{padding:40px 28px;display:grid;gap:14px}.hero h1{margin:0;font-size:32px;letter-spacing:-.02em}.hero p{margin:0;color:var(--muted);font-size:16px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2)}