@import "https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;600&display=swap";
.de-root{color:#e0e0e0;background:#0a0a0a;min-height:100vh;font-family:Spline Sans,-apple-system,sans-serif}.de-hero{text-align:center;max-width:720px;margin:0 auto;padding:48px 32px 64px}.de-back{letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:40px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-block}.de-back:hover{color:#aaa}.de-hero-badge{letter-spacing:.4em;text-transform:uppercase;color:#888;border:1px solid #333;border-radius:2px;margin-bottom:28px;padding:6px 16px;font-size:9px;font-weight:600;display:inline-block}.de-hero-title{color:#fff;margin:0 0 20px;font-family:Newsreader,Georgia,serif;font-size:clamp(36px,6vw,56px);font-style:italic;font-weight:300;line-height:1.2}.de-hero-sub{color:#888;max-width:520px;margin:0 auto;font-size:15px;line-height:1.7}.de-section-title{color:#fff;text-align:center;margin:0 0 32px;font-family:Newsreader,Georgia,serif;font-size:28px;font-style:italic;font-weight:300}.de-how{max-width:960px;margin:0 auto;padding:48px 32px}.de-how-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.de-how-card{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:28px 24px}.de-how-num{letter-spacing:.2em;color:#555;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.de-how-card h3{color:#ddd;margin:0 0 8px;font-size:16px;font-weight:600}.de-how-card p{color:#777;margin:0;font-size:13px;line-height:1.6}.de-themes{max-width:960px;margin:0 auto;padding:48px 32px}.de-themes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.de-loading{text-align:center;padding:48px 0}.de-spinner{border:2px solid #333;border-top-color:#888;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite de-spin;display:inline-block}@keyframes de-spin{to{transform:rotate(360deg)}}.de-theme-card{border:1px solid color-mix(in srgb, var(--t-accent) 25%, transparent);border-radius:var(--t-radius);background:color-mix(in srgb, var(--t-accent) 5%, #111);padding:28px 24px;transition:border-color .2s,transform .2s}.de-theme-card:hover{border-color:color-mix(in srgb, var(--t-accent) 50%, transparent);transform:translateY(-2px)}.de-theme-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.de-theme-emoji{font-size:32px;line-height:1}.de-theme-name{color:#fff;margin:0;font-size:18px;font-weight:600}.de-theme-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--t-accent);margin-top:2px;font-size:10px;display:block}.de-theme-tagline{color:#888;margin:0 0 16px;font-size:13px;line-height:1.6}.de-theme-stats{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.de-theme-stat{letter-spacing:.08em;text-transform:uppercase;color:#999;border:1px solid #2a2a2a;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.de-theme-vibe-badge{border-color:color-mix(in srgb, var(--t-accent) 40%, transparent);color:var(--t-accent)}.de-theme-swatches{gap:4px;margin-bottom:20px;display:flex}.de-theme-swatch{cursor:default;border:1px solid #ffffff14;border-radius:3px;width:24px;height:24px}.de-theme-actions{gap:10px;display:flex}.de-theme-btn{text-align:center;letter-spacing:.04em;border-radius:var(--t-radius);flex:1;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.de-theme-btn-primary{background:var(--t-accent);color:#000}.de-theme-btn-primary:hover{background:color-mix(in srgb, var(--t-accent) 85%, #fff)}.de-theme-btn-secondary{border:1px solid color-mix(in srgb, var(--t-accent) 35%, transparent);color:var(--t-accent)}.de-theme-btn-secondary:hover{background:color-mix(in srgb, var(--t-accent) 10%, transparent)}.de-theme-cute .de-theme-btn{border-radius:16px}.de-theme-epic .de-theme-name{font-style:italic}.de-arch{max-width:720px;margin:0 auto;padding:48px 32px 64px}.de-arch-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.de-arch-item{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:4px;padding:16px 20px}.de-arch-label{letter-spacing:.25em;text-transform:uppercase;color:#555;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.de-arch-value{color:#bbb;font-size:13px}.de-footer{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#444;padding:32px;font-size:10px}@media (max-width:600px){.de-hero{padding:32px 20px 48px}.de-how,.de-themes,.de-arch{padding:32px 20px}.de-themes-grid{grid-template-columns:1fr}.de-theme-actions{flex-direction:column}}