/* v3.3 poster styling for Watch, Ideas, connection panel and Info. Loaded last. */
:root{--sx-card:#141c33;--sx-card2:#1a2444;--sx-green:#a7f3d0;--sx-violet:#c4b5fd;--sx-pink:#f9a8d4;--sx-text:#e9eef8;--sx-muted:#aab6c9}
main>h1,.ideas-intro h1,main>.eyebrow+h1{font-family:Zen,system-ui,sans-serif;font-weight:400;letter-spacing:-.3px}

/* Watch: episode rows become outlined dark cards */
#episode-results{display:grid;gap:12px}
.episode{display:grid!important;grid-template-columns:132px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:10px!important;border:2px solid #c4b5fd40!important;border-radius:22px!important;background:linear-gradient(135deg,var(--sx-card2),var(--sx-card))!important;box-shadow:0 8px 20px #0005}
.episode .thumb{width:132px!important;height:auto!important;aspect-ratio:16/9;border-radius:14px!important;overflow:hidden;border:1px solid #ffffff22}
.episode .thumb img{width:100%;height:100%;object-fit:cover}
.episode .info{min-width:0;padding:0!important;text-align:left}
.episode .meta{font-size:11px!important;color:var(--sx-green)!important;letter-spacing:.4px}
.episode h3{font-size:15px!important;line-height:1.3!important;color:#fff!important;margin:4px 0!important;overflow-wrap:anywhere}
.episode .desc{font-size:12px!important;color:var(--sx-muted)!important}
.episode .save,.clip-card .save{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1f;color:var(--sx-text)}
.episode .save.on,.clip-card .save.on{color:#0b1020;background:var(--sx-green);border-color:var(--sx-green)}

/* Watch: clips grid, dark cards (were near-white) */
.clip-grid{gap:12px!important}
.clip-card{background:linear-gradient(180deg,var(--sx-card2),var(--sx-card))!important;border:2px solid #a7f3d040!important;border-radius:22px!important;overflow:hidden;box-shadow:0 8px 20px #0005;color:var(--sx-text)!important}
.clip-card .clip-art{aspect-ratio:16/9;height:auto!important}
.clip-card .clip-art img{width:100%;height:100%;object-fit:cover}
.clip-card .mini-play{background:var(--sx-green)!important;color:#0b1020!important}
.clip-body{padding:10px 12px 10px!important;background:transparent!important}
.clip-label{font-size:10px!important;color:var(--sx-green)!important;letter-spacing:.4px}
.clip-title{font-size:14px!important;line-height:1.3!important;color:#fff!important;margin:4px 0 6px!important;text-align:left;overflow-wrap:anywhere}
.clip-body .small{font-size:11px!important;color:var(--sx-muted)!important}

/* Watch tabs and chips */
.watch-tabs{border:2px solid #c4b5fd40!important;border-radius:20px!important;background:var(--sx-card)!important}
.watch-tabs button.active,.watch-tabs button[aria-pressed="true"]{background:var(--sx-green)!important;color:#0b1020!important}
.chip{border:1.5px solid #ffffff26!important;background:var(--sx-card)!important;color:var(--sx-text)!important;min-height:40px}
.chip.on{background:var(--sx-green)!important;color:#0b1020!important;border-color:var(--sx-green)!important}

/* Ideas: subject board, dark cards with a colored sticker panel */
.subject-card{background:var(--sx-card)!important;border:2px solid #c4b5fd40!important;border-radius:22px!important;color:var(--sx-text)!important;box-shadow:0 8px 20px #0005;overflow:hidden}
.subject-card::before{background:radial-gradient(120% 120% at 50% 0%,#2b3b66,#16203a)!important}
.subject-card h3{color:#fff!important}
.subject-card p{color:var(--sx-muted)!important}
.subject-card small{color:var(--sx-green)!important}
.subject-card .subject-index{color:var(--sx-violet)!important;font-family:Zen,system-ui,sans-serif}

/* Ideas: reading cards, dark with subject sticker and clear actions (were white) */
.idea.idea-card-v3{position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(var(--subject-hue) 35% 17%),#121a30 70%)!important;border:2px solid hsl(var(--subject-hue) 70% 70% / .45)!important;border-radius:24px!important;padding:18px 18px 14px!important;color:var(--sx-text)!important;box-shadow:0 10px 24px #0006;margin-bottom:14px}
.idea-card-v3 .idea-sticker{position:absolute;right:-6px;top:-4px;width:78px;height:78px;object-fit:contain;opacity:.9;transform:rotate(8deg);filter:drop-shadow(0 6px 10px #0008)}
.idea-card-v3 .idea-top{display:flex;align-items:center;gap:8px;padding-right:70px}
.idea-card-v3 .category{font-size:11px!important;letter-spacing:1px;text-transform:uppercase;color:hsl(var(--subject-hue) 80% 80%)!important}
.idea-card-v3 h3{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:19px!important;line-height:1.3!important;color:#fff!important;margin:10px 70px 8px 0!important}
.idea-card-v3 .idea-preview{font-size:15px!important;line-height:1.55!important;color:#d6deeb!important;margin:0 0 14px!important}
.idea-card-v3 .idea-bottom{display:flex!important;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff1a!important;padding-top:12px!important}
.idea-action{min-height:44px;padding:0 16px;border-radius:14px;border:1.5px solid #ffffff2e!important;background:#ffffff0d!important;color:var(--sx-text)!important;font:inherit;font-size:14px;font-weight:600}
.idea-action.shortlisted{background:#fde68a!important;color:#1f1300!important;border-color:#fde68a!important}
.idea-action.film{border-color:#a7f3d080!important;color:var(--sx-green)!important}
.idea-action.undo{background:#ffffff14!important}
.idea-card-v3.recorded{opacity:1!important}
.idea-card-v3 .pill.green{background:var(--sx-green)!important;color:#0b1020!important;font-size:11px}
.idea-status-tabs button span{background:#ffffff1f!important;color:#fff!important}

/* Connection panel: compact */
#modal:has(.conn-head){max-height:86vh}
.conn-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.conn-head h2{margin:0;font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:20px}
.conn-summary{align-self:flex-start;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffff14;color:var(--sx-text)}
.conn-summary.good{background:#34d39926;color:var(--sx-green)}.conn-summary.warn{background:#f59e0b26;color:#fcd34d}
.conn-connect{width:100%;margin:0 0 12px}
.conn-list{display:grid;gap:6px;margin-bottom:12px}
.conn-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff17}
.conn-row b{font-size:14px;color:#fff;font-weight:600}
.conn-row span:last-child{font-size:12px;color:var(--sx-muted)}
.conn-dot{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}
.conn-row.bad .conn-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}
.conn-error{margin:-2px 0 4px 22px;font-size:12px;color:#fcd34d}
.conn-empty{font-size:14px;color:var(--sx-muted)}
.conn-more{margin:4px 0 12px;font-size:13px;color:var(--sx-muted)}
.conn-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--sx-text);font-weight:600}
.conn-more p{font-size:13px;line-height:1.5}

/* Info: richer poster look */
.about-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;border:2px solid #a7f3d099;padding:26px 18px 22px!important;background:url('identity/S2_Background.webp') center/cover;box-shadow:0 0 30px #34d39926,0 18px 40px #0008}
.about-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b102040,#0b1020e0 70%)}
.about-hero h1{font-family:Zen,system-ui,sans-serif;font-weight:400}
.about-hero h1 span{color:var(--sx-green)}
.about-hero .eyebrow{color:var(--sx-green)!important}
.about-stats{border:0!important;background:none!important;gap:12px!important;display:grid!important;grid-template-columns:1fr 1fr}
.about-stats>div{border-radius:22px!important;padding:16px!important;border:2px solid #a7f3d066!important;background:linear-gradient(140deg,#1f4a46,#122036)!important}
.about-stats>div:last-child{border-color:#c4b5fd66!important;background:linear-gradient(140deg,#3b2a6b,#16203a)!important}
.about-stats b{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:32px!important;color:#fff!important}
.about-stats span{font-size:12px!important;color:#d6deeb!important}
.youtube-channel-card{border:2px solid #fca5a580!important;background:linear-gradient(135deg,#4a1d2b,#1a1530)!important;border-radius:22px!important}
.youtube-channel-card .youtube-channel-icon{background:#ff3b3b!important;color:#fff!important;border-radius:12px}
.origin-history{border:2px solid #fde68a66!important;border-radius:24px!important;background:linear-gradient(160deg,#2c2440,#141c33 60%),url('identity/S4_Background.webp') center/cover!important}
.origin-history h2{font-family:Zen,system-ui,sans-serif;font-weight:400}
.founder-card{border:2px solid #f9a8d480!important;background:linear-gradient(135deg,#4a1d45,#1a1f3d)!important;border-radius:22px!important}
.founder-symbol{background:linear-gradient(135deg,#f9a8d4,#c4b5fd)!important;color:#1a1030!important}
.co-creators article{border:2px solid #a7f3d055!important;background:linear-gradient(160deg,#173a3a,#141c33)!important;border-radius:22px!important}
.co-creators article:nth-child(2n){border-color:#c4b5fd66!important;background:linear-gradient(160deg,#30245e,#141c33)!important}
.co-creators .person-initial{background:var(--sx-green)!important;color:#0b1020!important;font-family:Zen,system-ui,sans-serif}
.co-creators article:nth-child(2n) .person-initial{background:var(--sx-violet)!important}
.mascot-note{border:2px solid #a7f3d066!important;border-radius:22px!important;background:linear-gradient(90deg,#0b1020e6,#0b102080),url('identity/S5_Background.webp') center/cover!important}
.notification-settings-card{border:2px solid #c4b5fd55!important;border-radius:22px!important;background:linear-gradient(135deg,#1a2444,#141c33)!important}
main>section h2,.about-hero~.section h2{font-family:Zen,system-ui,sans-serif;font-weight:400}
/* stronger overrides: dark subject board + readable idea buttons */
.subject-grid .subject-card,.subject-grid .subject-card[class*="tone-"],.subject-grid .subject-card:nth-child(n){background:linear-gradient(160deg,#1d2a4a,#121a30)!important;color:var(--sx-text)!important;border:2px solid #c4b5fd40!important}
.subject-grid .subject-card .subject-copy{background:transparent!important;color:var(--sx-text)!important}
.subject-grid .subject-card .subject-sticker{background:radial-gradient(circle at 50% 60%,#34d39933,transparent 70%)!important}
.subject-grid .subject-card h3{font-family:Zen,system-ui,sans-serif;font-weight:400;color:#fff!important}
.subject-grid .subject-card p{color:#c3cddd!important;opacity:1!important;font-size:12px!important}
.subject-grid .subject-card small{color:var(--sx-green)!important;opacity:1!important;font-size:12px}
.idea-card-v3 .idea-bottom button.idea-action{min-height:44px!important;padding:0 16px!important;font-size:14px!important;font-weight:600;border-radius:14px!important;color:var(--sx-text)!important;background:#ffffff12!important;border:1.5px solid #ffffff38!important;text-decoration:none!important;opacity:1!important}
.idea-card-v3 .idea-bottom button.idea-action.shortlisted{background:#fde68a!important;color:#1f1300!important;border-color:#fde68a!important}
.idea-card-v3 .idea-bottom button.idea-action.film{color:var(--sx-green)!important;border-color:#a7f3d099!important}
/* Subject board: 2-column dark sticker cards (beats the older cream list rules) */
main .subject-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;background:none!important;border-radius:0!important;overflow:visible!important}
main .subject-grid[hidden]{display:none!important}
main .subject-grid>.subject-card:nth-child(n){position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;min-height:0!important;padding:12px 14px 14px!important;border:2px solid #c4b5fd40!important;border-radius:22px!important;background:linear-gradient(170deg,#24315a,#121a30 62%)!important;color:var(--sx-text)!important;box-shadow:0 8px 20px #0005}
main .subject-grid>.subject-card:nth-child(3n+2){border-color:#a7f3d040!important;background:linear-gradient(170deg,#1c3d46,#121a30 62%)!important}
main .subject-grid>.subject-card:nth-child(3n){border-color:#f9a8d440!important;background:linear-gradient(170deg,#3d2346,#121a30 62%)!important}
main .subject-grid>.subject-card:last-child:nth-child(odd){grid-column:1/-1}
main .subject-grid>.subject-card .subject-sticker{order:-1;align-self:center;width:84px!important;height:84px!important;object-fit:contain;position:static!important;margin:4px 0 2px;filter:drop-shadow(0 8px 10px #0008);background:none!important}
main .subject-grid>.subject-card .subject-index{position:absolute;left:12px;top:10px;font-size:12px;color:var(--sx-violet)!important}
main .subject-grid>.subject-card .subject-arrow{display:none!important}
main .subject-grid>.subject-card .subject-copy h3{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:15px!important;line-height:1.3;color:#fff!important}
main .subject-grid>.subject-card .subject-copy p{color:#c3cddd!important;font-size:12px!important;line-height:1.45;max-width:none}
main .subject-grid>.subject-card .subject-copy small{color:var(--sx-green)!important;font-size:12px!important}
main .subject-grid>.subject-card:active{transform:scale(.98)}