/* YTN Phase 17 Theme Preference Cards */
.theme-panel{transition:background .2s ease,border-color .2s ease}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px}
.theme-card{border:1px solid #334155;border-radius:16px;padding:16px;display:grid;gap:6px;cursor:pointer;background:#0f172a;min-height:118px;position:relative;overflow:hidden;color:#f8fafc}
.theme-card input{position:absolute;right:14px;top:14px;z-index:2}
.theme-card strong{font-size:16px;z-index:1}
.theme-card span{color:#cbd5e1;font-size:13px;max-width:85%;z-index:1}
.theme-card:has(input:checked){outline:3px solid var(--ytn-accent,#38bdf8);border-color:var(--ytn-accent,#38bdf8)}
.theme-preview-dark{background:linear-gradient(135deg,#020817,#0f172a)}
.theme-preview-light{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a}.theme-preview-light span{color:#334155}
.theme-preview-kids{background:linear-gradient(135deg,#38bdf8,#a78bfa,#f472b6)}
.theme-preview-dinosoft{background-color:#d9e7f3;background-image:url('/images/themes/dino-soft.webp');background-repeat:repeat;background-size:270px;color:#0f172a}.theme-preview-dinosoft span{color:#334155}
.theme-preview-dinofun{background-color:#d5f3ec;background-image:url('/images/themes/dino-fun.jpg');background-repeat:repeat;background-size:330px;color:#0f172a}.theme-preview-dinofun span{color:#334155}
.theme-preview-dino{background:linear-gradient(135deg,#064e3b,#22c55e,#bef264);color:#022c22}.theme-preview-dino span{color:#064e3b}
.theme-preview-ocean{background:linear-gradient(135deg,#082f49,#0284c7,#67e8f9)}
.theme-preview-space{background:radial-gradient(circle at 20% 20%,#a78bfa,#1e1b4b 45%,#020617)}
.accent-blue{border-color:#38bdf8}.accent-purple{border-color:#a855f7}.accent-green{border-color:#22c55e}.accent-pink{border-color:#ec4899}.accent-orange{border-color:#f97316}
.pref-row{display:flex;align-items:flex-start;gap:12px;border:1px solid #334155;border-radius:14px;padding:14px;background:#0f172a;color:#f8fafc}
.pref-row input{margin-top:3px}.pref-row small{display:block;color:#94a3b8;margin-top:4px}
.success-panel{border-color:#16a34a!important;background:#052e16!important;color:#dcfce7!important}