:root{--accent:#36d7b7;--bg:#0a0c11;--bg-elevated:#11141b;--bg-sunken:#070910;--border:#222736;--border-strong:#2f3547;--text:#e8eaf0;--text-muted:#939aad;--shadow:0 1px 2px #0006, 0 12px 32px -12px #000000b3;--grid-line:#ffffff09;--content:1180px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-theme=light]{--bg:#fbfbfd;--bg-elevated:#fff;--bg-sunken:#f1f2f6;--border:#e4e6ed;--border-strong:#d2d5df;--text:#14161d;--text-muted:#61667a;--shadow:0 1px 2px #1014200d, 0 12px 28px -14px #10142040;--grid-line:#10142009}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}main{max-width:var(--content);margin:0 auto;padding:0 24px 96px}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--content);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 24px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.01em;font-size:15px;font-weight:500}.topbar-links{align-items:center;gap:4px;display:flex}.topbar-links>a:first-child{color:var(--text-muted);padding:0 12px;font-size:14px;transition:color .15s}.topbar-links>a:first-child:hover{color:var(--text)}.icon-button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--bg-sunken);border-color:var(--border)}.icon-button.is-copied{color:var(--accent)}.reset{border:1px solid var(--border-strong);background:var(--bg-elevated);height:34px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:10px;margin-left:auto;padding:0 14px;font-size:13px;transition:color .15s,border-color .15s}.reset:hover{color:var(--text);border-color:var(--accent)}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.hero{text-align:center;padding:96px 0 72px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%);filter:blur(20px);pointer-events:none;height:420px;position:absolute;inset:-80px 0 auto}.eyebrow{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;margin:0 0 20px;padding:5px 14px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(38px,6vw,64px);font-weight:700;line-height:1.08}.accent-text{color:var(--accent)}.hero-sub{max-width:560px;color:var(--text-muted);margin:20px auto 0;font-size:17px}#install{min-height:94px;margin-top:36px}.install{border:1px solid var(--border);background:var(--bg-elevated);width:fit-content;max-width:100%;box-shadow:var(--shadow);text-align:left;border-radius:12px;margin:0 auto;overflow:hidden}.install-tabs{border-bottom:1px solid var(--border);background:var(--bg-sunken);display:flex}.install-tab{color:var(--text-muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 16px;font-size:12.5px;transition:color .15s}.install-tab:hover{color:var(--text)}.install-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.install-command{align-items:center;gap:16px;padding:10px 10px 10px 18px;display:flex}.install-command code{font-family:var(--mono);font-size:14px;display:grid}.install-command code>span{white-space:nowrap;grid-area:1/1}.install-command code>span[aria-hidden=true]{visibility:hidden}.install-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.controls{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin:0 -24px;padding:0 24px;position:sticky;top:59px}.controls-inner{flex-wrap:wrap;align-items:center;gap:12px 28px;min-height:74px;padding:14px 0;display:flex}.search{border:1px solid var(--border);background:var(--bg-elevated);min-width:200px;max-width:320px;height:38px;color:var(--text-muted);border-radius:10px;flex:220px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.search input::-webkit-search-cancel-button{filter:grayscale();opacity:.5}.search-count{font-family:var(--mono);color:var(--text-muted);font-size:11.5px}.control{flex-direction:column;gap:6px;display:flex}.control-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.control-value{font-family:var(--mono);text-transform:none;letter-spacing:0;color:var(--text)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:148px;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:var(--border-strong);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.color-control{align-items:center;gap:10px;height:20px;display:flex;position:relative}.swatches{gap:5px;display:flex}.swatch{border:1px solid var(--border-strong);background:var(--swatch);cursor:pointer;border-radius:6px;width:18px;height:18px;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.14)}.swatch.is-active{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--swatch)}.custom-color{border:1px solid var(--border);background:var(--bg-elevated);height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 9px 0 6px;display:inline-flex}.custom-color:hover{border-color:var(--border-strong);color:var(--text)}.custom-color-chip{border:1px solid var(--border-strong);border-radius:4px;width:14px;height:14px}.custom-color-value{font-family:var(--mono);text-transform:uppercase;font-size:11.5px}.picker-popover{z-index:60;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:12px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 12px);left:0}.picker-popover .react-colorful{width:200px;height:170px}.picker-input{border:1px solid var(--border);background:var(--bg-sunken);width:100%;height:32px;color:var(--text);font-family:var(--mono);text-transform:uppercase;border-radius:8px;outline:none;padding:0 10px;font-size:13px}.picker-input:focus{border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding-top:32px;display:grid}.card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;flex-direction:column;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card-stage{background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 22px 22px, var(--bg-sunken);justify-content:center;align-items:center;height:190px;padding:20px;display:flex;overflow:hidden}.card-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:10px 12px 10px 16px;display:flex}.card-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.card-name:hover{color:var(--accent)}.card .icon-button{opacity:0;flex-shrink:0}.card:hover .icon-button,.card:focus-within .icon-button,.card .icon-button.is-copied{opacity:1}.empty{text-align:center;color:var(--text-muted);padding:80px 0}footer{border-top:1px solid var(--border);background:var(--bg-sunken)}.footer-inner{max-width:var(--content);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin:0 auto;padding:28px 24px;font-size:14px;display:flex}.footer-inner a{transition:color .15s}.footer-inner a:hover{color:var(--text)}.footer-inner nav{gap:22px;display:flex}@media (width<=720px){.hero{padding:64px 0 48px}.controls{margin:0 -24px;position:static}.controls-inner{gap:16px}.search{max-width:none}.reset{margin-left:0}.footer-inner{text-align:center;justify-content:center}}@media (hover:none){.card .icon-button{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}