/* Reimflow multi-theme layer
   Base app styles live in styles.css. This file transforms the entire visual system. */

html{--theme-accent:#8b5cf6;--theme-bg:#fffdf5;--theme-fg:#1e293b;--theme-muted:#64748b;--theme-card:#fff;--theme-border:#1e293b;--theme-radius:24px;--theme-font-display:"Outfit",system-ui,sans-serif;--theme-font-body:"Plus Jakarta Sans",system-ui,sans-serif}
html[data-theme="linear"]{color-scheme:dark;--theme-accent:#5E6AD2;--theme-bg:#050506;--theme-fg:#EDEDEF;--theme-muted:#8A8F98;--theme-card:rgba(255,255,255,.05);--theme-border:rgba(255,255,255,.08);--theme-radius:16px;--theme-font-display:"Inter",system-ui,sans-serif;--theme-font-body:"Inter",system-ui,sans-serif}
html[data-theme="minimal-dark"]{color-scheme:dark;--theme-accent:#F59E0B;--theme-bg:#0A0A0F;--theme-fg:#FAFAFA;--theme-muted:#8d8d98;--theme-card:rgba(26,26,36,.62);--theme-border:rgba(255,255,255,.09);--theme-radius:12px;--theme-font-display:"Space Grotesk",system-ui,sans-serif;--theme-font-body:"Inter",system-ui,sans-serif}
html[data-theme="vaporwave"]{color-scheme:dark;--theme-accent:#FF00FF;--theme-bg:#090014;--theme-fg:#E0E0E0;--theme-muted:#a994bd;--theme-card:rgba(26,16,60,.82);--theme-border:#2D1B4E;--theme-radius:0px;--theme-font-display:"Orbitron",sans-serif;--theme-font-body:"Share Tech Mono",monospace}
html[data-theme="art-deco"]{color-scheme:dark;--theme-accent:#D4AF37;--theme-bg:#0A0A0A;--theme-fg:#F2F0E4;--theme-muted:#989589;--theme-card:#141414;--theme-border:rgba(212,175,55,.38);--theme-radius:0px;--theme-font-display:"Marcellus",serif;--theme-font-body:"Josefin Sans",sans-serif}

/* ===== Theme switcher ===== */
.theme-switcher{position:relative;z-index:85;flex:0 0 auto}
.theme-toggle{min-height:42px;display:flex;align-items:center;gap:8px;padding:7px 11px;border:2px solid #1e293b;border-radius:999px;background:#fff;color:#1e293b;font-weight:800;box-shadow:2px 2px 0 #1e293b;transition:.2s ease}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(135deg,#8b5cf6 0 50%,#f472b6 50%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.theme-caret{font-size:.7rem;opacity:.65;transition:transform .2s ease}.theme-switcher.open .theme-caret{transform:rotate(180deg)}
.theme-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 24px));padding:10px;background:#fff;border:2px solid #1e293b;border-radius:18px;box-shadow:8px 8px 0 #1e293b;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:.18s ease}
.theme-switcher.open .theme-menu{opacity:1;visibility:visible;transform:none}
.theme-menu-title{padding:7px 8px 10px;font:800 .68rem "Plus Jakarta Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.theme-option{width:100%;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-align:left;border:0;background:transparent;border-radius:12px;padding:9px;color:inherit;transition:.18s ease}
.theme-option:hover,.theme-option.active{background:#f1f5f9}.theme-option strong{display:block;font:800 .86rem "Plus Jakarta Sans",sans-serif}.theme-option small{display:block;color:#64748b;margin-top:2px;font-size:.67rem}
.theme-preview{width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.15);position:relative;overflow:hidden}.theme-preview:after{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:3px;background:currentColor;box-shadow:0 -7px 0 currentColor;opacity:.8}
.theme-preview.playful{background:#fffdf5;color:#8b5cf6}.theme-preview.linear{background:radial-gradient(circle at 50% 10%,#30345f,#050506 65%);color:#6872d9}.theme-preview.minimal{background:radial-gradient(circle at 50% 0,#33230b,#0a0a0f 60%);color:#f59e0b}.theme-preview.vapor{background:linear-gradient(135deg,#090014,#40105a);color:#00ffff;box-shadow:inset 0 -8px 0 rgba(255,0,255,.45)}.theme-preview.deco{background:linear-gradient(135deg,#0a0a0a,#221e12);color:#d4af37;border-color:#d4af37}
.theme-check{font-weight:900;opacity:0}.theme-option.active .theme-check{opacity:1}

/* ambient utility layer */
.theme-atmosphere{display:none;position:fixed;inset:0;pointer-events:none;z-index:-4;overflow:hidden}
.theme-atmosphere span{position:absolute;display:block}
html:not([data-theme="playful"]) .theme-atmosphere{display:block}

/* common dark foundation */
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) body{
  background:var(--theme-bg);color:var(--theme-fg);font-family:var(--theme-font-body);transition:background .32s ease,color .25s ease;
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) h1,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) h2,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) h3,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .brand-name{
  font-family:var(--theme-font-display)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) p,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .pronunciation,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .results-head span,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .tiny-note,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .form-note,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .prototype-note{color:var(--theme-muted)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .topbar{
  background:color-mix(in srgb,var(--theme-bg) 82%,transparent);border:1px solid var(--theme-border);box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(20px);border-radius:var(--theme-radius)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .brand,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .nav-link{color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .nav-link:hover,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .nav-link.active{background:color-mix(in srgb,var(--theme-accent) 14%,transparent);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .brand-mark{background:var(--theme-accent);border:1px solid color-mix(in srgb,var(--theme-accent) 55%,white 20%);box-shadow:0 0 22px color-mix(in srgb,var(--theme-accent) 32%,transparent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .brand-name span{color:var(--theme-accent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-toggle{
  background:color-mix(in srgb,var(--theme-card) 88%,transparent);color:var(--theme-fg);border:1px solid var(--theme-border);border-radius:calc(var(--theme-radius) + 999px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
html[data-theme="linear"] .theme-swatch{background:#5e6ad2}html[data-theme="minimal-dark"] .theme-swatch{background:#f59e0b}html[data-theme="vaporwave"] .theme-swatch{background:linear-gradient(135deg,#ff00ff,#00ffff)}html[data-theme="art-deco"] .theme-swatch{background:linear-gradient(135deg,#d4af37,#6e571d)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-menu{background:color-mix(in srgb,var(--theme-bg) 88%,#15151b 12%);border:1px solid var(--theme-border);box-shadow:0 24px 70px rgba(0,0,0,.5);color:var(--theme-fg);backdrop-filter:blur(24px)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-menu-title,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-option small{color:var(--theme-muted)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-option:hover,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .theme-option.active{background:rgba(255,255,255,.06)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .sticker-card,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .rhyme-card,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .review-chip{
  background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--theme-radius);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(12px)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .hero-search,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .input-with-icon,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) select,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .modal input,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .modal select{
  background:color-mix(in srgb,var(--theme-bg) 70%,#20202a 30%);color:var(--theme-fg);border:1px solid var(--theme-border);box-shadow:none;border-radius:calc(var(--theme-radius) * .65)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) input::placeholder{color:var(--theme-muted)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .input-with-icon:focus-within,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .hero-search:focus-within{border-color:color-mix(in srgb,var(--theme-accent) 72%,white 10%);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent),0 0 30px color-mix(in srgb,var(--theme-accent) 10%,transparent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .candy-btn,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .pill-btn{
  background:var(--theme-accent);color:#fff;border:1px solid color-mix(in srgb,var(--theme-accent) 70%,white 15%);border-radius:calc(var(--theme-radius) * .7);box-shadow:0 6px 24px color-mix(in srgb,var(--theme-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.18)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .candy-btn:hover,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .pill-btn:hover{transform:translateY(-2px);box-shadow:0 8px 34px color-mix(in srgb,var(--theme-accent) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.22)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .candy-btn:active,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .pill-btn:active{transform:scale(.98)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .candy-btn>span,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .button-dot{background:rgba(255,255,255,.14);color:inherit}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .secondary-btn{
  background:rgba(255,255,255,.035);color:var(--theme-fg);border:1px solid var(--theme-border);border-radius:calc(var(--theme-radius) * .7);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .secondary-btn:hover{background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--theme-accent) 50%,var(--theme-border))}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .segmented button,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .favorite-btn,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .icon-btn{
  background:rgba(255,255,255,.04);color:var(--theme-fg);border:1px solid var(--theme-border);box-shadow:none
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .segmented button.active{background:color-mix(in srgb,var(--theme-accent) 20%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 45%,transparent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .favorite-btn.active{background:color-mix(in srgb,var(--theme-accent) 35%,transparent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .status-pill,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .micro-tag{
  color:var(--theme-fg);background:rgba(255,255,255,.04);border:1px solid var(--theme-border)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .violet-bg,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .pink-bg,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .mint-bg{background:color-mix(in srgb,var(--theme-accent) 38%,transparent);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .points-pill{
  background:color-mix(in srgb,var(--theme-accent) 18%,transparent);color:var(--theme-fg);border:1px solid color-mix(in srgb,var(--theme-accent) 42%,transparent);box-shadow:none
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .result-preview{background:rgba(255,255,255,.035);border:1px solid var(--theme-border);border-radius:calc(var(--theme-radius) * .75)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .score-bubble,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .match-score{background:color-mix(in srgb,var(--theme-accent) 20%,transparent);color:var(--theme-fg);border:1px solid color-mix(in srgb,var(--theme-accent) 45%,transparent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .split-callout{background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--theme-radius);box-shadow:0 28px 70px rgba(0,0,0,.3)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .keyword-marquee{background:color-mix(in srgb,var(--theme-accent) 16%,var(--theme-bg));border-color:var(--theme-border);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .feature-icon,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .leader-icon,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .profile-avatar{
  background:color-mix(in srgb,var(--theme-accent) 22%,transparent);color:var(--theme-fg);border:1px solid color-mix(in srgb,var(--theme-accent) 48%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--theme-accent) 14%,transparent)
}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .accent-violet .feature-icon,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .accent-pink .feature-icon,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .accent-yellow .feature-icon{background:color-mix(in srgb,var(--theme-accent) 24%,transparent);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .feature-card.accent-violet,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .feature-card.accent-pink,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .feature-card.accent-yellow,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .leaderboard,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .profile-hero{box-shadow:0 18px 60px rgba(0,0,0,.3)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .premium-mini,
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .price-card.featured{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 25%,transparent),0 28px 70px rgba(0,0,0,.35)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .modal-card{background:color-mix(in srgb,var(--theme-bg) 92%,#181820 8%);border:1px solid var(--theme-border);border-radius:var(--theme-radius);box-shadow:0 30px 90px rgba(0,0,0,.65);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .close-btn{background:rgba(255,255,255,.04);color:var(--theme-fg);border:1px solid var(--theme-border)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .mobile-nav{background:color-mix(in srgb,var(--theme-bg) 86%,transparent);border:1px solid var(--theme-border);box-shadow:0 15px 40px rgba(0,0,0,.42);backdrop-filter:blur(20px)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .mobile-nav button{color:var(--theme-muted)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .mobile-nav button.active{background:color-mix(in srgb,var(--theme-accent) 18%,transparent);color:var(--theme-fg)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .subtabs button{color:var(--theme-muted)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .subtabs button.active{color:var(--theme-accent);border-color:var(--theme-accent)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .activity-row{border-color:var(--theme-border)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .beat-art{border-color:var(--theme-border);filter:saturate(.8)}
html:is([data-theme="linear"],[data-theme="minimal-dark"],[data-theme="vaporwave"],[data-theme="art-deco"]) .play-btn{background:color-mix(in srgb,var(--theme-bg) 80%,transparent);color:var(--theme-fg);border:1px solid var(--theme-border);box-shadow:0 8px 25px rgba(0,0,0,.4)}

/* ===== 1. Linear / Modern ===== */
html[data-theme="linear"] body{
  background:
    radial-gradient(ellipse at 50% -10%,#10111a 0,#07070a 42%,#020203 100%);
}
html[data-theme="linear"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:
  radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(94,106,210,.09),transparent 72%),
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
html[data-theme="linear"] .theme-atmosphere .ambient-one{width:1100px;height:850px;left:50%;top:-520px;transform:translateX(-50%);border-radius:50%;background:rgba(94,106,210,.24);filter:blur(150px);animation:linearFloat 9s ease-in-out infinite}
html[data-theme="linear"] .theme-atmosphere .ambient-two{width:680px;height:620px;left:-260px;top:35%;border-radius:50%;background:rgba(122,78,200,.13);filter:blur(130px);animation:linearFloat 10s ease-in-out -3s infinite}
html[data-theme="linear"] .theme-atmosphere .ambient-three{width:620px;height:640px;right:-250px;top:48%;border-radius:50%;background:rgba(49,86,190,.12);filter:blur(120px);animation:linearFloat 8s ease-in-out -5s infinite}
@keyframes linearFloat{50%{transform:translateY(-24px) rotate(1deg)}}
html[data-theme="linear"] h1,html[data-theme="linear"] h2{font-weight:600;letter-spacing:-.045em;background:linear-gradient(to bottom,#fff 15%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="linear"] .hero h1{font-size:clamp(3.4rem,7vw,6.7rem)}
html[data-theme="linear"] .marker:after{display:none}
html[data-theme="linear"] .marker.violet,html[data-theme="linear"] .marker.pink{background:linear-gradient(90deg,#7982e3,#9ba2ff,#5e6ad2);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:linearShimmer 6s linear infinite}
@keyframes linearShimmer{to{background-position:200% center}}
html[data-theme="linear"] .eyebrow{background:rgba(255,255,255,.04);color:#b9bec9;border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="linear"] .hero-copy:before{display:none}
html[data-theme="linear"] .hero-board:before{background:radial-gradient(circle at 50% 35%,rgba(94,106,210,.28),rgba(94,106,210,.035) 63%,transparent 64%);border:0;border-radius:50%;filter:blur(8px);transform:none}
html[data-theme="linear"] .hero-card{transform:translateY(calc(var(--hero-shift,0px) * .12));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.55),0 0 100px rgba(94,106,210,.08);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
html[data-theme="linear"] .hero-copy{transform:translateY(calc(var(--hero-shift,0px) * .24)) scale(var(--hero-scale,1));opacity:var(--hero-opacity,1)}
html[data-theme="linear"] .sticker-card{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s}
html[data-theme="linear"] .sticker-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(94,106,210,.15),transparent 70%);transition:opacity .25s}
html[data-theme="linear"] .sticker-card:hover:before{opacity:1}
html[data-theme="linear"] .sticker-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.11);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.46),0 0 80px rgba(94,106,210,.07)}
html[data-theme="linear"] .feature-card:hover{transform:translateY(-4px) scale(1.005)}
html[data-theme="linear"] .burst{background:#11131d;color:#c5c9ff;border:1px solid rgba(94,106,210,.42);clip-path:none;border-radius:14px;transform:rotate(4deg);box-shadow:0 0 30px rgba(94,106,210,.16)}
html[data-theme="linear"] .floating-note{background:rgba(10,10,12,.78);color:#aeb2bd;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 35px rgba(0,0,0,.4);backdrop-filter:blur(14px);transform:none}
html[data-theme="linear"] .dots{opacity:.11;background-image:radial-gradient(#7f87df 1px,transparent 1px)}
html[data-theme="linear"] .kicker,html[data-theme="linear"] .filter-label{font-family:"JetBrains Mono",monospace;color:#7f87df;letter-spacing:.14em}
html[data-theme="linear"] .popular-star{clip-path:none;border-radius:12px;background:#5e6ad2;color:white;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 30px rgba(94,106,210,.28)}

/* ===== 2. Minimalist Dark ===== */
html[data-theme="minimal-dark"] body{
  background:
    radial-gradient(ellipse at 50% 0,rgba(245,158,11,.045),transparent 34%),
    linear-gradient(#0a0a0f,#09090e 55%,#07070b);
}
html[data-theme="minimal-dark"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:40px 40px}
html[data-theme="minimal-dark"] .theme-atmosphere .ambient-one{width:620px;height:620px;left:50%;top:-390px;transform:translateX(-50%);border-radius:50%;background:rgba(245,158,11,.075);filter:blur(130px)}
html[data-theme="minimal-dark"] .theme-atmosphere .ambient-two{width:500px;height:500px;right:-300px;bottom:-100px;border-radius:50%;background:rgba(245,158,11,.045);filter:blur(140px)}
html[data-theme="minimal-dark"] h1,html[data-theme="minimal-dark"] h2{font-weight:600;letter-spacing:-.04em}
html[data-theme="minimal-dark"] .hero{min-height:720px;padding-block:105px}
html[data-theme="minimal-dark"] .hero h1{font-size:clamp(3.6rem,7vw,6.4rem)}
html[data-theme="minimal-dark"] .hero-copy:before{display:none}
html[data-theme="minimal-dark"] .marker:after{background:#f59e0b;height:.09em;bottom:-.02em;opacity:.8}
html[data-theme="minimal-dark"] .marker.violet,html[data-theme="minimal-dark"] .marker.pink{color:#fafafa}
html[data-theme="minimal-dark"] .eyebrow{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.18);box-shadow:0 0 24px rgba(245,158,11,.07);color:#e8be70}
html[data-theme="minimal-dark"] .mini-star{color:#f59e0b}
html[data-theme="minimal-dark"] .hero-board:before{background:radial-gradient(circle,rgba(245,158,11,.085),transparent 64%);border:0;transform:none}
html[data-theme="minimal-dark"] .hero-card{transform:none;box-shadow:0 0 0 1px rgba(255,255,255,.045),0 24px 80px rgba(0,0,0,.5);background:rgba(26,26,36,.58);backdrop-filter:blur(14px)}
html[data-theme="minimal-dark"] .floating-note{background:rgba(18,18,26,.88);border:1px solid rgba(255,255,255,.09);color:#bbb8af;box-shadow:0 8px 28px rgba(0,0,0,.35);transform:none}
html[data-theme="minimal-dark"] .burst{background:rgba(245,158,11,.10);color:#f7bd59;border:1px solid rgba(245,158,11,.22);clip-path:none;border-radius:50%;box-shadow:0 0 45px rgba(245,158,11,.10);transform:none}
html[data-theme="minimal-dark"] .sticker-card{transition:all .3s ease-out}
html[data-theme="minimal-dark"] .sticker-card:hover{transform:translateY(-3px) scale(1.008);border-color:rgba(255,255,255,.15);background:rgba(26,26,36,.78);box-shadow:0 14px 45px rgba(0,0,0,.4),0 0 32px rgba(245,158,11,.045)}
html[data-theme="minimal-dark"] .feature-card:hover{transform:translateY(-3px) scale(1.008)}
html[data-theme="minimal-dark"] .candy-btn,html[data-theme="minimal-dark"] .pill-btn{color:#0a0a0f;border:0;box-shadow:0 0 18px rgba(245,158,11,.17),inset 0 1px 0 rgba(255,255,255,.28)}
html[data-theme="minimal-dark"] .candy-btn:hover,html[data-theme="minimal-dark"] .pill-btn:hover{box-shadow:0 0 24px rgba(245,158,11,.36)}
html[data-theme="minimal-dark"] .kicker,html[data-theme="minimal-dark"] .filter-label{font-family:"JetBrains Mono",monospace;color:#f1ac36}
html[data-theme="minimal-dark"] .keyword-marquee{background:#12121a;color:#b8b6ae;border-color:rgba(255,255,255,.06)}
html[data-theme="minimal-dark"] .split-callout{background:rgba(18,18,26,.7)}
html[data-theme="minimal-dark"] .review-chip{background:rgba(26,26,36,.64);transform:none}
html[data-theme="minimal-dark"] .approve-btn{background:rgba(245,158,11,.18);color:#f5bd5c;border:1px solid rgba(245,158,11,.25)}
html[data-theme="minimal-dark"] .reject-btn{background:rgba(255,255,255,.05);color:#c9c7c0;border:1px solid rgba(255,255,255,.08)}
html[data-theme="minimal-dark"] .popular-star{background:#f59e0b;color:#0a0a0f;clip-path:none;border:0;border-radius:50%;box-shadow:0 0 34px rgba(245,158,11,.22)}

/* ===== 3. Vaporwave / Outrun ===== */
html[data-theme="vaporwave"] body{background:
  radial-gradient(circle at 50% -20%,rgba(255,0,255,.22),transparent 37%),
  radial-gradient(circle at 90% 30%,rgba(0,255,255,.07),transparent 30%),
  #090014}
html[data-theme="vaporwave"] body:before{content:"";position:fixed;left:-40%;right:-40%;height:72vh;bottom:-45vh;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,0,255,.32) 2px,transparent 2px),linear-gradient(90deg,rgba(0,255,255,.28) 2px,transparent 2px);background-size:52px 52px;transform:perspective(460px) rotateX(62deg) scale(1.6);transform-origin:top center;mask-image:linear-gradient(to bottom,transparent 2%,#000 34%,#000)}
html[data-theme="vaporwave"] body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.18;background:
  linear-gradient(rgba(18,16,20,0) 50%,rgba(0,0,0,.35) 50%),
  linear-gradient(90deg,rgba(255,0,0,.04),rgba(0,255,0,.015),rgba(0,0,255,.04));background-size:100% 4px,100% 100%}
html[data-theme="vaporwave"] .theme-atmosphere .ambient-one{width:650px;height:650px;left:50%;top:-260px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#ff9900,#ff00ff 60%,transparent);opacity:.18;filter:blur(90px)}
html[data-theme="vaporwave"] .theme-atmosphere .ambient-two{width:550px;height:550px;right:-200px;top:38%;border-radius:50%;background:#00ffff;opacity:.08;filter:blur(130px)}
html[data-theme="vaporwave"] .topbar{border:1px solid #2d1b4e;border-top:2px solid #00ffff;border-radius:0;background:rgba(9,0,20,.86);box-shadow:0 0 25px rgba(0,255,255,.09)}
html[data-theme="vaporwave"] .brand-mark{border-radius:0;transform:rotate(45deg);background:#ff00ff;border:2px solid #00ffff;box-shadow:0 0 14px #ff00ff}
html[data-theme="vaporwave"] .brand-mark span{transform:rotate(-45deg);font-family:"Orbitron"}
html[data-theme="vaporwave"] .brand-name{text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 10px rgba(255,0,255,.55)}
html[data-theme="vaporwave"] .nav-link{font-family:"Share Tech Mono";text-transform:uppercase;letter-spacing:.08em}
html[data-theme="vaporwave"] .nav-link:hover,html[data-theme="vaporwave"] .nav-link.active{background:rgba(0,255,255,.08);color:#00ffff;text-shadow:0 0 7px rgba(0,255,255,.75)}
html[data-theme="vaporwave"] .theme-toggle,html[data-theme="vaporwave"] .theme-menu{border-radius:0}
html[data-theme="vaporwave"] h1,html[data-theme="vaporwave"] h2,html[data-theme="vaporwave"] h3{text-transform:uppercase;letter-spacing:.045em}
html[data-theme="vaporwave"] .hero h1{font-size:clamp(3.1rem,7vw,6.4rem);background:linear-gradient(90deg,#ff9900,#ff00ff 48%,#00ffff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,0,255,.24))}
html[data-theme="vaporwave"] .marker:after{display:none}
html[data-theme="vaporwave"] .marker.violet,html[data-theme="vaporwave"] .marker.pink{color:inherit}
html[data-theme="vaporwave"] .hero-copy:before{display:none}
html[data-theme="vaporwave"] .eyebrow{background:#0b0016;border:1px solid #ff00ff;border-radius:0;box-shadow:0 0 15px rgba(255,0,255,.22);color:#00ffff;font-family:"Share Tech Mono";text-transform:uppercase}
html[data-theme="vaporwave"] .mini-star{color:#ff00ff}
html[data-theme="vaporwave"] .hero-board:before{background:linear-gradient(#ff9900,#ff00ff 68%,rgba(255,0,255,0));border:0;border-radius:50%;clip-path:circle(48%);opacity:.55;transform:none;box-shadow:0 0 80px rgba(255,0,255,.22)}
html[data-theme="vaporwave"] .hero-card{transform:skewX(-2deg);border:1px solid rgba(255,0,255,.38);border-top:2px solid #00ffff;border-radius:0;background:rgba(26,16,60,.82);box-shadow:0 0 28px rgba(0,255,255,.12),0 0 80px rgba(255,0,255,.08)}
html[data-theme="vaporwave"] .source-word{text-shadow:2px 0 #ff00ff,-2px 0 #00ffff}
html[data-theme="vaporwave"] .floating-note{border-radius:0;background:#090014;color:#00ffff;border:1px solid #ff00ff;box-shadow:0 0 14px rgba(255,0,255,.3);font-family:"Share Tech Mono";text-transform:uppercase}
html[data-theme="vaporwave"] .burst{background:#090014;color:#ff00ff;border:2px solid #ff00ff;clip-path:polygon(50% 0,61% 28%,85% 15%,72% 39%,100% 50%,72% 61%,85% 85%,61% 72%,50% 100%,39% 72%,15% 85%,28% 61%,0 50%,28% 39%,15% 15%,39% 28%);box-shadow:0 0 22px #ff00ff;text-shadow:0 0 8px #ff00ff}
html[data-theme="vaporwave"] .sticker-card,html[data-theme="vaporwave"] .rhyme-card,html[data-theme="vaporwave"] .review-chip{border-radius:0;border:1px solid rgba(255,0,255,.28);border-top:2px solid #00ffff;background:rgba(26,16,60,.78);box-shadow:0 0 24px rgba(0,255,255,.06)}
html[data-theme="vaporwave"] .sticker-card:hover,html[data-theme="vaporwave"] .rhyme-card:hover{transform:translateY(-6px);border-color:#00ffff;box-shadow:0 0 18px rgba(0,255,255,.25),0 0 42px rgba(255,0,255,.12)}
html[data-theme="vaporwave"] .feature-card:hover{transform:translateY(-6px)}
html[data-theme="vaporwave"] .feature-icon{border-radius:0;transform:rotate(45deg);background:#130527;border:1px solid #ff00ff;box-shadow:0 0 15px rgba(255,0,255,.2)}
html[data-theme="vaporwave"] .feature-icon::first-letter{transform:rotate(-45deg)}
html[data-theme="vaporwave"] .candy-btn,html[data-theme="vaporwave"] .pill-btn{background:transparent;color:#00ffff;border:2px solid #00ffff;border-radius:0;box-shadow:0 0 12px rgba(0,255,255,.35);transform:skewX(-10deg);font-family:"Share Tech Mono";text-transform:uppercase;letter-spacing:.07em}
html[data-theme="vaporwave"] .candy-btn:hover,html[data-theme="vaporwave"] .pill-btn:hover{background:#00ffff;color:#090014;transform:skewX(0);box-shadow:0 0 30px #00ffff}
html[data-theme="vaporwave"] .secondary-btn{border:1px solid #ff00ff;color:#ff77ff;border-radius:0;font-family:"Share Tech Mono";text-transform:uppercase}
html[data-theme="vaporwave"] .secondary-btn:hover{background:#ff00ff;color:#fff;box-shadow:0 0 20px rgba(255,0,255,.55)}
html[data-theme="vaporwave"] .hero-search,html[data-theme="vaporwave"] .input-with-icon,html[data-theme="vaporwave"] select,html[data-theme="vaporwave"] .modal input,html[data-theme="vaporwave"] .modal select{border-radius:0;background:#090014;border:1px solid #2d1b4e;border-bottom:2px solid #ff00ff;color:#00ffff;font-family:"Share Tech Mono"}
html[data-theme="vaporwave"] .hero-search:focus-within,html[data-theme="vaporwave"] .input-with-icon:focus-within{border-color:#00ffff;box-shadow:0 0 18px rgba(0,255,255,.28)}
html[data-theme="vaporwave"] .kicker,html[data-theme="vaporwave"] .filter-label{font-family:"Share Tech Mono";color:#00ffff;text-transform:uppercase}
html[data-theme="vaporwave"] .kicker:before{content:"> ";color:#ff00ff}
html[data-theme="vaporwave"] .keyword-marquee{background:#130527;border-color:#ff00ff;color:#00ffff;text-shadow:0 0 7px #00ffff}
html[data-theme="vaporwave"] .segmented button{border-radius:0;font-family:"Share Tech Mono";text-transform:uppercase}
html[data-theme="vaporwave"] .segmented button.active{background:#ff00ff;color:#fff;border-color:#ff00ff;box-shadow:0 0 12px rgba(255,0,255,.45)}
html[data-theme="vaporwave"] .match-score,html[data-theme="vaporwave"] .score-bubble{border-radius:0;background:#090014;border:1px solid #00ffff;color:#00ffff;box-shadow:0 0 14px rgba(0,255,255,.25)}
html[data-theme="vaporwave"] .popular-star{background:#ff9900;color:#090014;border:1px solid #ff00ff;box-shadow:0 0 30px rgba(255,153,0,.35)}
html[data-theme="vaporwave"] .split-callout{border-radius:0;border:1px solid #ff00ff;border-top:2px solid #00ffff;background:rgba(26,16,60,.78)}
html[data-theme="vaporwave"] .modal-card{border-radius:0;border:2px solid #00ffff;background:#0e031d;box-shadow:0 0 30px rgba(0,255,255,.18)}

/* ===== 4. Art Deco / Gatsby ===== */
html[data-theme="art-deco"] body{
  background:
    radial-gradient(circle at 50% 10%,rgba(212,175,55,.08),transparent 26%),
    repeating-linear-gradient(45deg,rgba(212,175,55,.022) 0 1px,transparent 1px 20px),
    repeating-linear-gradient(-45deg,rgba(212,175,55,.018) 0 1px,transparent 1px 20px),
    #0a0a0a
}
html[data-theme="art-deco"] body:before{content:"";position:fixed;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(212,175,55,.10),transparent);pointer-events:none;z-index:-2}
html[data-theme="art-deco"] .theme-atmosphere .ambient-one{width:700px;height:700px;left:50%;top:-420px;transform:translateX(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(212,175,55,.075) 0 3deg,transparent 3deg 8deg);mask-image:radial-gradient(circle,#000 0 45%,transparent 70%);opacity:.7}
html[data-theme="art-deco"] .topbar{border-radius:0;border:1px solid rgba(212,175,55,.48);box-shadow:0 0 20px rgba(212,175,55,.06);background:rgba(10,10,10,.93)}
html[data-theme="art-deco"] .topbar:before,html[data-theme="art-deco"] .topbar:after{content:"";position:absolute;top:5px;bottom:5px;width:1px;background:#d4af37;opacity:.25}
html[data-theme="art-deco"] .topbar:before{left:10px}html[data-theme="art-deco"] .topbar:after{right:10px}
html[data-theme="art-deco"] .brand-mark{border-radius:0;transform:rotate(45deg);background:#0a0a0a;border:1px solid #d4af37;box-shadow:0 0 14px rgba(212,175,55,.16)}
html[data-theme="art-deco"] .brand-mark span{transform:rotate(-45deg);color:#d4af37;font-family:"Marcellus"}
html[data-theme="art-deco"] .brand-name{text-transform:uppercase;letter-spacing:.16em;color:#f2f0e4}.brand-name span{}
html[data-theme="art-deco"] .nav-link{font-family:"Josefin Sans";text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;border-radius:0}
html[data-theme="art-deco"] .nav-link:hover,html[data-theme="art-deco"] .nav-link.active{background:transparent;color:#d4af37;box-shadow:inset 0 -1px 0 #d4af37}
html[data-theme="art-deco"] .theme-toggle,html[data-theme="art-deco"] .theme-menu,html[data-theme="art-deco"] .theme-option{border-radius:0}
html[data-theme="art-deco"] h1,html[data-theme="art-deco"] h2,html[data-theme="art-deco"] h3{text-transform:uppercase;letter-spacing:.12em;font-weight:400}
html[data-theme="art-deco"] .hero{text-align:center;grid-template-columns:1fr;max-width:980px;padding-block:105px}
html[data-theme="art-deco"] .hero-copy{max-width:900px;margin:auto}
html[data-theme="art-deco"] .hero h1{font-size:clamp(3.3rem,7vw,6.6rem);line-height:1.05;letter-spacing:.12em}
html[data-theme="art-deco"] .hero-copy:before{display:none}
html[data-theme="art-deco"] .hero p{margin-inline:auto;max-width:700px}
html[data-theme="art-deco"] .marker.violet,html[data-theme="art-deco"] .marker.pink{color:#d4af37}.marker:after{}
html[data-theme="art-deco"] .marker:after{display:none}
html[data-theme="art-deco"] .eyebrow{background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.45);border-radius:0;box-shadow:0 0 16px rgba(212,175,55,.05);font-family:"Josefin Sans";letter-spacing:.18em}
html[data-theme="art-deco"] .mini-star{color:#d4af37}
html[data-theme="art-deco"] .hero-search{max-width:700px;margin-inline:auto;border-radius:0;border:1px solid rgba(212,175,55,.48);background:#101010;box-shadow:0 0 20px rgba(212,175,55,.05)}
html[data-theme="art-deco"] .quick-tags{justify-content:center}
html[data-theme="art-deco"] .hero-board{min-height:410px;margin-top:-10px}
html[data-theme="art-deco"] .hero-board:before{width:350px;height:350px;border-radius:50%;background:repeating-conic-gradient(from -25deg,rgba(212,175,55,.16) 0 2deg,transparent 2deg 7deg);border:1px solid rgba(212,175,55,.12);transform:none;opacity:.58}
html[data-theme="art-deco"] .hero-card{width:min(560px,92%);transform:none;border-radius:0;background:#141414;border:3px double rgba(212,175,55,.6);box-shadow:0 0 28px rgba(212,175,55,.08);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
html[data-theme="art-deco"] .source-word{color:#f2f0e4;letter-spacing:.08em}
html[data-theme="art-deco"] .floating-note{background:#0a0a0a;color:#d4af37;border:1px solid #d4af37;border-radius:0;box-shadow:0 0 13px rgba(212,175,55,.11);font-family:"Josefin Sans";text-transform:uppercase;letter-spacing:.12em}
html[data-theme="art-deco"] .burst{background:#0a0a0a;color:#d4af37;border:1px solid #d4af37;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);transform:none;box-shadow:0 0 22px rgba(212,175,55,.17)}
html[data-theme="art-deco"] .sticker-card,html[data-theme="art-deco"] .rhyme-card,html[data-theme="art-deco"] .review-chip{position:relative;border-radius:0;border:1px solid rgba(212,175,55,.34);background:#141414;box-shadow:0 0 18px rgba(212,175,55,.035);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
html[data-theme="art-deco"] .sticker-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(212,175,55,.13);pointer-events:none}
html[data-theme="art-deco"] .sticker-card:hover,html[data-theme="art-deco"] .rhyme-card:hover{transform:translateY(-5px);border-color:#d4af37;box-shadow:0 0 22px rgba(212,175,55,.13)}
html[data-theme="art-deco"] .feature-card:hover{transform:translateY(-5px)}
html[data-theme="art-deco"] .feature-number{font-family:"Marcellus";color:#d4af37;font-size:0}
html[data-theme="art-deco"] .feature-card:nth-child(1) .feature-number:after{content:"I";font-size:1rem}
html[data-theme="art-deco"] .feature-card:nth-child(2) .feature-number:after{content:"II";font-size:1rem}
html[data-theme="art-deco"] .feature-card:nth-child(3) .feature-number:after{content:"III";font-size:1rem}
html[data-theme="art-deco"] .feature-icon{border-radius:0;transform:rotate(45deg);background:#0d0d0d;border:1px solid #d4af37;box-shadow:0 0 15px rgba(212,175,55,.07);color:#d4af37}
html[data-theme="art-deco"] .candy-btn,html[data-theme="art-deco"] .pill-btn{background:linear-gradient(135deg,#b98f20,#e0c15b,#a97d16);color:#0a0a0a;border:1px solid #d4af37;border-radius:0;box-shadow:0 0 18px rgba(212,175,55,.10);font-family:"Josefin Sans";text-transform:uppercase;letter-spacing:.16em}
html[data-theme="art-deco"] .candy-btn:hover,html[data-theme="art-deco"] .pill-btn:hover{background:#f2e8c4;color:#0a0a0a;box-shadow:0 0 25px rgba(212,175,55,.28);transform:none}
html[data-theme="art-deco"] .secondary-btn{border-radius:0;border:1px solid #d4af37;color:#d4af37;background:transparent;font-family:"Josefin Sans";text-transform:uppercase;letter-spacing:.13em}
html[data-theme="art-deco"] .secondary-btn:hover{background:#d4af37;color:#0a0a0a;box-shadow:0 0 22px rgba(212,175,55,.20)}
html[data-theme="art-deco"] .hero-search,html[data-theme="art-deco"] .input-with-icon,html[data-theme="art-deco"] select,html[data-theme="art-deco"] .modal input,html[data-theme="art-deco"] .modal select{border-radius:0;border-width:0 0 1px;background:transparent;border-color:#d4af37;color:#f2f0e4}
html[data-theme="art-deco"] .input-with-icon:focus-within,html[data-theme="art-deco"] .hero-search:focus-within{border-color:#f2e8c4;box-shadow:0 5px 12px rgba(212,175,55,.09)}
html[data-theme="art-deco"] .kicker,html[data-theme="art-deco"] .filter-label{font-family:"Josefin Sans";color:#d4af37;letter-spacing:.2em}
html[data-theme="art-deco"] .section-heading{text-align:center;grid-template-columns:1fr;max-width:820px;margin-inline:auto}
html[data-theme="art-deco"] .section-heading:before,html[data-theme="art-deco"] .section-heading:after{content:"";height:1px;width:110px;background:#d4af37;margin:0 auto;opacity:.65}
html[data-theme="art-deco"] .feature-grid{gap:30px}
html[data-theme="art-deco"] .keyword-marquee{background:#0f0f0f;border-color:rgba(212,175,55,.4);color:#d4af37;font-family:"Josefin Sans";letter-spacing:.18em}
html[data-theme="art-deco"] .split-callout{border-radius:0;border:3px double rgba(212,175,55,.55);background:#111;box-shadow:0 0 30px rgba(212,175,55,.06)}
html[data-theme="art-deco"] .segmented button{border-radius:0;font-family:"Josefin Sans";text-transform:uppercase;letter-spacing:.1em}
html[data-theme="art-deco"] .segmented button.active{background:#d4af37;color:#0a0a0a;border-color:#d4af37}
html[data-theme="art-deco"] .match-score,html[data-theme="art-deco"] .score-bubble{border-radius:0;background:#0a0a0a;color:#d4af37;border:1px solid #d4af37;transform:rotate(45deg)}
html[data-theme="art-deco"] .match-score{font-size:.86rem}
html[data-theme="art-deco"] .popular-star{background:#d4af37;color:#0a0a0a;border:1px solid #d4af37;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);box-shadow:0 0 22px rgba(212,175,55,.20)}
html[data-theme="art-deco"] .modal-card{border-radius:0;border:3px double rgba(212,175,55,.55);background:#0f0f0f;box-shadow:0 0 32px rgba(212,175,55,.08)}
html[data-theme="art-deco"] .mobile-nav{border-radius:0;border:1px solid rgba(212,175,55,.38);background:rgba(10,10,10,.94)}
html[data-theme="art-deco"] .mobile-nav button{border-radius:0;text-transform:uppercase;letter-spacing:.08em}
html[data-theme="art-deco"] .mobile-nav button.active{color:#d4af37;background:transparent;box-shadow:inset 0 -1px 0 #d4af37}

/* focus and accessibility across themes */
html:not([data-theme="playful"]) :focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}
@media(max-width:900px){
  .theme-current{display:none}.theme-toggle{padding:8px}.theme-menu{position:fixed;right:12px;top:76px}
  html[data-theme="art-deco"] .hero{text-align:left}.hero{}
  html[data-theme="art-deco"] .hero-copy{text-align:center}
}
@media(max-width:640px){
  html[data-theme="linear"] .hero h1,html[data-theme="minimal-dark"] .hero h1,html[data-theme="vaporwave"] .hero h1,html[data-theme="art-deco"] .hero h1{font-size:3rem}
  html[data-theme="minimal-dark"] .hero,html[data-theme="art-deco"] .hero{padding-block:55px}
  html[data-theme="art-deco"] .hero-board{min-height:360px}
}
@media(prefers-reduced-motion:reduce){
  .theme-atmosphere span{animation:none!important}
  html[data-theme="linear"] .marker.violet,html[data-theme="linear"] .marker.pink{animation:none!important}
}