.obs-connect-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.obs-connect-grid label{display:grid;gap:5px;font-size:.56rem;color:#9fb9bf}.obs-connect-grid input,.pin-label input,.library-toolbar input{background:#071b22;color:#fff;border:1px solid #355660;border-radius:7px;padding:10px;min-width:0}.obs-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.obs-actions button{border:1px solid #41616b;background:#17343e;color:#fff;border-radius:8px;padding:10px 5px;font-size:.58rem;font-weight:900}.obs-actions button:first-child{color:#ff74ad}.obs-actions button:nth-child(2){background:#a91951}.obs-actions button:disabled{opacity:.38}.health-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #294955;font-size:.53rem;color:#7fa0a7}.health-row b{color:#d7ebee}.two-buttons button.teal{background:var(--teal);color:#04262a}.fun-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.fun-dock button{min-height:90px;border:1px solid #315863;background:linear-gradient(145deg,#123540,#0b232c);color:#fff;border-radius:15px;font-size:1.75rem;box-shadow:0 10px 26px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s,border-color .15s}.fun-dock button:hover{transform:translateY(-3px);border-color:var(--teal)}.fun-dock button.fired{transform:scale(1.06);border-color:var(--pink);box-shadow:0 0 0 5px rgba(255,62,153,.16)}.fun-dock span{display:block;font-size:.64rem;font-weight:900;margin-top:7px}.episode-strip{margin-top:18px;border:1px solid #2f5360;border-radius:15px;background:linear-gradient(110deg,#0f303a,#0a222b);padding:20px;grid-template-columns:1fr 2fr;align-items:center;gap:20px}.episode-strip h2{font-size:1.1rem;margin:0}.workflow-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.workflow-cards span{background:#0b2028;border:1px solid #294b56;border-radius:8px;padding:12px 8px;text-align:center;color:#b8d0d5;font-size:.57rem;font-weight:850}.pin-label{display:grid;gap:8px;font-size:.68rem;font-weight:850;margin:18px 0}.pin-label input{font-size:1.8rem;letter-spacing:.65em;text-align:center}.pin-error{min-height:18px;color:#ff8fba;font-size:.68rem}.library-dialog{width:min(900px,calc(100% - 24px))}.library-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:16px 0}.library-toolbar button,.library-toolbar label{border:1px solid #3a5b65;background:#17343e;color:#fff;border-radius:7px;padding:10px 12px;font-size:.62rem;font-weight:850;cursor:pointer}.library-toolbar label input{display:none}.episode-library-list{display:grid;gap:8px;max-height:55vh;overflow:auto}.episode-library-list article{display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;background:#071b22;border:1px solid #294a55;border-radius:10px;padding:11px}.episode-library-list article>div{display:grid;gap:3px}.episode-library-list b{font-size:.76rem}.episode-library-list span,.episode-library-list small{font-size:.58rem;color:#89a6ad}.episode-library-list button{border:0;border-radius:6px;background:#244751;color:#fff;padding:8px 10px;font-size:.56rem;font-weight:850}.episode-library-list button[data-load]{background:var(--teal);color:#05252b}.episode-library-list button[data-delete]{background:#682038;font-size:1rem}.empty-library{text-align:center;color:#92adb4;padding:35px}.question-dialog{width:min(560px,calc(100% - 24px));text-align:center}.question-dialog form{padding:35px}.question-puck{font-size:4rem;animation:puckspin .55s ease-out}.question-dialog p{color:var(--pink);font-size:.65rem;font-weight:950;letter-spacing:.18em}.question-dialog h2{font-size:clamp(1.5rem,4vw,2.5rem)}@keyframes puckspin{from{transform:rotate(-540deg) scale(.3)}to{transform:none}}@media(max-width:900px){.workflow-cards{grid-template-columns:repeat(2,1fr)}.episode-strip{grid-template-columns:1fr}.fun-dock{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.fun-dock{grid-template-columns:1fr 1fr}.fun-dock button{min-height:74px}.obs-connect-grid,.library-toolbar{grid-template-columns:1fr}.episode-library-list article{grid-template-columns:1fr auto auto}.episode-library-list article>div{grid-column:1/-1}.workflow-cards{grid-template-columns:1fr}.top-actions .mode-toggle span,.top-actions .mode-toggle b{padding:6px}.showbar-actions{flex-wrap:wrap}}