:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text:#e6edf3;--text-secondary:#8b949e;--accent:#58a6ff;--accent-hover:#79c0ff;--code-bg:#1c2128;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 24px}.hero{padding:80px 0 48px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.hero p{font-size:1.125rem;color:var(--text-secondary);max-width:640px;margin:0 auto 32px}.install-cmd{display:inline-flex;align-items:center;gap:12px;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;cursor:pointer;transition:border-color .2s}.install-cmd:hover{border-color:var(--accent)}.install-cmd .prompt{color:var(--text-secondary)}.install-cmd .cmd{color:var(--accent)}.gallery{padding:48px 0 80px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:32px}.skin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,transform .15s;cursor:pointer}.skin-card:hover{border-color:var(--accent);transform:translateY(-2px)}.skin-card h3{font-size:1rem;font-weight:600;margin-bottom:4px}.skin-card .meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px}.skin-card .swatch-row{display:flex;gap:6px;margin-bottom:12px}.skin-card .swatch{width:36px;height:24px;border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.filters{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.featured{padding:48px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.featured-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.featured-card h3{font-size:1.1rem;margin-bottom:8px}.featured-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.featured-card a{font-size:.85rem;font-weight:500}footer{padding:40px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.85rem}footer a{margin:0 8px}.featured-page{max-width:720px;margin:0 auto;padding:60px 24px}.featured-page h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:12px}.featured-page .palette{display:flex;gap:8px;margin:24px 0}.featured-page .palette .chip{flex:1 1;padding:12px 8px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;font-size:.75rem;font-family:monospace}.featured-page section{margin:32px 0}.featured-page section h2{font-size:1.2rem;margin-bottom:12px}.featured-page ul{padding-left:20px;color:var(--text-secondary)}.featured-page ul li{margin-bottom:6px}.featured-page pre{background:var(--code-bg);padding:16px;font-size:.85rem;overflow-x:auto;margin:12px 0}.featured-page .faq details,.featured-page pre{border:1px solid var(--border);border-radius:var(--radius)}.featured-page .faq details{background:var(--surface);padding:16px 20px;margin-bottom:12px}.featured-page .faq summary{cursor:pointer;font-weight:500}.featured-page .faq p{margin-top:8px;color:var(--text-secondary);font-size:.9rem}.breadcrumb{font-size:.8rem;margin-bottom:24px}.breadcrumb,.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent)}.badge{display:inline-block;font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle}.badge.light{background:#1a1f2d;color:#8b949e}.badge.dark{background:#0d1117;color:#6e7681;border:1px solid #30363d}.badge.chrome{background:var(--code-bg);color:var(--accent);border:1px solid var(--border)}