/* Treatly Theme Lab v1.2.0
   Twenty complete visual directions share the same accessible PHP markup.
   Each theme changes colour, typography, logo, hero artwork, spacing, card
   composition, navigation, buttons and the way community heat is expressed. */

:root{
  --theme-page:#fbfafd;--theme-surface:#fff;--theme-surface-2:#f5f1ff;
  --theme-ink:#251a3d;--theme-muted:#6c6577;--theme-primary:#6f4bd8;
  --theme-secondary:#8b6cff;--theme-accent:#3aa675;--theme-line:#e6e1ed;
  --theme-header:rgba(251,250,253,.92);--theme-header-ink:#251a3d;
  --theme-radius:22px;--theme-small-radius:14px;--theme-button-radius:12px;
  --theme-shadow:0 18px 60px rgba(55,35,93,.12);
  --theme-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --theme-display:var(--theme-font);--theme-max:1180px;--theme-border-width:1px;
}

/* Theme switcher */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.theme-lab{position:relative;z-index:80;background:#111827;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.theme-lab-inner{max-width:1320px;margin:auto;min-height:54px;padding:7px 18px;display:grid;grid-template-columns:auto auto minmax(160px,1fr) auto;align-items:center;gap:16px}
.theme-lab-title{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.theme-lab-title:hover{text-decoration:none}.theme-lab-title span:last-child{display:grid;line-height:1.1}.theme-lab-title small{font-size:10px;color:#b9c1cf;margin-top:3px}.theme-lab-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#8b6cff,#ef6f61);display:grid;place-items:center;font-weight:900}
.theme-switcher-controls{display:flex;align-items:center;gap:5px}.theme-step{width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer}.theme-step:hover{background:rgba(255,255,255,.17)}
.theme-select-wrap select{appearance:none;min-width:188px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#202a3b;color:#fff;padding:0 35px 0 11px;font-weight:800;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.theme-lab-copy{min-width:0;display:flex;align-items:baseline;gap:9px}.theme-lab-copy strong{white-space:nowrap}.theme-lab-copy span{font-size:12px;color:#c5ccda;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-gallery-link{color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800;text-decoration:none}.theme-gallery-link:hover{background:rgba(255,255,255,.1);text-decoration:none}
.theme-lab-admin{grid-column:1/-1}.theme-lab-admin .theme-lab-inner{max-width:none}

/* Shared theme token application */
html[data-theme] body{background:var(--theme-page);color:var(--theme-ink);font-family:var(--theme-font)}
html[data-theme] a{color:var(--theme-primary)}
html[data-theme] .site-header{background:var(--theme-header);border-color:var(--theme-line)}
html[data-theme] .header-inner,html[data-theme] .page,html[data-theme] .footer-inner{max-width:var(--theme-max)}
html[data-theme] .desktop-nav a,html[data-theme] .user-menu summary{color:var(--theme-header-ink)}
html[data-theme] .desktop-nav a:hover,html[data-theme] .desktop-nav a.active{background:var(--theme-surface-2);color:var(--theme-primary)}
html[data-theme] .mobile-nav,html[data-theme] .menu-card,html[data-theme] .panel,html[data-theme] .post-card,html[data-theme] .condition-card,html[data-theme] .stat-card,html[data-theme] .admin-table-wrap{background:var(--theme-surface);border-color:var(--theme-line);box-shadow:none}
html[data-theme] .panel,html[data-theme] .post-card,html[data-theme] .condition-card,html[data-theme] .stat-card,html[data-theme] .daily-card,html[data-theme] .search-panel,html[data-theme] .hero-art,html[data-theme] .menu-card{border-radius:var(--theme-radius)}
html[data-theme] .panel.soft,html[data-theme] .metric,html[data-theme] .post-pulse,html[data-theme] .avatar-mini,html[data-theme] .profile-avatar,html[data-theme] .eyebrow,html[data-theme] .button.soft{background:var(--theme-surface-2)}
html[data-theme] .panel.soft{color:var(--theme-ink)}
html[data-theme] .post-card,html[data-theme] .condition-card,html[data-theme] .panel,html[data-theme] .stat-card{border-width:var(--theme-border-width)}
html[data-theme] .condition-card:hover,html[data-theme] .post-card:hover{box-shadow:var(--theme-shadow);border-color:color-mix(in srgb,var(--theme-primary) 40%,var(--theme-line))}
html[data-theme] .condition-card h3,html[data-theme] .post-card h3 a,html[data-theme] .panel h1,html[data-theme] .panel h2,html[data-theme] .panel h3{color:var(--theme-ink)}
html[data-theme] .muted,html[data-theme] .condition-card p,html[data-theme] .section-head p,html[data-theme] .post-card p,html[data-theme] .stat-card span,html[data-theme] .post-meta{color:var(--theme-muted)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] .brand{font-family:var(--theme-display)}
html[data-theme] .button,html[data-theme] .btn{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);border-radius:var(--theme-button-radius)}
html[data-theme] .button.primary,html[data-theme] .btn.primary{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-primary));color:#fff;border-color:transparent}
html[data-theme] .button.soft{color:var(--theme-primary)}
html[data-theme] .stack-form input,html[data-theme] .stack-form select,html[data-theme] .stack-form textarea,html[data-theme] .field,html[data-theme] .permission-grid select{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);border-radius:var(--theme-small-radius)}
html[data-theme] .stack-form input:focus,html[data-theme] .stack-form select:focus,html[data-theme] .stack-form textarea:focus{outline-color:color-mix(in srgb,var(--theme-primary) 22%,transparent);border-color:var(--theme-primary)}
html[data-theme] .search-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 80%,#111),var(--theme-secondary));color:#fff}
html[data-theme] .daily-card{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 82%,#111),var(--theme-secondary));color:#fff}
html[data-theme] .progress{background:color-mix(in srgb,var(--theme-line) 80%,transparent)}
html[data-theme] .progress>span,html[data-theme] .chart-bar .fill{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-primary))}
html[data-theme] .tabs{border-color:var(--theme-line)}html[data-theme] .tabs a{color:var(--theme-muted)}html[data-theme] .tabs a.active{color:var(--theme-primary);border-color:var(--theme-primary)}
html[data-theme] .reaction{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}html[data-theme] .reaction.active{background:var(--theme-surface-2);border-color:var(--theme-primary);color:var(--theme-primary)}
html[data-theme] .insight-box{background:var(--theme-surface-2)}html[data-theme] .insight-row .bar{background:var(--theme-line)}html[data-theme] .insight-row .bar span{background:var(--theme-primary)}
html[data-theme] .footer{background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme] .top-disclaimer{background:color-mix(in srgb,var(--theme-ink) 94%,#000);color:#fff}
html[data-theme] .admin-sidebar{background:color-mix(in srgb,var(--theme-ink) 92%,#000)}html[data-theme] .admin-sidebar a{color:color-mix(in srgb,var(--theme-surface) 80%,var(--theme-muted))}html[data-theme] .admin-sidebar a:hover,html[data-theme] .admin-sidebar a.active{background:color-mix(in srgb,var(--theme-primary) 28%,transparent);color:#fff}
html[data-theme] .admin-main{background:var(--theme-page)}html[data-theme] .admin-table th{background:var(--theme-surface-2);color:var(--theme-muted)}html[data-theme] .admin-table td,html[data-theme] .admin-table th{border-color:var(--theme-line)}
html[data-theme] .chip{background:var(--theme-surface-2);color:var(--theme-muted)}html[data-theme] .chip.purple{color:var(--theme-primary)}
html[data-theme] .hero-art{position:relative;background:var(--theme-surface-2);box-shadow:var(--theme-shadow);isolation:isolate}
.theme-hero-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.82}
.theme-hero-visual+ .growth-card{}.growth-card{z-index:2}
.brand img,[data-theme-logo]{transition:opacity .14s ease,transform .25s ease}
.post-card{position:relative}.post-pulse{position:relative;overflow:hidden}.heat-icon,.pulse-meter{display:none}.pulse-value{line-height:1}.pulse-meter{height:5px;width:100%;background:rgba(255,255,255,.35);border-radius:99px;overflow:hidden}.pulse-meter i{display:block;height:100%;background:currentColor}

/* Theme gallery */
.theme-gallery-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:38px 0}.theme-gallery-hero h1{font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-3px;margin:10px 0}.theme-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-preview{background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:22px;overflow:hidden;transition:.2s transform,.2s box-shadow}.theme-preview:hover{transform:translateY(-4px);box-shadow:var(--theme-shadow)}.theme-preview-image{height:190px;background:#ececf2;overflow:hidden}.theme-preview-image img{width:100%;height:100%;object-fit:cover}.theme-preview-body{padding:16px}.theme-preview-logo-wrap{display:inline-flex;align-items:center;min-height:48px;padding:4px 8px;border-radius:10px}.theme-preview-logo-wrap.dark{background:#0b1018}.theme-preview-logo{height:38px;max-width:160px;object-fit:contain;object-position:left center}.theme-preview h2{margin:12px 0 5px;font-size:21px}.theme-preview p{margin:0;color:var(--theme-muted);font-size:14px}.theme-preview-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:10px}.theme-preview.active{outline:4px solid color-mix(in srgb,var(--theme-primary) 25%,transparent);border-color:var(--theme-primary)}

/* 01 — Sprout */
html[data-theme="sprout"]{--theme-page:#fbfafd;--theme-surface:#fff;--theme-surface-2:#f5f1ff;--theme-ink:#251a3d;--theme-muted:#6c6577;--theme-primary:#6f4bd8;--theme-secondary:#8b6cff;--theme-accent:#3aa675;--theme-line:#e6e1ed;--theme-header:rgba(251,250,253,.92);--theme-header-ink:#251a3d;--theme-radius:22px;--theme-small-radius:14px;--theme-button-radius:12px;--theme-shadow:0 18px 60px rgba(55,35,93,.12);--theme-max:1180px}
html[data-theme="sprout"] .theme-hero-visual{opacity:.18}.brand img{width:160px}

/* 02 — Heatwave: hot/cool voting board */
html[data-theme="heatwave"]{--theme-page:#f3f5f7;--theme-surface:#fff;--theme-surface-2:#eef1f5;--theme-ink:#17233c;--theme-muted:#667085;--theme-primary:#f04a24;--theme-secondary:#ff8a00;--theme-accent:#1584e8;--theme-line:#d7dce2;--theme-header:#16233c;--theme-header-ink:#fff;--theme-radius:10px;--theme-small-radius:8px;--theme-button-radius:8px;--theme-shadow:0 10px 30px rgba(19,37,66,.12);--theme-max:1120px}
html[data-theme="heatwave"] .site-header{box-shadow:0 2px 10px rgba(14,30,54,.18)}html[data-theme="heatwave"] .brand img{filter:none;width:150px}html[data-theme="heatwave"] .site-header .brand img{filter:brightness(0) invert(1)}html[data-theme="heatwave"] .mobile-toggle{background:#263755;color:#fff}
html[data-theme="heatwave"] .hero{grid-template-columns:.9fr 1.1fr;padding:30px 0}.theme-hero-visual{opacity:.95}html[data-theme="heatwave"] .hero-art{min-height:350px}html[data-theme="heatwave"] .growth-card{display:none}html[data-theme="heatwave"] .hero h1{font-size:clamp(42px,5.4vw,64px);letter-spacing:-2.8px}
html[data-theme="heatwave"] .grid.conditions{grid-template-columns:repeat(2,1fr)}html[data-theme="heatwave"] .condition-card{min-height:auto;display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding:14px}html[data-theme="heatwave"] .condition-card .condition-icon{grid-row:1/4}html[data-theme="heatwave"] .condition-card h3{margin:2px 0 2px}html[data-theme="heatwave"] .condition-card .condition-meta{margin-top:6px}
html[data-theme="heatwave"] .post-card{grid-template-columns:96px 1fr;padding:0;gap:0;border:1px solid var(--theme-line);overflow:hidden}html[data-theme="heatwave"] .post-card>div:last-child{padding:16px}html[data-theme="heatwave"] .post-pulse{width:auto;border-radius:0;min-height:100%;padding:13px 8px;gap:5px}html[data-theme="heatwave"] .heat-icon,html[data-theme="heatwave"] .pulse-meter{display:block}html[data-theme="heatwave"] .heat-icon{font-size:25px}html[data-theme="heatwave"] .pulse-label:before{content:"heat ";}html[data-theme="heatwave"] .heat-hot .post-pulse{background:linear-gradient(180deg,#ff8a00,#ed3f25);color:#fff}html[data-theme="heatwave"] .heat-warm .post-pulse{background:#fff0d8;color:#c94b12}html[data-theme="heatwave"] .heat-cool .post-pulse{background:linear-gradient(180deg,#d9f1ff,#b8ddfa);color:#1269a6}html[data-theme="heatwave"] .heat-cool .heat-icon{font-size:0}html[data-theme="heatwave"] .heat-cool .heat-icon:after{content:"❄";font-size:25px}html[data-theme="heatwave"] .post-pulse .pulse-value{font-size:24px}html[data-theme="heatwave"] .post-card h3{font-size:19px}
html[data-theme="heatwave"] .search-panel{background:#202f4d;border-radius:10px}.tabs a.active{font-weight:900}

/* 03 — Clinical Clear */
html[data-theme="clinical-clear"]{--theme-page:#f3f9f9;--theme-surface:#fff;--theme-surface-2:#e5f4f4;--theme-ink:#12343b;--theme-muted:#5e7478;--theme-primary:#006b76;--theme-secondary:#00a6a6;--theme-accent:#3b82f6;--theme-line:#cfe0e1;--theme-header:#fff;--theme-header-ink:#12343b;--theme-radius:8px;--theme-small-radius:5px;--theme-button-radius:5px;--theme-shadow:0 12px 30px rgba(0,91,102,.09);--theme-max:1280px}
html[data-theme="clinical-clear"] .top-disclaimer{background:#005a64}html[data-theme="clinical-clear"] .site-header{border-bottom:4px solid var(--theme-primary)}html[data-theme="clinical-clear"] .hero{grid-template-columns:1fr 1fr;gap:30px}html[data-theme="clinical-clear"] .hero-art{min-height:360px;border:1px solid var(--theme-line)}html[data-theme="clinical-clear"] .growth-card{display:none}html[data-theme="clinical-clear"] .eyebrow{text-transform:uppercase;letter-spacing:.08em;border-radius:4px}html[data-theme="clinical-clear"] .condition-card{border-left:5px solid var(--theme-secondary)}html[data-theme="clinical-clear"] .post-card{border-left:5px solid var(--theme-primary);border-radius:5px}html[data-theme="clinical-clear"] .post-pulse{border-radius:4px}html[data-theme="clinical-clear"] .section-head h2{font-size:28px}html[data-theme="clinical-clear"] .button{font-weight:750}

/* 04 — Aurora Glass */
html[data-theme="aurora-glass"]{color-scheme:dark;--theme-page:#09111f;--theme-surface:rgba(17,27,44,.72);--theme-surface-2:rgba(97,78,150,.22);--theme-ink:#f7fbff;--theme-muted:#a9bad0;--theme-primary:#a78bfa;--theme-secondary:#22d3ee;--theme-accent:#f472b6;--theme-line:rgba(180,196,225,.22);--theme-header:rgba(9,17,31,.72);--theme-header-ink:#f7fbff;--theme-radius:28px;--theme-small-radius:16px;--theme-button-radius:999px;--theme-shadow:0 28px 80px rgba(0,0,0,.38);--theme-max:1220px}
html[data-theme="aurora-glass"] body{background-image:radial-gradient(circle at 10% 0%,rgba(167,139,250,.24),transparent 34%),radial-gradient(circle at 95% 20%,rgba(34,211,238,.18),transparent 30%),linear-gradient(#09111f,#0a1324);background-attachment:fixed}html[data-theme="aurora-glass"] .site-header,html[data-theme="aurora-glass"] .panel,html[data-theme="aurora-glass"] .post-card,html[data-theme="aurora-glass"] .condition-card,html[data-theme="aurora-glass"] .menu-card{backdrop-filter:blur(22px)}
html[data-theme="aurora-glass"] .hero{grid-template-columns:1fr;padding:70px 0 36px;text-align:center}html[data-theme="aurora-glass"] .hero>div:first-child{max-width:900px;margin:auto}html[data-theme="aurora-glass"] .hero-actions{justify-content:center}html[data-theme="aurora-glass"] .hero-art{min-height:420px}html[data-theme="aurora-glass"] .growth-card{background:rgba(8,15,27,.72);border-color:var(--theme-line);backdrop-filter:blur(20px)}html[data-theme="aurora-glass"] .growth-card.main{left:9%;top:18%;width:280px}html[data-theme="aurora-glass"] .growth-card.stat{right:8%;bottom:12%}html[data-theme="aurora-glass"] .grid.conditions{grid-template-columns:repeat(4,1fr)}html[data-theme="aurora-glass"] .condition-card:hover{transform:translateY(-8px) scale(1.015)}html[data-theme="aurora-glass"] .button.primary{color:#07111c}

/* 05 — Meadow Journal */
html[data-theme="meadow-journal"]{--theme-page:#f4f1e8;--theme-surface:#fffdf5;--theme-surface-2:#e8ecdc;--theme-ink:#28342a;--theme-muted:#6f7568;--theme-primary:#426b46;--theme-secondary:#8eaa67;--theme-accent:#c7784b;--theme-line:#d8d4c5;--theme-header:rgba(244,241,232,.94);--theme-header-ink:#28342a;--theme-radius:4px 28px 4px 28px;--theme-small-radius:4px;--theme-button-radius:3px 14px 3px 14px;--theme-shadow:0 18px 36px rgba(67,73,54,.12);--theme-display:Georgia,"Times New Roman",serif;--theme-font:Georgia,"Times New Roman",serif;--theme-max:1160px}
html[data-theme="meadow-journal"] .hero{grid-template-columns:.85fr 1.15fr;direction:rtl}html[data-theme="meadow-journal"] .hero>*{direction:ltr}html[data-theme="meadow-journal"] .hero h1{font-weight:500;letter-spacing:-2px}html[data-theme="meadow-journal"] .growth-card{display:none}html[data-theme="meadow-journal"] .hero-art{min-height:440px}html[data-theme="meadow-journal"] .condition-card:nth-child(odd){transform:translateY(10px)}html[data-theme="meadow-journal"] .post-card{grid-template-columns:1fr;border-left:7px solid var(--theme-primary);padding:25px}html[data-theme="meadow-journal"] .post-pulse{position:absolute;right:18px;top:18px;width:auto;padding:8px 12px;flex-direction:row;gap:5px}html[data-theme="meadow-journal"] .post-card h3{font-size:25px}html[data-theme="meadow-journal"] .search-panel{background:#314936}

/* 06 — Pulse Social */
html[data-theme="pulse-social"]{--theme-page:#f7f7fb;--theme-surface:#fff;--theme-surface-2:#fff0f2;--theme-ink:#24253c;--theme-muted:#73758b;--theme-primary:#ec5b6f;--theme-secondary:#6b6cf6;--theme-accent:#20b9a5;--theme-line:#e4e4ef;--theme-header:#fff;--theme-header-ink:#24253c;--theme-radius:24px;--theme-small-radius:16px;--theme-button-radius:999px;--theme-shadow:0 18px 45px rgba(75,74,129,.13);--theme-max:980px}
html[data-theme="pulse-social"] .header-inner{min-height:68px}html[data-theme="pulse-social"] .hero{grid-template-columns:1fr;text-align:center;padding-top:35px}html[data-theme="pulse-social"] .hero>div:first-child{max-width:780px;margin:auto}html[data-theme="pulse-social"] .hero-actions{justify-content:center}html[data-theme="pulse-social"] .hero-art{min-height:330px}html[data-theme="pulse-social"] .growth-card.main{left:6%;top:13%}html[data-theme="pulse-social"] .growth-card.stat{right:6%;bottom:12%}html[data-theme="pulse-social"] .grid.conditions{grid-template-columns:repeat(2,1fr)}html[data-theme="pulse-social"] .condition-card{display:grid;grid-template-columns:52px 1fr;column-gap:12px;min-height:auto}html[data-theme="pulse-social"] .condition-icon{grid-row:1/4}html[data-theme="pulse-social"] .condition-card h3{margin:4px 0}html[data-theme="pulse-social"] .post-card{grid-template-columns:58px 1fr;border:none;box-shadow:0 10px 30px rgba(54,55,96,.08)}html[data-theme="pulse-social"] .post-pulse{width:58px;height:58px;border-radius:50%;align-self:start;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:#fff}html[data-theme="pulse-social"] .post-pulse small{display:none}html[data-theme="pulse-social"] .two-column{grid-template-columns:1fr}html[data-theme="pulse-social"] .sidebar{grid-template-columns:1fr 1fr}

/* 07 — Midnight Signal */
html[data-theme="midnight-signal"]{color-scheme:dark;--theme-page:#07111c;--theme-surface:#0e1c2b;--theme-surface-2:#14283a;--theme-ink:#e9f5f5;--theme-muted:#91a6b7;--theme-primary:#4fd1c5;--theme-secondary:#60a5fa;--theme-accent:#fbbf24;--theme-line:#24384a;--theme-header:#091623;--theme-header-ink:#e9f5f5;--theme-radius:12px;--theme-small-radius:8px;--theme-button-radius:7px;--theme-shadow:0 16px 45px rgba(0,0,0,.35);--theme-max:1280px}
html[data-theme="midnight-signal"] .hero{grid-template-columns:1.2fr .8fr}html[data-theme="midnight-signal"] .hero-art{min-height:360px}html[data-theme="midnight-signal"] .growth-card{display:none}html[data-theme="midnight-signal"] .stats-grid{grid-template-columns:repeat(4,1fr)}html[data-theme="midnight-signal"] .post-card{grid-template-columns:120px 1fr}html[data-theme="midnight-signal"] .post-pulse{width:120px;border:1px solid var(--theme-line);background:#091623}html[data-theme="midnight-signal"] .pulse-value{font-family:ui-monospace,monospace;color:var(--theme-primary)}html[data-theme="midnight-signal"] .condition-card{border-top:3px solid var(--theme-primary)}html[data-theme="midnight-signal"] .button.primary{color:#07111c}

/* 08 — Paper Notes */
html[data-theme="paper-notes"]{--theme-page:#f2ead8;--theme-surface:#fffaf0;--theme-surface-2:#f5e7c9;--theme-ink:#41382e;--theme-muted:#7c7063;--theme-primary:#aa5d3d;--theme-secondary:#d7a54a;--theme-accent:#5b7f62;--theme-line:#d9cbb4;--theme-header:#fffaf0;--theme-header-ink:#41382e;--theme-radius:6px;--theme-small-radius:3px;--theme-button-radius:3px;--theme-shadow:8px 10px 0 rgba(91,73,51,.12);--theme-display:Georgia,serif;--theme-font:Georgia,serif;--theme-max:1080px}
html[data-theme="paper-notes"] body{background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(120,98,65,.07) 32px)}html[data-theme="paper-notes"] .site-header{border-bottom:2px dashed var(--theme-line)}html[data-theme="paper-notes"] .hero{grid-template-columns:1fr 1fr}html[data-theme="paper-notes"] .growth-card{display:none}html[data-theme="paper-notes"] .condition-card:nth-child(3n+1),html[data-theme="paper-notes"] .post-card:nth-child(odd){transform:rotate(-.35deg)}html[data-theme="paper-notes"] .condition-card:nth-child(3n+2),html[data-theme="paper-notes"] .post-card:nth-child(even){transform:rotate(.35deg)}html[data-theme="paper-notes"] .post-card{border:2px solid var(--theme-line);box-shadow:5px 7px 0 rgba(110,85,55,.08)}html[data-theme="paper-notes"] .post-pulse{background:#f7df9e}html[data-theme="paper-notes"] .button{border:2px solid var(--theme-ink)}html[data-theme="paper-notes"] .search-panel{background:#5c4939}

/* 09 — Ocean Calm */
html[data-theme="ocean-calm"]{--theme-page:#edf8fb;--theme-surface:#fff;--theme-surface-2:#dff3f6;--theme-ink:#143844;--theme-muted:#65818a;--theme-primary:#176b87;--theme-secondary:#41a6c4;--theme-accent:#65c3aa;--theme-line:#cde7ed;--theme-header:rgba(237,248,251,.9);--theme-header-ink:#143844;--theme-radius:32px;--theme-small-radius:18px;--theme-button-radius:999px;--theme-shadow:0 22px 55px rgba(26,104,129,.12);--theme-max:1200px}
html[data-theme="ocean-calm"] .hero{grid-template-columns:1fr .95fr}html[data-theme="ocean-calm"] .hero-art{border-radius:48% 52% 38% 62% / 42% 36% 64% 58%;min-height:420px}html[data-theme="ocean-calm"] .growth-card{display:none}html[data-theme="ocean-calm"] .condition-card{border-radius:45px 45px 18px 45px}html[data-theme="ocean-calm"] .post-card{border-radius:32px;padding:22px}html[data-theme="ocean-calm"] .post-pulse{border-radius:50%;width:68px;height:68px}html[data-theme="ocean-calm"] .search-panel{border-radius:50px;padding-left:38px}

/* 10 — Citrus Pop */
html[data-theme="citrus-pop"]{--theme-page:#fff9e8;--theme-surface:#fff;--theme-surface-2:#fff0a8;--theme-ink:#1f2633;--theme-muted:#65707d;--theme-primary:#ff6b35;--theme-secondary:#ffd23f;--theme-accent:#2ec4b6;--theme-line:#1f2633;--theme-header:#ffd23f;--theme-header-ink:#1f2633;--theme-radius:18px;--theme-small-radius:12px;--theme-button-radius:12px;--theme-shadow:7px 7px 0 #1f2633;--theme-border-width:2px;--theme-max:1180px}
html[data-theme="citrus-pop"] .top-disclaimer{background:#1f2633}html[data-theme="citrus-pop"] .site-header{border-bottom:3px solid var(--theme-ink)}html[data-theme="citrus-pop"] .hero-art{border:3px solid var(--theme-ink);box-shadow:10px 10px 0 var(--theme-accent)}html[data-theme="citrus-pop"] .growth-card{display:none}html[data-theme="citrus-pop"] .button{border:2px solid var(--theme-ink);box-shadow:3px 3px 0 var(--theme-ink)}html[data-theme="citrus-pop"] .button:active{transform:translate(3px,3px);box-shadow:none}html[data-theme="citrus-pop"] .button.primary{color:var(--theme-ink)}html[data-theme="citrus-pop"] .condition-card:nth-child(4n+1){background:#fff0a8}html[data-theme="citrus-pop"] .condition-card:nth-child(4n+2){background:#d9f8f3}html[data-theme="citrus-pop"] .condition-card:nth-child(4n+3){background:#ffe4dc}html[data-theme="citrus-pop"] .post-pulse{background:var(--theme-secondary);border:2px solid var(--theme-ink)}html[data-theme="citrus-pop"] .search-panel{color:var(--theme-ink)}

/* 11 — Bento Bloom */
html[data-theme="bento-bloom"]{--theme-page:#f3f0fb;--theme-surface:#fff;--theme-surface-2:#eee9ff;--theme-ink:#26223a;--theme-muted:#716b83;--theme-primary:#7557e8;--theme-secondary:#ff7b89;--theme-accent:#43c6ac;--theme-line:#e1dbee;--theme-header:#fff;--theme-header-ink:#26223a;--theme-radius:28px;--theme-small-radius:18px;--theme-button-radius:14px;--theme-shadow:0 20px 50px rgba(72,52,130,.13);--theme-max:1240px}
html[data-theme="bento-bloom"] .hero{grid-template-columns:.8fr 1.2fr}html[data-theme="bento-bloom"] .hero-art{min-height:410px}html[data-theme="bento-bloom"] .growth-card{display:none}html[data-theme="bento-bloom"] .grid.conditions{grid-template-columns:repeat(6,1fr);grid-auto-rows:155px}html[data-theme="bento-bloom"] .condition-card{grid-column:span 2;min-height:0}html[data-theme="bento-bloom"] .condition-card:nth-child(1),html[data-theme="bento-bloom"] .condition-card:nth-child(6){grid-column:span 3}html[data-theme="bento-bloom"] .condition-card:nth-child(4n+1){background:#eee9ff}html[data-theme="bento-bloom"] .condition-card:nth-child(4n+2){background:#fff0f2}html[data-theme="bento-bloom"] .condition-card:nth-child(4n+3){background:#e5f8f4}html[data-theme="bento-bloom"] .two-column{grid-template-columns:1fr 300px}html[data-theme="bento-bloom"] .post-card{box-shadow:0 12px 35px rgba(75,57,127,.08);border:none}

/* 12 — Editorial Ink */
html[data-theme="editorial-ink"]{--theme-page:#f5f2eb;--theme-surface:#fff;--theme-surface-2:#eeeae1;--theme-ink:#111;--theme-muted:#67635d;--theme-primary:#d83232;--theme-secondary:#111;--theme-accent:#e8b832;--theme-line:#beb9af;--theme-header:#111;--theme-header-ink:#fff;--theme-radius:0;--theme-small-radius:0;--theme-button-radius:0;--theme-shadow:none;--theme-display:Georgia,"Times New Roman",serif;--theme-font:Arial,Helvetica,sans-serif;--theme-max:1240px}
html[data-theme="editorial-ink"] .site-header{border-bottom:6px solid var(--theme-primary)}html[data-theme="editorial-ink"] .site-header .brand img{filter:brightness(0) invert(1)}html[data-theme="editorial-ink"] .hero{grid-template-columns:1.2fr .8fr;border-bottom:5px solid var(--theme-ink);padding-bottom:45px}html[data-theme="editorial-ink"] .hero h1{font-family:Georgia,serif;font-size:clamp(54px,7vw,88px);font-weight:500;letter-spacing:-4px}html[data-theme="editorial-ink"] .growth-card{display:none}html[data-theme="editorial-ink"] .eyebrow{text-transform:uppercase;letter-spacing:.15em;background:transparent;border-top:3px solid var(--theme-primary);padding-left:0}html[data-theme="editorial-ink"] .section-head{border-bottom:2px solid var(--theme-ink);padding-bottom:10px}html[data-theme="editorial-ink"] .section-head h2{text-transform:uppercase;font-size:24px;letter-spacing:.06em}html[data-theme="editorial-ink"] .condition-card{border-width:0 0 3px 0}html[data-theme="editorial-ink"] .post-card{grid-template-columns:105px 1fr;border-width:0 0 2px 0;padding:24px 0}html[data-theme="editorial-ink"] .post-pulse{border-radius:0;background:var(--theme-ink);color:#fff}html[data-theme="editorial-ink"] .post-card h3{font-family:Georgia,serif;font-size:27px}html[data-theme="editorial-ink"] .button.primary{background:var(--theme-primary)}

/* 13 — Soft Cloud */
html[data-theme="soft-cloud"]{--theme-page:#f8f6ff;--theme-surface:#fff;--theme-surface-2:#f0ecff;--theme-ink:#39354f;--theme-muted:#7d7890;--theme-primary:#8b78d7;--theme-secondary:#e49ab0;--theme-accent:#7bc3b7;--theme-line:#e9e4f2;--theme-header:rgba(255,255,255,.82);--theme-header-ink:#39354f;--theme-radius:38px;--theme-small-radius:24px;--theme-button-radius:999px;--theme-shadow:0 28px 75px rgba(94,83,145,.12);--theme-max:1120px}
html[data-theme="soft-cloud"] body{background-image:radial-gradient(circle at 10% 20%,#efe8ff 0 8%,transparent 9%),radial-gradient(circle at 90% 35%,#ffe8ef 0 9%,transparent 10%)}html[data-theme="soft-cloud"] .hero{grid-template-columns:1fr;text-align:center}html[data-theme="soft-cloud"] .hero>div:first-child{max-width:800px;margin:auto}html[data-theme="soft-cloud"] .hero-actions{justify-content:center}html[data-theme="soft-cloud"] .hero-art{min-height:360px;border-radius:80px}html[data-theme="soft-cloud"] .growth-card{display:none}html[data-theme="soft-cloud"] .grid.conditions{grid-template-columns:repeat(4,1fr)}html[data-theme="soft-cloud"] .condition-card{text-align:center;padding:25px}html[data-theme="soft-cloud"] .condition-icon{margin:auto;border-radius:50%}html[data-theme="soft-cloud"] .post-card{padding:24px}html[data-theme="soft-cloud"] .post-pulse{border-radius:50%;width:72px;height:72px}

/* 14 — Retro Terminal */
html[data-theme="retro-terminal"]{color-scheme:dark;--theme-page:#031008;--theme-surface:#071a0d;--theme-surface-2:#0d2814;--theme-ink:#caffd5;--theme-muted:#77a981;--theme-primary:#5cff7a;--theme-secondary:#22c55e;--theme-accent:#facc15;--theme-line:#1d5b2a;--theme-header:#020c05;--theme-header-ink:#caffd5;--theme-radius:0;--theme-small-radius:0;--theme-button-radius:0;--theme-shadow:0 0 24px rgba(92,255,122,.12);--theme-font:ui-monospace,SFMono-Regular,Consolas,monospace;--theme-display:ui-monospace,SFMono-Regular,Consolas,monospace;--theme-max:1160px}
html[data-theme="retro-terminal"] body{background-image:repeating-linear-gradient(0deg,rgba(92,255,122,.025),rgba(92,255,122,.025) 1px,transparent 1px,transparent 4px)}html[data-theme="retro-terminal"] .top-disclaimer{border-bottom:1px solid var(--theme-primary)}html[data-theme="retro-terminal"] .site-header{border-bottom:1px solid var(--theme-primary)}html[data-theme="retro-terminal"] .hero{grid-template-columns:1fr 1fr}html[data-theme="retro-terminal"] .hero h1{text-transform:uppercase;font-size:clamp(38px,5vw,64px);letter-spacing:-2px}html[data-theme="retro-terminal"] .growth-card{display:none}html[data-theme="retro-terminal"] .eyebrow:before{content:"> ";}html[data-theme="retro-terminal"] .condition-card,html[data-theme="retro-terminal"] .post-card,html[data-theme="retro-terminal"] .panel{border:1px solid var(--theme-primary)}html[data-theme="retro-terminal"] .condition-card:hover,html[data-theme="retro-terminal"] .post-card:hover{box-shadow:0 0 20px rgba(92,255,122,.23)}html[data-theme="retro-terminal"] .post-pulse{border-right:1px solid var(--theme-primary);background:transparent}html[data-theme="retro-terminal"] .button.primary{color:#031008}html[data-theme="retro-terminal"] .search-panel{border:1px solid var(--theme-primary);background:#06160b}

/* 15 — Atlas Health */
html[data-theme="atlas-health"]{--theme-page:#ede8dc;--theme-surface:#faf7ee;--theme-surface-2:#e6dfcf;--theme-ink:#24383a;--theme-muted:#6b7773;--theme-primary:#2c5d63;--theme-secondary:#cb7b52;--theme-accent:#d7ad55;--theme-line:#cfc6b4;--theme-header:#faf7ee;--theme-header-ink:#24383a;--theme-radius:2px 18px 2px 18px;--theme-small-radius:2px 10px 2px 10px;--theme-button-radius:2px 10px 2px 10px;--theme-shadow:0 14px 28px rgba(65,68,57,.13);--theme-display:Georgia,serif;--theme-max:1260px}
html[data-theme="atlas-health"] body{background-image:linear-gradient(rgba(44,93,99,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(44,93,99,.04) 1px,transparent 1px);background-size:44px 44px}html[data-theme="atlas-health"] .hero{grid-template-columns:.9fr 1.1fr}html[data-theme="atlas-health"] .growth-card{display:none}html[data-theme="atlas-health"] .grid.conditions{grid-template-columns:repeat(5,1fr)}html[data-theme="atlas-health"] .condition-card{min-height:185px;border-top:5px solid var(--theme-primary)}html[data-theme="atlas-health"] .condition-card:nth-child(3n){border-top-color:var(--theme-secondary)}html[data-theme="atlas-health"] .post-card{grid-template-columns:80px 1fr}html[data-theme="atlas-health"] .post-pulse{width:80px;background:transparent;border:2px solid var(--theme-primary)}html[data-theme="atlas-health"] .search-panel{background:#2c5d63}

/* 16 — Neon Lab */
html[data-theme="neon-lab"]{color-scheme:dark;--theme-page:#050507;--theme-surface:#101014;--theme-surface-2:#1b1420;--theme-ink:#f7f7fb;--theme-muted:#aaa8b8;--theme-primary:#ff3bd4;--theme-secondary:#37e5ff;--theme-accent:#c8ff42;--theme-line:#38313e;--theme-header:rgba(5,5,7,.86);--theme-header-ink:#f7f7fb;--theme-radius:18px;--theme-small-radius:10px;--theme-button-radius:5px;--theme-shadow:0 0 30px rgba(255,59,212,.18);--theme-max:1200px}
html[data-theme="neon-lab"] body{background-image:linear-gradient(rgba(55,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,212,.035) 1px,transparent 1px);background-size:32px 32px}html[data-theme="neon-lab"] .site-header{border-bottom:1px solid var(--theme-primary);box-shadow:0 0 22px rgba(255,59,212,.12)}html[data-theme="neon-lab"] .hero-art{border:1px solid var(--theme-primary);box-shadow:0 0 45px rgba(55,229,255,.14)}html[data-theme="neon-lab"] .growth-card{display:none}html[data-theme="neon-lab"] .condition-card:nth-child(odd){border-color:var(--theme-primary)}html[data-theme="neon-lab"] .condition-card:nth-child(even){border-color:var(--theme-secondary)}html[data-theme="neon-lab"] .post-card:hover{box-shadow:0 0 28px rgba(255,59,212,.22)}html[data-theme="neon-lab"] .post-pulse{background:linear-gradient(135deg,rgba(255,59,212,.2),rgba(55,229,255,.18));border:1px solid var(--theme-secondary)}html[data-theme="neon-lab"] .pulse-value{color:var(--theme-accent)}html[data-theme="neon-lab"] .button.primary{color:#060609}

/* 17 — Orchard Community */
html[data-theme="orchard-community"]{--theme-page:#f5eee4;--theme-surface:#fffaf2;--theme-surface-2:#efe2d2;--theme-ink:#3b3028;--theme-muted:#776c62;--theme-primary:#a74f34;--theme-secondary:#4f7650;--theme-accent:#e3a23a;--theme-line:#decfbd;--theme-header:#fffaf2;--theme-header-ink:#3b3028;--theme-radius:18px 18px 38px 18px;--theme-small-radius:10px 10px 20px 10px;--theme-button-radius:8px 8px 20px 8px;--theme-shadow:0 18px 35px rgba(91,60,41,.13);--theme-display:Georgia,serif;--theme-max:1160px}
html[data-theme="orchard-community"] .hero{grid-template-columns:1fr 1fr}html[data-theme="orchard-community"] .growth-card{display:none}html[data-theme="orchard-community"] .grid.conditions{grid-template-columns:repeat(3,1fr)}html[data-theme="orchard-community"] .condition-card{min-height:180px;border-bottom:6px solid var(--theme-secondary)}html[data-theme="orchard-community"] .condition-card:nth-child(3n+2){border-bottom-color:var(--theme-primary)}html[data-theme="orchard-community"] .post-card{border-left:6px solid var(--theme-accent)}html[data-theme="orchard-community"] .post-pulse{background:#f2d59f}html[data-theme="orchard-community"] .search-panel{background:#4f7650}

/* 18 — Minimal Mono */
html[data-theme="minimal-mono"]{--theme-page:#fff;--theme-surface:#fff;--theme-surface-2:#f4f4f4;--theme-ink:#111;--theme-muted:#6b6b6b;--theme-primary:#111;--theme-secondary:#575757;--theme-accent:#111;--theme-line:#d5d5d5;--theme-header:rgba(255,255,255,.96);--theme-header-ink:#111;--theme-radius:0;--theme-small-radius:0;--theme-button-radius:0;--theme-shadow:none;--theme-max:1040px}
html[data-theme="minimal-mono"] .top-disclaimer{background:#fff;color:#555;border-bottom:1px solid #ddd}html[data-theme="minimal-mono"] .header-inner{min-height:62px}html[data-theme="minimal-mono"] .hero{grid-template-columns:1.4fr .6fr;padding:90px 0}html[data-theme="minimal-mono"] .hero h1{font-size:clamp(52px,8vw,92px);font-weight:500;letter-spacing:-5px}html[data-theme="minimal-mono"] .hero-art{min-height:310px;border:1px solid #111}html[data-theme="minimal-mono"] .growth-card{display:none}html[data-theme="minimal-mono"] .eyebrow{background:transparent;padding-left:0;text-transform:uppercase;letter-spacing:.14em}html[data-theme="minimal-mono"] .condition-card{border-width:1px 0 0 0;padding-left:0;padding-right:0}html[data-theme="minimal-mono"] .post-card{grid-template-columns:80px 1fr;border-width:1px 0 0 0;padding:24px 0}html[data-theme="minimal-mono"] .post-pulse{background:#fff;border:1px solid #111;border-radius:0}html[data-theme="minimal-mono"] .search-panel{background:#111;border-radius:0}html[data-theme="minimal-mono"] .button.primary{background:#111}

/* 19 — Kinetic Cards */
html[data-theme="kinetic-cards"]{--theme-page:#f1f3ff;--theme-surface:#fff;--theme-surface-2:#e9edff;--theme-ink:#13162b;--theme-muted:#646a84;--theme-primary:#3157ff;--theme-secondary:#ff4f8b;--theme-accent:#ffd83d;--theme-line:#13162b;--theme-header:#fff;--theme-header-ink:#13162b;--theme-radius:14px;--theme-small-radius:8px;--theme-button-radius:8px;--theme-shadow:8px 8px 0 #13162b;--theme-border-width:3px;--theme-max:1180px}
html[data-theme="kinetic-cards"] .site-header{border-bottom:3px solid var(--theme-ink)}html[data-theme="kinetic-cards"] .hero-art{border:3px solid var(--theme-ink);transform:rotate(1deg);box-shadow:12px 12px 0 var(--theme-accent)}html[data-theme="kinetic-cards"] .growth-card{display:none}html[data-theme="kinetic-cards"] .button{border:3px solid var(--theme-ink);box-shadow:4px 4px 0 var(--theme-ink)}html[data-theme="kinetic-cards"] .button.primary{background:var(--theme-primary)}html[data-theme="kinetic-cards"] .condition-card:nth-child(odd){transform:rotate(-.8deg)}html[data-theme="kinetic-cards"] .condition-card:nth-child(even){transform:rotate(.8deg)}html[data-theme="kinetic-cards"] .post-card:nth-child(3n+1){border-left:16px solid var(--theme-primary)}html[data-theme="kinetic-cards"] .post-card:nth-child(3n+2){border-left:16px solid var(--theme-secondary)}html[data-theme="kinetic-cards"] .post-card:nth-child(3n){border-left:16px solid var(--theme-accent)}html[data-theme="kinetic-cards"] .post-pulse{border:3px solid var(--theme-ink);background:var(--theme-accent)}html[data-theme="kinetic-cards"] .search-panel{border:3px solid var(--theme-ink);box-shadow:8px 8px 0 var(--theme-ink)}

/* 20 — Luminous Hope */
html[data-theme="luminous-hope"]{--theme-page:#fff6ee;--theme-surface:rgba(255,255,255,.84);--theme-surface-2:#ffeadf;--theme-ink:#402c38;--theme-muted:#7c6771;--theme-primary:#ef6f61;--theme-secondary:#f4b942;--theme-accent:#7a6cf6;--theme-line:#f0d8cf;--theme-header:rgba(255,246,238,.82);--theme-header-ink:#402c38;--theme-radius:30px;--theme-small-radius:18px;--theme-button-radius:999px;--theme-shadow:0 24px 65px rgba(158,85,67,.13);--theme-max:1200px}
html[data-theme="luminous-hope"] body{background-image:radial-gradient(circle at 85% 8%,rgba(244,185,66,.28),transparent 24%),radial-gradient(circle at 12% 30%,rgba(239,111,97,.16),transparent 26%)}html[data-theme="luminous-hope"] .hero{grid-template-columns:1fr 1fr;padding:62px 0}html[data-theme="luminous-hope"] .hero h1{font-size:clamp(50px,6vw,76px)}html[data-theme="luminous-hope"] .hero-art{min-height:430px;box-shadow:0 35px 90px rgba(210,112,78,.2)}html[data-theme="luminous-hope"] .growth-card{background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}html[data-theme="luminous-hope"] .growth-card.main{left:7%;top:14%}html[data-theme="luminous-hope"] .growth-card.stat{right:7%;bottom:13%}html[data-theme="luminous-hope"] .condition-card{background:rgba(255,255,255,.74);backdrop-filter:blur(10px)}html[data-theme="luminous-hope"] .post-card{background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}html[data-theme="luminous-hope"] .post-pulse{background:linear-gradient(145deg,#ffe2cd,#fff5c6);color:var(--theme-primary)}

@media(max-width:950px){
  .theme-lab-inner{grid-template-columns:auto 1fr auto}.theme-lab-copy{display:none}.theme-gallery-grid{grid-template-columns:repeat(2,1fr)}.theme-gallery-hero{grid-template-columns:1fr}
  html[data-theme="bento-bloom"] .grid.conditions{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}html[data-theme="bento-bloom"] .condition-card,html[data-theme="bento-bloom"] .condition-card:nth-child(1),html[data-theme="bento-bloom"] .condition-card:nth-child(6){grid-column:span 1}
  html[data-theme="atlas-health"] .grid.conditions{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .theme-lab-inner{grid-template-columns:1fr auto;padding:7px 10px;gap:8px}.theme-lab-title small,.theme-gallery-link{display:none}.theme-lab-title strong{font-size:12px}.theme-lab-mark{width:27px;height:27px}.theme-select-wrap select{min-width:145px;max-width:46vw}.theme-step{width:29px;height:29px}
  .theme-gallery-grid{grid-template-columns:1fr}.theme-preview-image{height:165px}
  html[data-theme] .hero{grid-template-columns:1fr;direction:ltr;text-align:left;padding-top:28px}html[data-theme] .hero>*{direction:ltr}html[data-theme] .hero-actions{justify-content:flex-start}html[data-theme] .hero-art{min-height:300px;border-radius:var(--theme-radius);transform:none}
  html[data-theme="aurora-glass"] .hero,html[data-theme="pulse-social"] .hero,html[data-theme="soft-cloud"] .hero{text-align:center}html[data-theme="aurora-glass"] .hero-actions,html[data-theme="pulse-social"] .hero-actions,html[data-theme="soft-cloud"] .hero-actions{justify-content:center}
  html[data-theme="heatwave"] .grid.conditions,html[data-theme="pulse-social"] .grid.conditions,html[data-theme="orchard-community"] .grid.conditions,html[data-theme="atlas-health"] .grid.conditions{grid-template-columns:1fr}
  html[data-theme="heatwave"] .post-card,html[data-theme="midnight-signal"] .post-card,html[data-theme="editorial-ink"] .post-card,html[data-theme="atlas-health"] .post-card,html[data-theme="minimal-mono"] .post-card{grid-template-columns:74px 1fr}html[data-theme="heatwave"] .post-pulse,html[data-theme="midnight-signal"] .post-pulse,html[data-theme="editorial-ink"] .post-pulse,html[data-theme="atlas-health"] .post-pulse,html[data-theme="minimal-mono"] .post-pulse{width:auto;height:100%}
  html[data-theme="soft-cloud"] .grid.conditions,html[data-theme="aurora-glass"] .grid.conditions{grid-template-columns:1fr}
  html[data-theme="pulse-social"] .sidebar{grid-template-columns:1fr}
  html[data-theme="kinetic-cards"] .condition-card{transform:none!important}
}

/* ========================================================================== 
   Treatly Growth v1.2.0 — Engagement Signal Studio
   The same momentum score is translated into twenty deliberately different
   metaphors. These components are present site-wide and update instantly when
   the Theme Lab selector changes.
   ========================================================================== */

.theme-lab-inner{grid-template-columns:auto auto minmax(150px,1fr) auto auto}
.theme-lab-signal{display:grid;line-height:1.05;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}
.theme-lab-signal small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9fa9ba;margin-bottom:4px}
.theme-lab-signal strong{font-size:12px;color:#fff;white-space:nowrap}

/* Shared signal anatomy */
.topic-signal{
  --signal-tone:var(--theme-primary);--signal-soft:var(--theme-surface-2);
  width:104px;min-width:104px;min-height:132px;padding:11px 9px;gap:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid var(--theme-line);border-radius:var(--theme-small-radius);
  background:var(--signal-soft);color:var(--theme-ink);text-align:center;overflow:visible;
}
.topic-signal.signal-low{--signal-tone:color-mix(in srgb,var(--theme-muted) 82%,var(--theme-primary));--signal-soft:color-mix(in srgb,var(--theme-surface-2) 86%,var(--theme-muted) 14%)}
.topic-signal.signal-mid{--signal-tone:var(--theme-secondary);--signal-soft:color-mix(in srgb,var(--theme-surface-2) 78%,var(--theme-secondary) 22%)}
.topic-signal.signal-high{--signal-tone:var(--theme-primary);--signal-soft:color-mix(in srgb,var(--theme-surface-2) 72%,var(--theme-primary) 28%)}
.signal-visuals{position:relative;width:76px;height:64px;display:grid;place-items:center;flex:0 0 auto}
.signal-visual{display:none;position:relative;width:68px;height:58px}
.signal-reading{display:grid;gap:1px;justify-items:center;line-height:1.04;min-width:0}
.signal-reading .signal-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-muted);font-weight:900}
.signal-reading>strong{font-family:var(--theme-display);font-size:13px;max-width:94px;color:var(--theme-ink)}
.signal-score{font-size:10px;color:var(--theme-muted)}
.signal-score>b{color:var(--signal-tone);font-size:14px}
.signal-card{isolation:isolate}
.post-card-content{min-width:0}
.post-engagement-counts{margin-top:10px}
.post-engagement-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:11px;border-top:1px dashed var(--theme-line);font-size:11px;color:var(--theme-muted)}
.post-engagement-nudge a{white-space:nowrap;font-weight:900;color:var(--signal-tone,var(--theme-primary))}
.signal-section-head h2{transition:color .2s ease}

/* Detailed signal panel and response zone */
.signal-detail-panel{display:grid;gap:14px;text-align:center;position:sticky;top:150px}
.signal-detail-panel .topic-signal{width:100%;min-height:245px;padding:22px}
.signal-detail-panel .signal-visuals{width:150px;height:125px;transform:scale(1.55)}
.signal-detail-panel .signal-reading>strong{font-size:22px;max-width:none}
.signal-detail-panel .signal-reading .signal-kicker{font-size:10px}
.signal-detail-panel .signal-score>b{font-size:24px}
.signal-detail-panel p{margin:0;color:var(--theme-muted);font-size:13px}
.detail-signal-mobile{display:none}
.response-zone{margin:20px 0;padding:20px;border:1px solid var(--theme-line);border-radius:var(--theme-radius);background:var(--theme-surface)}
.response-zone-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.response-zone-heading h2{margin:9px 0 3px}.response-zone-heading p{margin:0}.response-zone-heading>small{max-width:260px;color:var(--theme-muted);text-align:right}

/* Live signal playground */
.signal-playground{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;margin:18px 0 42px;padding:32px}
.signal-playground h2{font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-1.7px;margin:14px 0 10px}
.signal-playground-copy>p{font-size:17px;color:var(--theme-muted)}
.signal-range-label{display:flex;justify-content:space-between;gap:20px;font-weight:900;margin-top:22px}
.signal-playground input[type="range"]{width:100%;accent-color:var(--theme-primary);margin:12px 0 2px}
.signal-level-key{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-muted);font-weight:850;margin-bottom:16px}
.signal-playground-stage{display:grid;justify-items:center;gap:14px;padding:24px;border-radius:var(--theme-radius);background:var(--theme-surface-2);border:1px solid var(--theme-line)}
.topic-signal-playground{width:min(100%,340px);min-height:300px;padding:30px}
.topic-signal-playground .signal-visuals{width:170px;height:135px;transform:scale(1.65)}
.topic-signal-playground .signal-reading>strong{font-size:28px;max-width:none}
.topic-signal-playground .signal-reading .signal-kicker{font-size:11px}
.topic-signal-playground .signal-score>b{font-size:30px}
.signal-playground-stage>p{max-width:380px;text-align:center;margin:0;color:var(--theme-muted)}

/* Theme gallery concept explanations */
.theme-concept-card{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;background:var(--theme-surface-2);border:1px solid var(--theme-line);border-radius:14px;padding:12px;margin-top:14px}
.theme-concept-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--preview-color) 15%,white);color:var(--preview-color);font-size:21px;font-weight:950}
.theme-concept-card small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:var(--theme-muted);font-weight:900}
.theme-concept-card strong{display:block;font-size:12px;line-height:1.3;margin-top:3px;color:var(--theme-ink)}
.theme-state-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.theme-state-row span{padding:7px 5px;border-radius:8px;text-align:center;font-size:9px;font-weight:850;border:1px solid var(--theme-line)}
.theme-state-row .low{background:color-mix(in srgb,var(--theme-muted) 8%,var(--theme-surface))}
.theme-state-row .mid{background:color-mix(in srgb,var(--theme-secondary) 12%,var(--theme-surface));color:var(--theme-secondary)}
.theme-state-row .high{background:color-mix(in srgb,var(--theme-primary) 13%,var(--theme-surface));color:var(--theme-primary)}

/* --------------------------------------------------------------------------
   01 — Sprout: a living plant with growth stages
   -------------------------------------------------------------------------- */
html[data-theme="sprout"] .visual-sprout{display:block}
.visual-sprout .sprout-pot{position:absolute;left:20px;bottom:2px;width:29px;height:18px;background:#8a5a44;clip-path:polygon(10% 0,90% 0,76% 100%,24% 100%);border-radius:3px}
.visual-sprout .sprout-stem{position:absolute;left:33px;bottom:17px;width:4px;height:24px;background:#4f9a62;border-radius:99px;transform-origin:bottom;transform:scaleY(.55)}
.visual-sprout .sprout-leaf{position:absolute;width:19px;height:10px;background:#74ba78;border-radius:100% 0 100% 0;opacity:0;transform:rotate(-24deg)}
.visual-sprout .sprout-leaf.one{left:16px;bottom:31px}.visual-sprout .sprout-leaf.two{right:14px;bottom:40px;transform:scaleX(-1) rotate(-24deg)}
.visual-sprout .sprout-crown{position:absolute;left:16px;top:1px;width:38px;height:28px;border-radius:50%;background:radial-gradient(circle at 25% 65%,#83c98b 0 26%,transparent 28%),radial-gradient(circle at 50% 35%,#65ad70 0 32%,transparent 34%),radial-gradient(circle at 75% 65%,#91d297 0 27%,transparent 29%);opacity:0}
.signal-mid .visual-sprout .sprout-stem{transform:scaleY(.82)}.signal-mid .visual-sprout .sprout-leaf.one{opacity:1}
.signal-high .visual-sprout .sprout-stem{transform:scaleY(1.25)}.signal-high .visual-sprout .sprout-leaf{opacity:1}.signal-high .visual-sprout .sprout-crown{opacity:1}
html[data-theme="sprout"] .topic-signal{border-bottom:5px solid var(--signal-tone)}
html[data-theme="sprout"] .signal-high{box-shadow:0 13px 28px rgba(67,135,80,.16)}

/* 02 — Heatwave: HotUKDeals-style temperature rail */
html[data-theme="heatwave"] .visual-heatwave{display:block}
.visual-heatwave .heat-tube{position:absolute;left:27px;top:3px;width:15px;height:47px;border:3px solid currentColor;border-radius:99px;color:#c5ccd3;background:#fff;overflow:hidden}
.visual-heatwave .heat-tube:after{content:"";position:absolute;left:1px;bottom:1px;width:7px;height:7px;border-radius:50%;background:var(--signal-tone)}
.visual-heatwave .heat-tube b{position:absolute;left:3px;right:3px;bottom:7px;height:var(--signal-fill);max-height:36px;background:linear-gradient(#ffcf2e,#f04a24);border-radius:99px}
.visual-heatwave .heat-flame{display:none;position:absolute;right:1px;top:0;font-style:normal;font-size:23px}.visual-heatwave .heat-snow{display:block;position:absolute;left:1px;top:15px;color:#1687d9;font-style:normal;font-size:20px}
.signal-mid .visual-heatwave .heat-snow,.signal-high .visual-heatwave .heat-snow{display:none}.signal-mid .visual-heatwave .heat-flame,.signal-high .visual-heatwave .heat-flame{display:block}.signal-high .visual-heatwave .heat-flame{font-size:29px;filter:drop-shadow(0 5px 8px rgba(240,74,36,.35))}
html[data-theme="heatwave"] .post-card{grid-template-columns:122px 1fr;padding:0;overflow:hidden}
html[data-theme="heatwave"] .post-card-content{padding:19px 20px 18px 0}
html[data-theme="heatwave"] .topic-signal-card{width:122px;height:100%;min-height:100%;border:0;border-right:1px solid var(--theme-line);border-radius:0;background:#f1f3f5}
html[data-theme="heatwave"] .signal-low .signal-score>b{color:#1687d9}html[data-theme="heatwave"] .signal-mid .signal-score>b,html[data-theme="heatwave"] .signal-high .signal-score>b{color:#f04a24}
html[data-theme="heatwave"] .signal-score>b:after{content:"°"}
html[data-theme="heatwave"] .signal-high.topic-signal{background:linear-gradient(180deg,#fff0e9,#ffe0d4)}
html[data-theme="heatwave"] .signal-mid.topic-signal{background:linear-gradient(180deg,#fff9e5,#fff0cc)}
html[data-theme="heatwave"] .signal-low.topic-signal{background:linear-gradient(180deg,#edf7ff,#dff1ff)}
html[data-theme="heatwave"] .post-engagement-nudge a{background:var(--signal-tone);color:#fff;border-radius:8px;padding:6px 9px}

/* 03 — Clinical Clear: deliberately neutral activity bands */
html[data-theme="clinical-clear"] .visual-clinical-clear{display:flex;flex-direction:column;gap:6px;justify-content:center}
.visual-clinical-clear i{display:block;height:8px;border-radius:99px;background:#d9e7e9;overflow:hidden;position:relative}
.visual-clinical-clear i:after{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:#8baeb3;border-radius:inherit}
.signal-mid .visual-clinical-clear i:nth-child(-n+2):after{width:72%;background:#3c929b}.signal-high .visual-clinical-clear i:after{width:100%;background:#006b76}
.visual-clinical-clear b{position:absolute;right:0;top:0;width:11px;height:11px;border:3px solid #8baeb3;border-radius:50%;background:#fff}.signal-high .visual-clinical-clear b{background:#006b76;border-color:#006b76}
html[data-theme="clinical-clear"] .topic-signal{background:#f7fbfb;border-left:4px solid var(--signal-tone)}
html[data-theme="clinical-clear"] .signal-reading>strong{font-weight:700}
html[data-theme="clinical-clear"] .post-engagement-nudge{border-top-style:solid}

/* 04 — Aurora Glass: luminous orbit intensity */
html[data-theme="aurora-glass"] .visual-aurora-glass{display:block}
.visual-aurora-glass i{position:absolute;inset:3px;border-radius:50%;background:conic-gradient(#74e2ff var(--signal-fill),#a78bfa 0 76%,rgba(255,255,255,.08) 0);filter:blur(.2px);box-shadow:0 0 22px rgba(116,226,255,.38)}
.visual-aurora-glass i:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#17142c}
.visual-aurora-glass b{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;left:29px;top:1px;box-shadow:0 0 17px #fff,0 0 30px #74e2ff}
.visual-aurora-glass em{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,#d9fff8 0 15%,#a78bfa 17% 35%,transparent 37%);z-index:2}
.signal-low .visual-aurora-glass{opacity:.48}.signal-high .visual-aurora-glass{filter:saturate(1.35);animation:auroraPulse 2.6s ease-in-out infinite}
@keyframes auroraPulse{50%{transform:scale(1.08) rotate(6deg)}}
html[data-theme="aurora-glass"] .topic-signal{background:rgba(21,18,45,.72);border-color:rgba(167,139,250,.35);box-shadow:inset 0 0 24px rgba(116,226,255,.07)}
html[data-theme="aurora-glass"] .signal-reading>strong,html[data-theme="aurora-glass"] .signal-score>b{color:#e7e1ff}

/* 05 — Meadow Journal: a collected botanical stamp */
html[data-theme="meadow-journal"] .visual-meadow-journal{display:block}
.visual-meadow-journal{border:2px dashed #8da58d;border-radius:50%;transform:rotate(-5deg)}
.visual-meadow-journal i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:34px;color:#426b46}
.visual-meadow-journal b,.visual-meadow-journal em{position:absolute;background:#426b46;height:2px;width:17px;right:-8px}.visual-meadow-journal b{top:17px;transform:rotate(18deg)}.visual-meadow-journal em{bottom:15px;transform:rotate(-13deg)}
.signal-low .visual-meadow-journal{opacity:.55}.signal-high .visual-meadow-journal{border-style:solid;box-shadow:0 0 0 5px rgba(66,107,70,.1)}
html[data-theme="meadow-journal"] .topic-signal{background:#f4f0dd;transform:rotate(-1deg);border-color:#cfc6a5}
html[data-theme="meadow-journal"] .signal-kicker,html[data-theme="meadow-journal"] .signal-score{font-family:"Courier New",monospace}
html[data-theme="meadow-journal"] .post-engagement-nudge{font-style:italic}

/* 06 — Pulse Social: an animated social waveform */
html[data-theme="pulse-social"] .visual-pulse-social{display:flex;align-items:center;justify-content:center;gap:4px}
.visual-pulse-social i{width:5px;height:16px;border-radius:99px;background:var(--signal-tone);animation:pulseBars 1.1s ease-in-out infinite alternate}.visual-pulse-social i:nth-child(2){height:31px;animation-delay:-.4s}.visual-pulse-social i:nth-child(3){height:22px;animation-delay:-.2s}.visual-pulse-social i:nth-child(4){height:42px;animation-delay:-.6s}.visual-pulse-social i:nth-child(5){height:27px;animation-delay:-.3s}.visual-pulse-social i:nth-child(6){height:15px;animation-delay:-.7s}
.signal-low .visual-pulse-social i{animation:none;height:8px!important;opacity:.45}.signal-mid .visual-pulse-social i{animation-duration:1.8s}
@keyframes pulseBars{to{transform:scaleY(.5);opacity:.55}}
html[data-theme="pulse-social"] .post-card{grid-template-columns:1fr;padding-top:15px}
html[data-theme="pulse-social"] .topic-signal-card{width:100%;min-height:76px;display:grid;grid-template-columns:90px 1fr;padding:8px 16px;text-align:left}
html[data-theme="pulse-social"] .topic-signal-card .signal-reading{justify-items:start}
html[data-theme="pulse-social"] .signal-visuals{height:54px}
html[data-theme="pulse-social"] .post-engagement-nudge{background:#fff4f6;border:0;border-radius:999px;padding:8px 12px}

/* 07 — Midnight Signal: reception bars and radar sweep */
html[data-theme="midnight-signal"] .visual-midnight-signal{display:flex;align-items:end;gap:5px;padding:6px 8px}
.visual-midnight-signal i{display:block;width:8px;background:#314950;border-radius:3px 3px 0 0}.visual-midnight-signal i:nth-child(1){height:12px}.visual-midnight-signal i:nth-child(2){height:22px}.visual-midnight-signal i:nth-child(3){height:33px}.visual-midnight-signal i:nth-child(4){height:45px}
.signal-low .visual-midnight-signal i:nth-child(n+2),.signal-mid .visual-midnight-signal i:nth-child(n+3){background:#314950}.signal-low .visual-midnight-signal i:first-child,.signal-mid .visual-midnight-signal i:nth-child(-n+2),.signal-high .visual-midnight-signal i{background:#4fd1c5;box-shadow:0 0 12px rgba(79,209,197,.35)}
.visual-midnight-signal b{position:absolute;inset:3px;border:1px solid rgba(79,209,197,.24);border-radius:50%;clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%);animation:radarSweep 3s linear infinite}
@keyframes radarSweep{to{transform:rotate(360deg)}}
html[data-theme="midnight-signal"] .topic-signal{background:#0d191f;border-color:#294049}
html[data-theme="midnight-signal"] .signal-reading>strong{color:#dffcf8}
html[data-theme="midnight-signal"] .signal-score>b{color:#4fd1c5}
html[data-theme="midnight-signal"] .post-card{border-left:3px solid var(--signal-tone)}

/* 08 — Paper Notes: a pinned stack of notes */
html[data-theme="paper-notes"] .visual-paper-notes{display:block}
.visual-paper-notes i{position:absolute;width:43px;height:40px;left:13px;top:9px;background:#fff1a8;border:1px solid #d4c370;box-shadow:3px 4px 0 rgba(94,68,38,.12)}.visual-paper-notes i:nth-child(1){transform:rotate(-7deg);background:#f5d8c2}.visual-paper-notes i:nth-child(2){transform:rotate(5deg);background:#d7ead0}.visual-paper-notes i:nth-child(3){transform:rotate(0);background:#fff1a8}
.visual-paper-notes b{position:absolute;z-index:3;top:2px;left:26px;width:20px;height:20px;border-radius:50%;background:#aa5d3d;color:#fff;font-size:7px;display:grid;place-items:center;transform:rotate(-8deg)}
.signal-low .visual-paper-notes i:nth-child(-n+2){display:none}.signal-mid .visual-paper-notes i:first-child{display:none}
html[data-theme="paper-notes"] .post-card{position:relative;padding-top:22px}
html[data-theme="paper-notes"] .topic-signal-card{position:absolute;right:17px;top:15px;width:118px;min-height:112px;transform:rotate(2deg);z-index:3;background:#fff8ce;border-color:#d9c46d;box-shadow:4px 5px 0 rgba(106,73,36,.1)}
html[data-theme="paper-notes"] .post-card-content{padding-right:132px}
html[data-theme="paper-notes"] .post-engagement-nudge{font-family:"Comic Sans MS","Segoe Print",cursive;color:#765238}

/* 09 — Ocean Calm: a rising waterline */
html[data-theme="ocean-calm"] .visual-ocean-calm{display:block;border:2px solid #8bb9c8;border-radius:13px;overflow:hidden;background:#eefaff}
.visual-ocean-calm i{position:absolute;left:0;right:0;bottom:0;height:var(--signal-fill);background:linear-gradient(180deg,#73c5dd,#176b87)}
.visual-ocean-calm i:before,.visual-ocean-calm i:after{content:"";position:absolute;left:-10px;top:-7px;width:42px;height:14px;border-radius:50%;background:#eefaff}.visual-ocean-calm i:after{left:26px;top:-5px;width:48px}
.visual-ocean-calm b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:25px;text-shadow:0 1px 6px rgba(0,0,0,.25)}
html[data-theme="ocean-calm"] .post-card{grid-template-columns:1fr}
html[data-theme="ocean-calm"] .topic-signal-card{order:2;width:100%;min-height:74px;display:grid;grid-template-columns:90px 1fr;padding:7px 16px}
html[data-theme="ocean-calm"] .topic-signal-card .signal-reading{justify-items:start;text-align:left}
html[data-theme="ocean-calm"] .post-engagement-nudge{border-top:0;background:linear-gradient(90deg,rgba(23,107,135,.08),transparent);padding:9px 12px;border-radius:12px}

/* 10 — Citrus Pop: a filling citrus slice */
html[data-theme="citrus-pop"] .visual-citrus-pop{display:block}
.visual-citrus-pop i{position:absolute;inset:2px;border-radius:50%;background:conic-gradient(#ff8b31 var(--signal-fill),#ffe9a8 0);border:5px solid #fff4d2;box-shadow:0 0 0 2px #ffb348}
.visual-citrus-pop b,.visual-citrus-pop em{position:absolute;left:33px;top:6px;width:2px;height:47px;background:#fff4d2;transform-origin:center}.visual-citrus-pop em{transform:rotate(60deg)}.visual-citrus-pop b{transform:rotate(-60deg)}
.signal-high .visual-citrus-pop{animation:citrusPop .6s cubic-bezier(.2,.8,.2,1)}
@keyframes citrusPop{50%{transform:scale(1.18) rotate(9deg)}}
html[data-theme="citrus-pop"] .topic-signal{border:3px solid #1f2340;background:#fff7cc;box-shadow:4px 4px 0 #1f2340}
html[data-theme="citrus-pop"] .signal-reading>strong{text-transform:uppercase}
html[data-theme="citrus-pop"] .post-engagement-nudge a{background:#ff6b35;color:white;border:2px solid #1f2340;box-shadow:2px 2px 0 #1f2340;padding:5px 8px;border-radius:8px}

/* 11 — Bento Bloom: engagement types fill a nine-tile mosaic */
html[data-theme="bento-bloom"] .visual-bento-bloom{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px}
.visual-bento-bloom i{border-radius:5px;background:#dcd5f8;opacity:.32}.visual-bento-bloom i:nth-child(3n+1){background:#7557e8}.visual-bento-bloom i:nth-child(3n+2){background:#ff7e91}.visual-bento-bloom i:nth-child(3n){background:#59bfa5}
.signal-low .visual-bento-bloom i:nth-child(n+3){opacity:.16}.signal-low .visual-bento-bloom i:nth-child(-n+2){opacity:1}.signal-mid .visual-bento-bloom i:nth-child(-n+6){opacity:1}.signal-high .visual-bento-bloom i{opacity:1;box-shadow:0 3px 8px rgba(69,45,145,.12)}
html[data-theme="bento-bloom"] .topic-signal{background:#fff;border:0;box-shadow:inset 0 0 0 1px var(--theme-line)}
html[data-theme="bento-bloom"] .signal-reading{background:var(--theme-surface-2);border-radius:10px;padding:7px;width:100%}

/* 12 — Editorial Ink: newsroom rank block */
html[data-theme="editorial-ink"] .visual-editorial-ink{display:grid;align-content:center;text-align:left;border-top:5px solid #d83232;border-bottom:1px solid #111;padding:5px 2px}
.visual-editorial-ink small{font-size:7px;letter-spacing:.18em}.visual-editorial-ink strong{font-family:Georgia,serif;font-size:13px;line-height:1}.visual-editorial-ink b{position:absolute;right:3px;bottom:3px;font-size:25px;color:#d83232}
html[data-theme="editorial-ink"] .topic-signal{border:0;border-radius:0;background:#fff;color:#111}
html[data-theme="editorial-ink"] .topic-signal-card{width:118px;border-right:1px solid #111}
html[data-theme="editorial-ink"] .signal-reading .signal-kicker{letter-spacing:.15em}
html[data-theme="editorial-ink"] .signal-reading>strong{text-transform:uppercase;font-family:Arial,sans-serif;font-size:11px}
html[data-theme="editorial-ink"] .post-engagement-nudge{border-top:2px solid #111;text-transform:uppercase;letter-spacing:.06em}

/* 13 — Soft Cloud: lift and gathering hearts */
html[data-theme="soft-cloud"] .visual-soft-cloud{display:block}
.visual-soft-cloud i{position:absolute;background:#fff;border:1px solid #ddd4f4;border-radius:50%;box-shadow:0 8px 20px rgba(117,92,174,.1)}.visual-soft-cloud i:nth-child(1){width:45px;height:26px;left:11px;bottom:9px;border-radius:30px}.visual-soft-cloud i:nth-child(2){width:29px;height:29px;left:16px;bottom:18px}.visual-soft-cloud i:nth-child(3){width:34px;height:34px;right:12px;bottom:16px}
.visual-soft-cloud b{position:absolute;left:29px;top:4px;color:#e49ab0;font-size:17px;animation:cloudLift 2.3s ease-in-out infinite}.signal-low .visual-soft-cloud b{opacity:.4;animation:none}.signal-high .visual-soft-cloud b{font-size:24px}
@keyframes cloudLift{50%{transform:translateY(-7px) scale(1.1)}}
html[data-theme="soft-cloud"] .topic-signal{border:0;border-radius:60px;background:linear-gradient(145deg,#fff,#f1edff);box-shadow:0 15px 35px rgba(102,78,160,.11)}
html[data-theme="soft-cloud"] .post-engagement-nudge{justify-content:center;flex-wrap:wrap;text-align:center;border:0}

/* 14 — Retro Terminal: process and ASCII load state */
html[data-theme="retro-terminal"] .visual-retro-terminal{display:grid;align-content:center;text-align:left;font-family:"Courier New",monospace;color:#5cff7a;padding:4px}
.visual-retro-terminal small{font-size:8px}.visual-retro-terminal strong{font-size:12px;margin:3px 0}.visual-retro-terminal>i{display:block;height:9px;border:1px solid #5cff7a;padding:1px}.visual-retro-terminal>i b{display:block;height:100%;width:var(--signal-fill);background:#5cff7a}
html[data-theme="retro-terminal"] .post-card{grid-template-columns:1fr}
html[data-theme="retro-terminal"] .topic-signal-card{width:100%;min-height:80px;display:grid;grid-template-columns:100px 1fr;text-align:left;border:1px solid #5cff7a;border-radius:0;padding:8px 14px}
html[data-theme="retro-terminal"] .topic-signal-card .signal-reading{justify-items:start;font-family:"Courier New",monospace}
html[data-theme="retro-terminal"] .post-engagement-nudge{font-family:"Courier New",monospace;border-top:1px solid #5cff7a;text-transform:uppercase}
html[data-theme="retro-terminal"] .post-engagement-nudge a:before{content:"["}html[data-theme="retro-terminal"] .post-engagement-nudge a:after{content:"]"}

/* 15 — Atlas Health: map points become a cluster */
html[data-theme="atlas-health"] .visual-atlas-health{display:block;background-image:linear-gradient(rgba(44,93,99,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(44,93,99,.11) 1px,transparent 1px);background-size:12px 12px;border-radius:8px}
.visual-atlas-health i{position:absolute;width:11px;height:11px;border:3px solid #2c5d63;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#fff}.visual-atlas-health i:nth-child(1){left:11px;top:28px}.visual-atlas-health i:nth-child(2){left:33px;top:12px}.visual-atlas-health i:nth-child(3){right:9px;top:29px}.visual-atlas-health i:nth-child(4){left:35px;bottom:4px}
.signal-low .visual-atlas-health i:nth-child(n+2){display:none}.signal-mid .visual-atlas-health i:nth-child(n+4){display:none}.signal-high .visual-atlas-health i{background:#f3a24c;box-shadow:0 0 0 5px rgba(243,162,76,.12)}
.visual-atlas-health b{position:absolute;left:24px;top:15px;width:31px;height:31px;border:1px dashed #f3a24c;border-radius:50%;opacity:0}.signal-high .visual-atlas-health b{opacity:1}
html[data-theme="atlas-health"] .topic-signal{border-top:4px solid var(--signal-tone);background:#f8fbf8}
html[data-theme="atlas-health"] .signal-score>b:before{content:"P";font-size:8px;margin-right:2px}

/* 16 — Neon Lab: electric voltage gauge */
html[data-theme="neon-lab"] .visual-neon-lab{display:block}
.visual-neon-lab i{position:absolute;inset:2px;border-radius:50%;background:conic-gradient(from 220deg,#37e5ff var(--signal-fill),#292332 0 72%,transparent 0);filter:drop-shadow(0 0 9px rgba(55,229,255,.65))}
.visual-neon-lab i:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b0a0f}
.visual-neon-lab b{position:absolute;left:33px;bottom:29px;width:3px;height:24px;background:#ff3bd4;transform-origin:bottom;transform:rotate(calc(-120deg + (var(--signal-score) * 2deg)));box-shadow:0 0 9px #ff3bd4;z-index:2}
.visual-neon-lab em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;color:#c8ff42;font-size:17px;z-index:3}
html[data-theme="neon-lab"] .topic-signal{border:1px solid #37e5ff;background:rgba(10,9,15,.86);box-shadow:0 0 22px rgba(55,229,255,.13)}
html[data-theme="neon-lab"] .signal-reading>strong{color:#fff;text-shadow:0 0 8px rgba(255,59,212,.55)}
html[data-theme="neon-lab"] .post-engagement-nudge a{color:#c8ff42;text-shadow:0 0 8px rgba(200,255,66,.55)}

/* 17 — Orchard Community: fruit ripeness */
html[data-theme="orchard-community"] .visual-orchard-community{display:block}
.visual-orchard-community i{position:absolute;left:14px;bottom:2px;width:42px;height:42px;border-radius:48% 52% 53% 47%;background:#9bc36a;box-shadow:inset -8px -7px 0 rgba(80,100,48,.12)}
.visual-orchard-community b{position:absolute;left:34px;top:2px;width:5px;height:17px;background:#654333;border-radius:99px;transform:rotate(8deg)}
.visual-orchard-community em{position:absolute;left:39px;top:4px;width:20px;height:10px;background:#4f7650;border-radius:100% 0 100% 0;transform:rotate(18deg)}
.signal-low .visual-orchard-community i{width:20px;height:20px;left:25px;bottom:7px;background:#a6ca78}.signal-mid .visual-orchard-community i{background:#dfa338}.signal-high .visual-orchard-community i{background:#b94f38;box-shadow:inset -8px -7px 0 rgba(90,32,25,.12),0 9px 14px rgba(94,48,34,.16)}
html[data-theme="orchard-community"] .topic-signal{background:#f7e7c7;border-color:#d2b784;border-bottom:5px solid var(--signal-tone)}
html[data-theme="orchard-community"] .post-engagement-nudge a{font-family:Georgia,serif}

/* 18 — Minimal Mono: rank and micro-bar chart */
html[data-theme="minimal-mono"] .visual-minimal-mono{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:end;border-bottom:1px solid #111;padding:4px 0}
.visual-minimal-mono>strong{font-size:26px;font-weight:500;line-height:1}.visual-minimal-mono>i{height:34px;display:flex;align-items:end;gap:3px}.visual-minimal-mono>i b{width:5px;background:#111;height:20%}.visual-minimal-mono>i b:nth-child(2){height:40%}.visual-minimal-mono>i b:nth-child(3){height:65%}.visual-minimal-mono>i b:nth-child(4){height:100%}
.signal-low .visual-minimal-mono>i b:nth-child(n+2){background:#ddd}.signal-mid .visual-minimal-mono>i b:nth-child(n+4){background:#ddd}
html[data-theme="minimal-mono"] .topic-signal{border:0;border-right:1px solid #111;background:#fff;border-radius:0}
html[data-theme="minimal-mono"] .signal-reading{align-items:start;justify-items:start;text-align:left}
html[data-theme="minimal-mono"] .signal-kicker{text-transform:none;letter-spacing:0}
html[data-theme="minimal-mono"] .post-engagement-nudge{border-top:1px solid #111;color:#111}

/* 19 — Kinetic Cards: arrows and physical motion */
html[data-theme="kinetic-cards"] .visual-kinetic-cards{display:block}
.visual-kinetic-cards i{position:absolute;font-style:normal;font-weight:950;font-size:31px;color:#3157ff}.visual-kinetic-cards i:first-child{left:3px;bottom:2px}.visual-kinetic-cards i:nth-child(2){right:3px;top:0;color:#ff4f8b}
.visual-kinetic-cards b{position:absolute;left:9px;right:9px;top:30px;height:5px;background:#ffd83d;box-shadow:0 9px 0 #13162b;transform:skewX(-22deg)}
.signal-low .visual-kinetic-cards i:nth-child(2){opacity:.2}.signal-high .visual-kinetic-cards{animation:kineticKick .55s ease}
@keyframes kineticKick{50%{transform:translate(7px,-5px) rotate(4deg)}}
html[data-theme="kinetic-cards"] .topic-signal{border:3px solid #13162b;background:#ffd83d;box-shadow:5px 5px 0 #13162b;transform:rotate(-2deg)}
html[data-theme="kinetic-cards"] .post-engagement-nudge{border:3px solid #13162b;background:#fff;padding:8px 10px;box-shadow:3px 3px 0 #13162b}
html[data-theme="kinetic-cards"] .post-engagement-nudge a{background:#3157ff;color:#fff;padding:5px 8px}

/* 20 — Luminous Hope: sunrise and expanding rays */
html[data-theme="luminous-hope"] .visual-luminous-hope{display:block;overflow:hidden}
.visual-luminous-hope i{position:absolute;left:14px;bottom:-20px;width:43px;height:43px;border-radius:50%;background:#f4b942;box-shadow:0 0 0 8px rgba(244,185,66,.15),0 0 28px rgba(244,185,66,.45)}
.visual-luminous-hope b{position:absolute;left:0;right:0;bottom:10px;height:2px;background:#ef6f61}
.visual-luminous-hope em{position:absolute;left:33px;bottom:20px;width:3px;height:34px;background:#ef6f61;transform-origin:bottom;box-shadow:0 0 8px rgba(239,111,97,.35)}
.signal-low .visual-luminous-hope i{bottom:-31px;opacity:.6}.signal-mid .visual-luminous-hope i{bottom:-22px}.signal-high .visual-luminous-hope i{bottom:-12px}.signal-high .visual-luminous-hope em{box-shadow:15px 4px 0 -1px #ef6f61,-15px 4px 0 -1px #ef6f61,23px 15px 0 -1px #ef6f61,-23px 15px 0 -1px #ef6f61}
html[data-theme="luminous-hope"] .topic-signal{border:0;background:linear-gradient(180deg,#fff9e5,#ffe3d3);box-shadow:0 14px 34px rgba(197,104,72,.14)}
html[data-theme="luminous-hope"] .post-engagement-nudge{background:linear-gradient(90deg,#fff2dd,#ffe9e3);border:0;border-radius:999px;padding:9px 13px}

/* Theme-specific detail-panel variations */
html[data-theme="heatwave"] .signal-detail-panel{background:linear-gradient(180deg,#fff,#fff0e8)}
html[data-theme="retro-terminal"] .signal-detail-panel,html[data-theme="neon-lab"] .signal-detail-panel,html[data-theme="midnight-signal"] .signal-detail-panel{border-color:var(--theme-primary)}
html[data-theme="minimal-mono"] .signal-detail-panel{border:1px solid #111}
html[data-theme="paper-notes"] .signal-detail-panel{transform:rotate(.5deg);background:#fffbea}
html[data-theme="kinetic-cards"] .signal-detail-panel{box-shadow:8px 8px 0 #13162b}

@media(max-width:950px){
  .theme-lab-inner{grid-template-columns:auto 1fr auto auto}.theme-lab-copy{display:none}
  .signal-playground{grid-template-columns:1fr}.signal-playground-stage{min-height:420px}
  .post-signal-sidebar{display:none}.detail-signal-mobile{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:16px;margin:18px 0;padding:14px;border-radius:var(--theme-radius);background:var(--theme-surface);border:1px solid var(--theme-line)}
  .detail-signal-mobile .topic-signal{width:160px;min-height:150px}.detail-signal-mobile p{margin:0;color:var(--theme-muted)}
  .post-detail{max-width:none}
}
@media(max-width:720px){
  .response-zone-heading{display:block}.response-zone-heading>small{display:block;text-align:left;margin-top:8px}
  .theme-state-row{grid-template-columns:1fr}.theme-state-row span{text-align:left}
  html[data-theme="paper-notes"] .topic-signal-card{position:relative;right:auto;top:auto;width:100%;transform:none}html[data-theme="paper-notes"] .post-card{grid-template-columns:1fr}html[data-theme="paper-notes"] .post-card-content{padding-right:0}
}
@media(max-width:620px){
  .theme-lab-inner{grid-template-columns:1fr auto}.theme-lab-signal{display:none}
  .signal-playground{padding:20px}.topic-signal-playground{min-height:270px}.topic-signal-playground .signal-visuals{transform:scale(1.35)}
  .post-card{grid-template-columns:1fr!important}
  .topic-signal-card{position:relative!important;inset:auto!important;width:100%!important;min-height:78px!important;height:auto!important;display:grid!important;grid-template-columns:84px 1fr!important;transform:none!important;border-radius:var(--theme-small-radius)!important;border:1px solid var(--theme-line)!important;padding:7px 12px!important;text-align:left!important;order:0!important}
  .topic-signal-card .signal-visuals{width:72px;height:58px}.topic-signal-card .signal-reading{justify-items:start!important;text-align:left!important;background:transparent!important;padding:0!important}
  .post-card-content{padding:0!important}.post-engagement-nudge{align-items:flex-start}.post-engagement-nudge span{max-width:65%}
  .detail-signal-mobile{grid-template-columns:1fr;text-align:center}.detail-signal-mobile .topic-signal{width:100%}.detail-signal-mobile p{text-align:center}
}
.signal-card.signal-low{--signal-tone:color-mix(in srgb,var(--theme-muted) 82%,var(--theme-primary))}
.signal-card.signal-mid{--signal-tone:var(--theme-secondary)}
.signal-card.signal-high{--signal-tone:var(--theme-primary)}
html[data-theme="neon-lab"] .visual-neon-lab b{transform:rotate(-25deg)}
html[data-theme="neon-lab"] .signal-low .visual-neon-lab b{transform:rotate(-70deg)}
html[data-theme="neon-lab"] .signal-mid .visual-neon-lab b{transform:rotate(-15deg)}
html[data-theme="neon-lab"] .signal-high .visual-neon-lab b{transform:rotate(48deg)}
.theme-lab-signal strong span:first-child{display:inline-block;min-width:16px;text-align:center}
.tabs [data-signal-sort-label]{display:inline-block;min-width:44px}