.landing-page{color:#f0f0f5;scroll-behavior:smooth;background:#0a0a1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.landing-nav{z-index:100;border-bottom:1px solid transparent;padding:0 24px;transition:background .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{backdrop-filter:blur(16px);background:rgba(10,10,26,.85);border-bottom-color:rgba(255,255,255,.08)}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:64px;margin:0 auto;display:flex}.landing-logo{color:#f0f0f5;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.landing-nav-links{gap:32px;display:flex}.landing-nav-link{color:#8888a0;letter-spacing:.01em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:#f0f0f5}.landing-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.landing-cta-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 24px rgba(108,92,231,.3)}.landing-cta-sm{padding:8px 20px;font-size:.875rem}.landing-cta-lg{letter-spacing:.01em;padding:14px 36px;font-size:1rem}.landing-hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.landing-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-hero-bg:after{content:"";z-index:1;background:linear-gradient(rgba(10,10,26,.15) 0%,rgba(10,10,26,.05) 40%,rgba(10,10,26,.35) 100%),radial-gradient(60% 50% at 50% 0,rgba(108,92,231,.1) 0%,transparent 70%);position:absolute;inset:0}.landing-hero-video{object-fit:cover;opacity:.35;filter:saturate(.6)brightness(.7);width:auto;min-width:100%;height:auto;min-height:100%;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-hero-video-hq{opacity:0}.landing-hero-content{z-index:2;max-width:720px;position:relative}.landing-hero-badge{color:#8888a0;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08);border-radius:100px;margin-bottom:32px;padding:6px 16px;font-size:.8125rem;display:inline-block}.landing-hero-title{letter-spacing:-.03em;margin:0 0 24px;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.landing-hero-gradient{background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:rgba(210,210,220,.75);text-shadow:0 1px 8px rgba(0,0,0,.5);max-width:560px;margin:0 auto 40px;font-size:1.125rem;line-height:1.7}.landing-hero-cta{justify-content:center;gap:16px;display:flex}.landing-section{padding:120px 24px}.landing-section-inner{max-width:1140px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:64px}.landing-section-title{letter-spacing:-.02em;margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.landing-section-subtitle{color:#8888a0;max-width:560px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.landing-features{background:#0a0a1a}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-features-grid{grid-template-columns:1fr}}.feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;transition:background .2s,border-color .2s,transform .2s}.feature-card:hover{background:rgba(255,255,255,.08);border-color:rgba(108,92,231,.2);transform:translateY(-2px)}.feature-card-icon{background:rgba(108,92,231,.12);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.feature-card-icon .material-symbols-outlined{color:#a29bfe;font-size:22px}.feature-card-title{letter-spacing:-.01em;margin:0 0 10px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.feature-card-desc{color:#8888a0;margin:0;font-size:.875rem;line-height:1.6}.landing-comparison{background:#0f0f23}.comparison-table{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;max-width:800px;margin:0 auto;overflow:hidden}.comparison-header{background:rgba(108,92,231,.06);border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:1fr 160px 160px;padding:20px 28px;display:grid}.comparison-header .comparison-feature{color:#8888a0;text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:600}.comparison-header .comparison-us,.comparison-header .comparison-them{text-align:center;letter-spacing:.02em;font-size:.8125rem;font-weight:700}.comparison-header .comparison-us{color:#a29bfe}.comparison-header .comparison-them{color:#8888a0}.comparison-row{border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:1fr 160px 160px;padding:16px 28px;transition:background .15s;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:rgba(255,255,255,.08)}.comparison-feature-name{margin-bottom:2px;font-size:.9375rem;font-weight:500;display:block}.comparison-feature-detail{color:#8888a0;font-size:.8125rem;display:block}.comparison-us,.comparison-them{justify-content:center;align-items:center;display:flex}.comparison-check{color:#00d68f;font-size:1.25rem;font-weight:700}.comparison-cross{color:rgba(255,255,255,.2);font-size:1.25rem;font-weight:700}.landing-pricing{background:#0a0a1a}.pricing-card{text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;max-width:480px;margin:0 auto;padding:48px 40px;position:relative;overflow:hidden}.pricing-card:before{content:"";background:linear-gradient(135deg,#6c5ce7,#a29bfe);height:3px;position:absolute;top:0;left:0;right:0}.pricing-card-header{margin-bottom:28px}.pricing-plan-name{letter-spacing:-.01em;margin:0;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700}.pricing-amounts{margin-bottom:36px}.pricing-monthly{justify-content:center;align-items:baseline;gap:2px;margin-bottom:8px;display:flex}.pricing-dollar{color:#8888a0;align-self:flex-start;margin-top:8px;font-size:1.5rem;font-weight:600}.pricing-amount{letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:4rem;font-weight:800;line-height:1}.pricing-period{color:#8888a0;font-size:1rem;font-weight:500}.pricing-setup{color:#8888a0;font-size:.9375rem}.pricing-features{text-align:left;margin:0 0 32px;padding:0;list-style:none}.pricing-features li{border-bottom:1px solid rgba(255,255,255,.08);align-items:center;gap:12px;padding:10px 0;font-size:.9375rem;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-check{color:#00d68f;flex-shrink:0;font-size:1rem;font-weight:700}.pricing-setup-detail{text-align:left;background:rgba(108,92,231,.08);border:1px solid rgba(108,92,231,.15);border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:32px;padding:16px 20px;display:flex}.pricing-setup-detail p{color:#8888a0;margin:0;font-size:.8125rem;line-height:1.6}.pricing-setup-icon{color:#a29bfe;flex-shrink:0;margin-top:2px;font-size:20px}.pricing-cta{width:100%}.landing-footer{background:#0a0a1a;border-top:1px solid rgba(255,255,255,.08);padding:48px 24px}.landing-footer-inner{flex-direction:column;align-items:center;gap:24px;max-width:1140px;margin:0 auto;display:flex}.landing-footer-tagline{color:#8888a0;margin:4px 0 0;font-size:.8125rem}.landing-footer-links{gap:24px;display:flex}.landing-footer-links a{color:#8888a0;font-size:.8125rem;text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:#f0f0f5}.landing-footer-copy{color:rgba(255,255,255,.25);font-size:.75rem}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 rgba(108,92,231,0)}50%{box-shadow:0 0 30px rgba(108,92,231,.15)}}.scroll-reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.scroll-reveal.in-view{opacity:1;transform:translateY(0)}.landing-hero-badge.scroll-reveal{transition-delay:.1s}.landing-hero-title.scroll-reveal{transition-delay:.25s}.landing-hero-subtitle.scroll-reveal{transition-delay:.4s}.landing-hero-cta.scroll-reveal{transition-delay:.55s}.landing-hero-badge{background:linear-gradient(90deg,transparent 0%,rgba(162,155,254,.08) 40%,rgba(162,155,254,.15) 50%,rgba(162,155,254,.08) 60%,transparent 100%) 0 0/200% 100%;animation:4s ease-in-out infinite shimmer}.feature-card.scroll-reveal{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s,box-shadow .3s;transform:translateY(40px)scale(.97)}.feature-card.scroll-reveal.in-view{opacity:1;transform:translateY(0)scale(1)}.feature-card.scroll-reveal:first-child.in-view{transition-delay:80ms}.feature-card.scroll-reveal:nth-child(2).in-view{transition-delay:.16s}.feature-card.scroll-reveal:nth-child(3).in-view{transition-delay:.24s}.feature-card.scroll-reveal:nth-child(4).in-view{transition-delay:.32s}.feature-card.scroll-reveal:nth-child(5).in-view{transition-delay:.4s}.feature-card.scroll-reveal:nth-child(6).in-view{transition-delay:.48s}.feature-card-icon .material-symbols-outlined{animation:3s ease-in-out infinite float-icon;display:inline-block}.feature-card:nth-child(2n) .feature-card-icon .material-symbols-outlined{animation-delay:-1.5s}.feature-card:hover{box-shadow:0 8px 40px rgba(108,92,231,.15),0 0 0 1px rgba(108,92,231,.1)}.feature-card:hover .feature-card-icon{background:rgba(108,92,231,.2)}.comparison-row.scroll-reveal{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),background .15s;transform:translate(-24px)}.comparison-row.scroll-reveal.in-view{opacity:1;transform:translate(0)}.comparison-row.scroll-reveal:nth-child(2).in-view{transition-delay:60ms}.comparison-row.scroll-reveal:nth-child(3).in-view{transition-delay:.12s}.comparison-row.scroll-reveal:nth-child(4).in-view{transition-delay:.18s}.comparison-row.scroll-reveal:nth-child(5).in-view{transition-delay:.24s}.comparison-row.scroll-reveal:nth-child(6).in-view{transition-delay:.3s}.comparison-row.scroll-reveal:nth-child(7).in-view{transition-delay:.36s}.comparison-row.scroll-reveal:nth-child(8).in-view{transition-delay:.42s}.comparison-row.scroll-reveal:nth-child(9).in-view{transition-delay:.48s}.comparison-table.scroll-reveal{transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)scale(.98)}.comparison-table.scroll-reveal.in-view{opacity:1;transform:translateY(0)scale(1)}.pricing-card.scroll-reveal{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),box-shadow .3s;transform:translateY(40px)scale(.95)}.pricing-card.scroll-reveal.in-view{opacity:1;animation:3s ease-in-out .8s infinite glow-pulse;transform:translateY(0)scale(1)}.pricing-card:hover{box-shadow:0 12px 48px rgba(108,92,231,.2),0 0 0 1px rgba(108,92,231,.15)}.landing-cta-btn:hover{animation:1.5s ease-in-out infinite glow-pulse}@media (width<=768px){.landing-nav-links{display:none}.landing-hero{min-height:auto;padding:140px 20px 80px}.landing-section{padding:80px 20px}.comparison-header,.comparison-row{grid-template-columns:1fr 100px 100px;padding:12px 16px}.comparison-feature-detail{display:none}.pricing-card{padding:36px 24px}}*{box-sizing:border-box}body{color:#fff;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}main{min-height:100vh}.legacy-banner{z-index:9999;color:#fff;text-align:center;background:linear-gradient(90deg,#e74c3c,#c0392b);justify-content:center;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.version-mismatch-overlay{z-index:99999;backdrop-filter:blur(4px);background:rgba(0,0,0,.75);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.version-mismatch-card{background:linear-gradient(135deg,#2d1b69,#1a1a2e);border:2px solid #e74c3c;border-radius:16px;align-items:center;gap:1.25rem;max-width:480px;padding:2rem 2.5rem;animation:2s ease-in-out infinite version-pulse;display:flex;box-shadow:0 8px 32px rgba(231,76,60,.3)}.version-mismatch-icon{color:#e74c3c;flex-shrink:0;font-size:3rem}.version-mismatch-text strong{color:#fff;margin-bottom:.4rem;font-size:1.3rem;display:block}.version-mismatch-text p{color:#ccc;margin:0;font-size:.95rem;line-height:1.5}@keyframes version-pulse{0%,to{border-color:#e74c3c}50%{border-color:#f39c12}}.legacy-banner-dismiss{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 .3rem;font-size:1.2rem}.legacy-banner-dismiss:hover{opacity:1}.wheel-page{background-color:transparent}.home-page{flex-direction:row;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-page:before{content:"";z-index:-1;background-color:#16213e;position:fixed;inset:0}.home-page .breaks-panel{background:rgba(0,0,0,.3);border-right:1px solid rgba(255,255,255,.1);flex-direction:column;width:220px;min-width:220px;height:100vh;transition:width .3s,min-width .3s;display:flex}.home-page .breaks-panel.collapsed{width:50px;min-width:50px}.home-page .breaks-panel.collapsed .breaks-panel-header h3{display:none}.home-page .breaks-panel .breaks-panel-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:1rem;display:flex}.home-page .breaks-panel .breaks-panel-header h3{color:#a29bfe;margin:0;font-size:1.1rem}.home-page .breaks-panel .breaks-panel-header .toggle-panel-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:background .2s;display:flex}.home-page .breaks-panel .breaks-panel-header .toggle-panel-btn:hover{background:rgba(255,255,255,.2)}.home-page .breaks-panel .breaks-list{flex:1;padding:.5rem;overflow-y:auto}.home-page .breaks-panel .breaks-list .break-item{align-items:center;gap:4px;margin-bottom:4px;display:flex}.home-page .breaks-panel .breaks-list .break-item.active .break-select-btn{background:rgba(108,92,231,.5);border-color:#a29bfe}.home-page .breaks-panel .breaks-list .break-item .break-select-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.9rem;transition:all .2s;display:flex}.home-page .breaks-panel .breaks-list .break-item .break-select-btn:hover{background:rgba(255,255,255,.1)}.home-page .breaks-panel .breaks-list .break-item .break-select-btn .break-name{font-weight:500}.home-page .breaks-panel .breaks-list .break-item .break-select-btn .break-count{color:rgba(255,255,255,.6);font-size:.8rem}.home-page .breaks-panel .breaks-list .break-item .break-select-btn .break-lock-icon{font-size:16px}.home-page .breaks-panel .breaks-list .break-item .break-delete-btn{cursor:pointer;opacity:.6;background:rgba(0,0,0,.3);border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:opacity .2s,background .2s;display:flex}.home-page .breaks-panel .breaks-list .break-item .break-delete-btn:hover{opacity:1;background:rgba(220,53,69,.6)}.home-page .breaks-panel .breaks-list .break-item.disabled{opacity:.5;pointer-events:none}.home-page .breaks-panel .sync-status{border-radius:6px;align-items:center;gap:.5rem;margin:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.home-page .breaks-panel .sync-status.syncing{color:#a29bfe;background:rgba(108,92,231,.3);border:1px solid rgba(108,92,231,.5)}.home-page .breaks-panel .sync-status.syncing .sync-icon{animation:1s linear infinite spin}.home-page .breaks-panel .sync-status.error{color:#ff6b6b;background:rgba(220,53,69,.3);border:1px solid rgba(220,53,69,.5);flex-direction:column;align-items:flex-start}.home-page .breaks-panel .sync-status.error span:last-child{font-size:.75rem;line-height:1.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page .breaks-panel .add-break-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:6px;margin:.5rem;padding:.7rem;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s}.home-page .breaks-panel .add-break-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(108,92,231,.4)}.home-page .home-content{flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto}.home-page .home-top-bar{z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.home-page .home-top-nav{align-items:center;gap:.5rem;display:flex}.home-page .top-nav-link{color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border-radius:6px;align-items:center;height:34px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.home-page .top-nav-link:hover{color:#fff;background:rgba(108,92,231,.3)}.home-page .top-nav-logout{color:rgba(255,255,255,.75);cursor:pointer;background:rgba(220,53,69,.15);border:1px solid rgba(220,53,69,.4);border-radius:6px;align-items:center;height:34px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.home-page .top-nav-logout:hover{color:#fff;background:rgba(220,53,69,.35);border-color:rgba(220,53,69,.6)}.home-page .current-break-indicator{color:#a29bfe;background:rgba(108,92,231,.3);border-radius:2rem;margin-bottom:.5rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:500}.home-page h1{text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:1rem;font-size:2.5rem}.home-page .break-controls{align-items:center;gap:.75rem;display:flex}.home-page .break-controls .break-controls-inner{align-items:center;gap:.5rem;display:flex}.home-page .break-controls button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;height:34px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.home-page .break-controls .download-break-btn{color:#fff;background:#00b894}.home-page .break-controls .download-break-btn:hover{background:#00a884}.home-page .break-controls .reset-break-btn{color:#fff;background:#e17055}.home-page .break-controls .reset-break-btn:hover{background:#d63031}.home-page .break-controls .lock-break-btn{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);justify-content:center;align-items:center;height:34px;padding:.4rem .7rem;display:inline-flex}.home-page .break-controls .lock-break-btn .material-symbols-outlined{font-size:20px}.home-page .break-controls .lock-break-btn:hover{background:rgba(255,255,255,.2)}.home-page .break-controls .lock-break-btn.locked{background:rgba(231,76,60,.6);border-color:rgba(231,76,60,.8)}.home-page .break-controls .lock-break-btn.locked:hover{background:rgba(231,76,60,.8)}@media (width<=768px){.home-page .break-controls{order:-1;margin-bottom:1rem;position:static}}.home-page .locked-disabled{opacity:.4;pointer-events:none;filter:grayscale(.5)}.home-page .locked-assignment{opacity:.85}.home-page .link-calc-wrapper{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:3.5rem;right:1rem}@media (width<=768px){.home-page .link-calc-wrapper{order:999;align-items:stretch;margin-top:2rem;position:static}}.home-page .link-section{text-align:right;background:rgba(255,255,255,.05);border-radius:1rem;padding:1rem 1.5rem;font-size:.9rem}.home-page .link-section h3{color:#a29bfe;margin:0 0 .75rem;font-size:1rem}.home-page .link-section p{margin:.5rem 0}.home-page .link-section .link-rows{flex-direction:column;gap:6px;display:flex}.home-page .link-section .link-row{background:rgba(255,255,255,.04);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:background .15s;display:flex}.home-page .link-section .link-row:hover{background:rgba(255,255,255,.08)}.home-page .link-section .link-label{color:#ccc;text-align:left;flex:1;font-size:.85rem}.home-page .link-section .link-copy-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:28px;padding:4px 6px;transition:background .15s;display:flex;position:relative}.home-page .link-section .link-copy-icon:hover{background:rgba(255,255,255,.1)}.home-page .link-section .link-copy-glyph{color:#fff;font-size:1rem;animation:.4s ease-out link-glyph-back}@keyframes link-glyph-back{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.home-page .link-section .link-copied-check{color:#00b894;white-space:nowrap;font-size:.7rem;font-weight:600;animation:.3s ease-out link-copied-pop}@keyframes link-copied-pop{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.home-page .link-section{text-align:center;order:999;margin-top:2rem;font-size:1rem;position:static}.home-page .link-section h3{font-size:1.1rem}}.home-page .link-section .wheel-type-dropdown{color:#fff;cursor:pointer;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;margin:0 .25rem;padding:.25rem .5rem;font-size:.85rem}.home-page .link-section .wheel-type-dropdown:hover{background:rgba(255,255,255,.25)}.home-page .link-section .wheel-type-dropdown:focus{border-color:#a29bfe;outline:none}.home-page .link-section .wheel-type-dropdown option{color:#fff;background:#2d3436}.home-page .link-section .link-edit-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;text-decoration:none;transition:background .15s;display:flex}.home-page .link-section .link-edit-icon:hover{background:rgba(255,255,255,.1)}.home-page .link-section .link-edit-icon .link-edit-glyph{font-size:.9rem}.home-page .link-section .link-row[draggable=true]{cursor:grab}.home-page .link-section .link-row[draggable=true]:active{cursor:grabbing;opacity:.6}.home-page .link-section .link-row-add{background:0 0;justify-content:stretch;gap:6px;position:relative}.home-page .link-section .link-row-add:hover{background:0 0}.home-page .link-section .source-add-btn{color:#a29bfe;cursor:pointer;background:rgba(162,155,254,.15);border:1px dashed rgba(162,155,254,.4);border-radius:6px;flex:1;padding:4px 16px;font-size:1rem;font-weight:600;transition:background .15s}.home-page .link-section .source-add-btn:hover{background:rgba(162,155,254,.25)}.home-page .link-section .source-trash{opacity:.25;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.home-page .link-section .source-trash.trash-active{opacity:.6;border:1px dashed rgba(255,118,117,.4)}.home-page .link-section .source-trash.trash-hover{opacity:1;background:rgba(255,118,117,.2);border:1px solid rgba(255,118,117,.6);transform:scale(1.15)}.home-page .link-section .source-add-menu{z-index:10;background:#2d3436;border:1px solid rgba(255,255,255,.15);border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.home-page .link-section .source-add-option{color:#ddd;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem}.home-page .link-section .source-add-option:hover{color:#fff;background:rgba(162,155,254,.2)}.home-page .link-section .source-loading{color:#888;font-size:.85rem}.home-page .display-settings{background:rgba(255,255,255,.05);border-radius:.75rem;align-self:flex-start;margin-bottom:1rem;padding:.75rem 1.25rem}.home-page .display-settings .toggle-label{cursor:pointer;align-items:center;gap:1rem;display:flex}.home-page .display-settings .toggle-label .toggle-text{color:rgba(255,255,255,.9);font-size:.95rem}.home-page .display-settings .toggle-label .toggle-switch{cursor:pointer;background:rgba(255,255,255,.2);border-radius:15px;width:56px;height:30px;transition:background .3s;position:relative}.home-page .display-settings .toggle-label .toggle-switch .toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.home-page .display-settings .toggle-label .toggle-switch.active{background:linear-gradient(90deg,#6c5ce7,#a29bfe)}.home-page .display-settings .toggle-label .toggle-switch.active .toggle-slider{transform:translate(26px)}@media (width<=768px){.home-page .display-settings{align-self:center}}.home-page .status-bar{background:rgba(255,255,255,.1);border-radius:2rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}.home-page .status-bar .teams-remaining{font-size:1.1rem;font-weight:500}.home-page .spinning-indicator{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 2rem;animation:1s ease-in-out infinite pulse;display:flex}.home-page .spinning-indicator .spinner-icon{font-size:1.5rem;animation:.5s ease-in-out infinite bounce}.home-page .last-result{background:linear-gradient(90deg,#00b894,#00cec9);border-radius:1rem;margin-bottom:1.5rem;padding:1rem 2rem;font-size:1.2rem;font-weight:600}.home-page .spin-form{flex-wrap:nowrap;gap:1rem;width:100%;max-width:460px;margin-bottom:1.5rem;display:flex}.home-page .spin-form input{color:#333;background:rgba(255,255,255,.9);border:none;border-radius:.5rem;flex:2;min-width:0;padding:.75rem;font-size:1rem}.home-page .spin-form input:disabled{opacity:.6}.home-page .spin-form input::placeholder{color:#888}.home-page .spin-form .spin-btn{white-space:nowrap;color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.3rem;padding:.9rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.home-page .spin-form .spin-btn .spin-btn-lock-icon{font-size:18px}.home-page .spin-form .spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,92,231,.4)}.home-page .spin-form .spin-btn:disabled{opacity:.6;cursor:not-allowed}.home-page .spin-form .reset-wheel-btn{color:#fff;cursor:pointer;background:#0987ee;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:1.1rem;transition:background .2s,box-shadow .2s;display:inline-flex}.home-page .spin-form .reset-wheel-btn:hover:not(:disabled){background:#1b98ff;box-shadow:0 2px 8px rgba(108,92,231,.3)}.home-page .spin-form .reset-wheel-btn:disabled{opacity:.5;cursor:not-allowed;background:rgba(108,92,231,.15)}.home-page .duration-settings{background:rgba(255,255,255,.05);border-radius:.5rem;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;display:flex}.home-page .duration-settings label{color:rgba(255,255,255,.8);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.home-page .duration-settings label input[type=number]{color:#333;text-align:center;background:rgba(255,255,255,.9);border:none;border-radius:.3rem;width:60px;padding:.4rem .5rem;font-size:.9rem}.home-page .duration-settings label input[type=number]:disabled{opacity:.6}.home-page .stash-mode-section{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.home-page .stash-mode-section .stash-toggle{cursor:pointer;background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.home-page .stash-mode-section .stash-toggle .toggle-text{color:rgba(255,255,255,.9);font-size:.95rem}.home-page .stash-mode-section .stash-toggle .toggle-switch{cursor:pointer;background:rgba(255,255,255,.2);border-radius:15px;width:56px;height:30px;transition:background .3s;position:relative}.home-page .stash-mode-section .stash-toggle .toggle-switch .toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.home-page .stash-mode-section .stash-toggle .toggle-switch.active{background:linear-gradient(90deg,#ff9800,#ffb74d)}.home-page .stash-mode-section .stash-toggle .toggle-switch.active .toggle-slider{transform:translate(26px)}.home-page .stash-mode-section .stash-mode-info .stash-mode-hint{color:rgba(255,165,0,.9);margin:0;font-size:.85rem;font-style:italic}.home-page .stash-controls{background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:500px;margin-bottom:1rem;padding:1rem;display:flex}.home-page .stash-controls .assign-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00b894,#00cec9);border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.home-page .stash-controls .assign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,184,148,.4)}.home-page .stash-controls .assign-btn:disabled{opacity:.6;cursor:not-allowed}.home-page .stash-controls .stashed-teams-list{color:rgba(255,255,255,.85);text-align:center;font-size:.9rem}.home-page .stash-controls .stashed-teams-list .stash-label{color:rgba(255,165,0,.9);font-weight:600}.home-page .pick-multiple-section{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.home-page .pick-multiple-section .pick-multiple-toggle{cursor:pointer;background:rgba(138,43,226,.1);border:1px solid rgba(138,43,226,.3);border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.home-page .pick-multiple-section .pick-multiple-toggle .toggle-text{color:rgba(255,255,255,.9);font-size:.95rem}.home-page .pick-multiple-section .pick-multiple-toggle .toggle-switch{cursor:pointer;background:rgba(255,255,255,.2);border-radius:15px;width:56px;height:30px;transition:background .3s;position:relative}.home-page .pick-multiple-section .pick-multiple-toggle .toggle-switch .toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.home-page .pick-multiple-section .pick-multiple-toggle .toggle-switch.active{background:linear-gradient(90deg,#8a2be2,#a855f7)}.home-page .pick-multiple-section .pick-multiple-toggle .toggle-switch.active .toggle-slider{transform:translate(26px)}.home-page .pick-multiple-section .pick-multiple-info .pick-multiple-hint{color:rgba(138,43,226,.9);margin:0;font-size:.85rem;font-style:italic}.home-page .pick-multiple-controls{background:rgba(138,43,226,.1);border:1px solid rgba(138,43,226,.3);border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:600px;margin-bottom:1rem;padding:1rem;display:flex}.home-page .pick-multiple-controls .collected-label{color:rgba(138,43,226,.9);font-size:1rem;font-weight:600}.home-page .pick-multiple-controls .collected-teams-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.home-page .pick-multiple-controls .collected-team-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);border:3px solid transparent;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.home-page .pick-multiple-controls .collected-team-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.home-page .pick-multiple-controls .collected-team-btn:disabled{opacity:.6;cursor:not-allowed}.home-page .pick-multiple-controls .collected-team-btn.selected{border-color:#0f8;box-shadow:0 0 12px rgba(0,255,136,.5)}.home-page .pick-multiple-controls .collected-team-btn.selected:after{content:" ✓";color:#0f8;font-weight:700}.home-page .pick-multiple-controls .assign-selected-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:.5rem;margin-top:.75rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.home-page .pick-multiple-controls .assign-selected-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,200,83,.5)}.home-page .pick-multiple-controls .assign-selected-btn:active:not(:disabled){transform:translateY(0)}.home-page .pick-multiple-controls .assign-selected-btn:disabled{opacity:.6;cursor:not-allowed}.home-page .wheel-type-section{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.home-page .wheel-type-section .wheel-type-toggle{cursor:default;background:rgba(0,150,136,.1);border:1px solid rgba(0,150,136,.3);border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.home-page .wheel-type-section .wheel-type-toggle .toggle-text{color:rgba(255,255,255,.9);font-size:.95rem}.home-page .wheel-type-section .wheel-type-buttons{gap:.5rem;display:flex}.home-page .wheel-type-section .wheel-type-btn{color:rgba(255,255,255,.8);cursor:pointer;background:rgba(0,150,136,.1);border:2px solid rgba(0,150,136,.4);border-radius:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s}.home-page .wheel-type-section .wheel-type-btn:hover:not(.active){background:rgba(0,150,136,.2);border-color:rgba(0,150,136,.6)}.home-page .wheel-type-section .wheel-type-btn.active{color:#fff;background:linear-gradient(135deg,#009688,#00bcd4);border-color:#00bcd4;box-shadow:0 2px 8px rgba(0,150,136,.4)}.home-page .wheel-type-section .wheel-type-hint{color:rgba(0,150,136,.8);margin:0;font-size:.8rem;font-style:italic}.home-page .error-message{background:#ff6b6b;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem}.home-page .home-connection-banner{color:#e74c3c;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.4);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.home-page .home-connection-banner .material-symbols-outlined{font-size:1.2rem}.home-page .wheel-disconnected-banner{color:#f39c12;background:rgba(243,156,18,.15);border:1px solid rgba(243,156,18,.4);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.home-page .wheel-disconnected-banner .material-symbols-outlined{font-size:1.2rem}.home-page .home-teams-grid{grid-template-columns:repeat(auto-fill,minmax(60px,160px));justify-content:center;gap:1rem;width:100%;margin-top:2rem;display:grid}.home-page .home-teams-grid .show-team-names-toggle{color:rgba(255,255,255,.5);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.5rem;margin-bottom:-.25rem;font-size:.75rem;display:flex}.home-page .home-teams-grid .show-team-names-toggle input[type=checkbox]{appearance:none;cursor:pointer;background:rgba(255,255,255,.15);border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.home-page .home-teams-grid .show-team-names-toggle input[type=checkbox]:after{content:"";background:rgba(255,255,255,.6);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.home-page .home-teams-grid .show-team-names-toggle input[type=checkbox]:checked{background:#6c5ce7}.home-page .home-teams-grid .show-team-names-toggle input[type=checkbox]:checked:after{background:#fff;transform:translate(14px)}.home-page .home-teams-grid .home-team-card{aspect-ratio:1;cursor:pointer;background:rgba(255,255,255,.05);border-radius:.75rem;justify-content:center;align-items:center;max-width:160px;max-height:160px;transition:all .3s;display:flex;position:relative;overflow:hidden}.home-page .home-teams-grid .home-team-card .team-card-name-banner{color:rgba(255,255,255,.9);text-align:center;white-space:nowrap;text-overflow:ellipsis;z-index:2;pointer-events:none;background:rgba(0,0,0,.65);padding:3px 4px;font-size:.75rem;line-height:1.3;position:absolute;top:0;left:0;right:0;overflow:hidden}.home-page .home-teams-grid .home-team-card:hover{background:rgba(255,255,255,.1)}.home-page .home-teams-grid .home-team-card.assigned{cursor:grab;background:rgba(0,0,0,.5)}.home-page .home-teams-grid .home-team-card.assigned .team-logo{opacity:.3}.home-page .home-teams-grid .home-team-card.assigned:hover{background:rgba(0,0,0,.6)}.home-page .home-teams-grid .home-team-card.assigned:active{cursor:grabbing}.home-page .home-teams-grid .home-team-card.drag-target{outline-offset:-3px;background:rgba(162,155,254,.2);outline:3px dashed #a29bfe}.home-page .home-teams-grid .home-team-card .team-logo{object-fit:contain;width:70%;height:70%}.home-page .home-teams-grid .home-team-card .no-image-team-bg{border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.home-page .home-teams-grid .home-team-card .team-name-text{text-align:center;text-shadow:0 .1vmin .2vmin rgba(0,0,0,.5);word-wrap:break-word;overflow-wrap:break-word;padding:4px;font-size:1.4rem;font-weight:700}.home-page .home-teams-grid .home-team-card .team-name-top{line-height:1.2}.home-page .home-teams-grid .home-team-card .team-name-assigned{opacity:.45;margin-bottom:10px;font-size:1.2rem;position:absolute;bottom:50%;left:4px;right:4px}.home-page .home-teams-grid .home-team-card .delete-btn{cursor:pointer;opacity:1;z-index:10;background:rgba(0,0,0,.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:opacity .2s,background .2s,transform .2s;display:flex;position:absolute;top:4px;right:4px}.home-page .home-teams-grid .home-team-card .delete-btn:hover{background:rgba(220,53,69,.9);transform:scale(1.1)}.home-page .home-teams-grid .home-team-card .undo-overlay{z-index:10;position:absolute;top:4px;right:4px}.home-page .home-teams-grid .home-team-card .undo-overlay .undo-btn{cursor:pointer;background:linear-gradient(135deg,#fdcb6e,#e17055);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:background .2s,transform .2s;animation:1.5s ease-in-out infinite undo-pulse;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.3)}.home-page .home-teams-grid .home-team-card .undo-overlay .undo-btn:hover{transform:scale(1.15);box-shadow:0 3px 8px rgba(0,0,0,.4)}.home-page .home-teams-grid .home-team-card .force-assign-btn{cursor:pointer;opacity:0;z-index:10;background:rgba(0,0,0,.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:opacity .2s,background .2s,transform .2s;display:flex;position:absolute;top:4px;right:4px}.home-page .home-teams-grid .home-team-card .force-assign-btn:hover{background:rgba(52,152,219,.9);transform:scale(1.1)}.home-page .home-teams-grid .home-team-card:hover .force-assign-btn{opacity:1}@keyframes undo-pulse{0%,to{box-shadow:0 2px 6px rgba(0,0,0,.3)}50%{box-shadow:0 2px 12px rgba(253,203,110,.6)}}.home-page .home-teams-grid .home-team-card .assigned-user-row{flex-direction:row;justify-content:center;align-items:center;gap:6px;width:100%;max-width:95%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page .home-teams-grid .home-team-card .assigned-user-row .assigned-user{text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);background:0 0;padding:4px 8px;font-size:1.1rem;font-weight:700}.home-page .home-teams-grid .home-team-card .assigned-user-row .assigned-user.clickable{cursor:pointer;border-radius:4px;transition:background .2s}.home-page .home-teams-grid .home-team-card .assigned-user-row .assigned-user.clickable:hover{background:rgba(255,255,255,.2)}.home-page .home-teams-grid .home-team-card .edit-user-row{grid-template-columns:1fr 1fr;align-items:center;gap:4px;width:90%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page .home-teams-grid .home-team-card .edit-user-row .edit-input{color:#333;text-align:center;background:rgba(255,255,255,.9);border:1px solid #666;border-radius:4px;grid-column:1/-1;width:100%;padding:4px 6px;font-size:.8rem}.home-page .home-teams-grid .home-team-card .edit-user-row .edit-input:focus{border-color:#a29bfe;outline:none}.home-page .home-teams-grid .home-team-card .edit-user-row .save-btn,.home-page .home-teams-grid .home-team-card .edit-user-row .cancel-btn{cursor:pointer;color:#fff;background:rgba(0,0,0,.6);border:none;border-radius:4px;padding:6px 16px;font-size:.9rem;transition:background .2s}.home-page .home-teams-grid .home-team-card .edit-user-row .save-btn{background:rgba(40,167,69,.8)}.home-page .home-teams-grid .home-team-card .edit-user-row .save-btn:hover{background:#28a745}.home-page .home-teams-grid .home-team-card .edit-user-row .cancel-btn{background:rgba(108,117,125,.8)}.home-page .home-teams-grid .home-team-card .edit-user-row .cancel-btn:hover{background:#6c757d}.home-page .home-teams-grid .home-team-card .assigned-user{text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);background:0 0;max-width:95%;padding:4px 8px;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page .home-teams-grid .home-team-card .team-sold-price{background:rgba(0,0,0,.75);border-radius:0 0 .75rem .75rem;align-items:center;gap:2px;padding:2px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-label{color:rgba(255,255,255,.6);font-size:.75rem;font-weight:600}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-input{color:#fff;-moz-appearance:textfield;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;flex:1;width:100%;min-width:0;padding:2px 4px;font-size:.75rem}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-input:focus{border-color:#6c5ce7;outline:none}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-input:disabled{opacity:.5;cursor:not-allowed}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.home-page .home-teams-grid .home-team-card .team-sold-price .sold-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home-page .calculator-toggle-btn{cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:6px;justify-content:center;align-items:center;gap:.1rem;padding:.4rem;transition:all .2s;display:flex}.home-page .calculator-toggle-btn .calc-toggle-icon{font-size:1.1rem;line-height:1}.home-page .calculator-toggle-btn .calc-mini-toggle{background:rgba(255,255,255,.15);border-radius:7px;flex-shrink:0;width:28px;height:14px;transition:background .25s;position:relative}.home-page .calculator-toggle-btn .calc-mini-toggle .calc-mini-knob{background:#bbb;border-radius:50%;width:10px;height:10px;transition:transform .25s;position:absolute;top:2px;left:2px}.home-page .calculator-toggle-btn .calc-mini-toggle.on{background:#a29bfe}.home-page .calculator-toggle-btn .calc-mini-toggle.on .calc-mini-knob{background:#eee;transform:translate(14px)}.home-page .calculator-toggle-btn:hover{background:rgba(108,92,231,.3)}.home-page .calculator-toggle-btn.active{background:rgba(108,92,231,.4);border-radius:6px}@media (width<=768px){.home-page .calculator-toggle-btn{margin-bottom:.5rem;position:static}}.home-page .calculator-panel{background:rgba(255,255,255,.05);border:1px solid rgba(108,92,231,.3);border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.home-page .calculator-panel .calculator-inputs{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.home-page .calculator-panel .calc-field{flex-direction:column;gap:.25rem;display:flex}.home-page .calculator-panel .calc-field label{color:rgba(255,255,255,.6);font-size:.8rem;font-weight:500}.home-page .calculator-panel .calc-input{color:#fff;-moz-appearance:textfield;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:6px;width:120px;padding:.4rem .6rem;font-size:.9rem}.home-page .calculator-panel .calc-input:focus{border-color:#6c5ce7;outline:none}.home-page .calculator-panel .calc-input:disabled{opacity:.5;cursor:not-allowed}.home-page .calculator-panel .calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.home-page .calculator-panel .calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home-page .calculator-panel .calc-fee-input-wrap{align-items:center;gap:.25rem;display:flex}.home-page .calculator-panel .calc-fee-input-wrap .calc-fee-input{width:80px}.home-page .calculator-panel .calc-fee-input-wrap .calc-fee-pct{color:rgba(255,255,255,.5);font-size:.9rem}.home-page .calculator-panel .calc-profit-field{margin-left:auto}.home-page .calculator-panel .calc-profit-value{text-align:center;background:rgba(255,255,255,.05);border-radius:6px;min-width:100px;padding:.35rem .8rem;font-size:1.1rem;font-weight:700}.home-page .calculator-panel .calc-profit-value.profit-positive{color:#00b894}.home-page .calculator-panel .calc-profit-value.profit-negative{color:#ff6b6b}.wheel-page{background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.wheel-page .wheel-disabled-overlay{z-index:100;background:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.wheel-page .take-over-panel{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:1rem;padding:3rem;box-shadow:0 0 30px rgba(0,0,0,.5)}.wheel-page .take-over-panel p{color:#a29bfe;margin-bottom:1.5rem;font-size:1.5rem}.wheel-page .take-over-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s}.wheel-page .take-over-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,92,231,.4)}.wheel-page .wheel-container{width:95vmin;height:95vmin;position:relative}.wheel-page .wheel-pointer{background:var(--ring-color,#feca57);clip-path:polygon(50% 100%,0% 0%,100% 0%);z-index:10;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));width:7%;height:9%;position:absolute;top:-5%;left:50%;transform:translate(-50%)}.wheel-page .wheel{border:1vmin solid #feca57;border-radius:50%;width:100%;height:100%;transition-property:transform;position:relative;overflow:hidden;box-shadow:0 0 3vmin rgba(0,0,0,.5),inset 0 0 2vmin rgba(0,0,0,.3)}.wheel-page .wheel .all-done{text-align:center;background:rgba(0,0,0,.7);border-radius:2vmin;padding:4vmin;font-size:3vmin;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-page .wheel-segment{width:100%;height:100%;position:absolute;top:0;left:0}.wheel-page .wheel-line{transform-origin:bottom;z-index:1;background:rgba(255,255,255,.4);width:.3vmin;height:50%;position:absolute;top:0;left:calc(50% - .15vmin)}.wheel-page .segment-text{transform-origin:0;color:#fff;-webkit-text-stroke:.15vmin black;paint-order:stroke fill;text-shadow:0 0 .5vmin rgba(0,0,0,.8);white-space:nowrap;text-overflow:ellipsis;z-index:2;pointer-events:none;letter-spacing:.05vmin;width:42%;margin-top:-1.2vmin;padding-left:3%;font-size:2.4vmin;font-weight:900;position:absolute;top:50%;left:50%;overflow:hidden}.wheel-page .segment-logo{object-fit:contain;filter:drop-shadow(0 .3vmin .6vmin rgba(0,0,0,.5));z-index:2;width:10vmin;height:10vmin;transition:transform 1s ease-out;position:absolute}.wheel-winner-display{z-index:10;background:rgba(0,0,0,.9);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:40vmin;height:40vmin;animation:1.5s ease-in-out infinite pulse-glow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3vmin rgba(0,0,0,.6)}.wheel-winner-display .winner-logo{object-fit:contain;filter:drop-shadow(0 .4vmin .8vmin rgba(0,0,0,.5));width:22vmin;height:22vmin}.wheel-winner-display .winner-team-name{font-size:6vmin;font-weight:700;font-family:var(--wheel-font,inherit);color:#fff;text-align:center;text-shadow:0 .3vmin .6vmin rgba(0,0,0,.5);border-radius:1vmin;padding:1vmin 2vmin}.wheel-winner-display .winner-name{font-size:5vmin;font-weight:700;font-family:var(--wheel-font,inherit);color:#fff;text-align:center;text-shadow:0 .3vmin .6vmin rgba(0,0,0,.5);border-radius:1vmin;margin-top:1.5vmin;padding:.5vmin 1.5vmin}.spinning-user-display{z-index:10;background:rgba(0,0,0,.95);border-radius:50%;justify-content:center;align-items:center;width:35vmin;height:35vmin;animation:1.5s ease-in-out infinite pulse-glow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4vmin rgba(0,0,0,.8)}.spinning-user-display .spinning-user-name{font-size:6vmin;font-weight:700;font-family:var(--wheel-font,inherit);color:#fff;text-align:center;text-shadow:0 0 1vmin rgba(255,255,255,.5);word-wrap:break-word;max-width:90%;padding:1vmin 2vmin}@keyframes pulse-glow{0%,to{box-shadow:0 0 4vmin rgba(0,0,0,.8)}50%{box-shadow:0 0 6vmin rgba(255,255,255,.2)}}.teams-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1cqmin;display:flex;overflow:hidden;container-type:size}.teams-page .teams-grid{gap:1cqmin;width:100%;height:100%;display:grid}.teams-page .team-card{border-radius:1cqmin;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.teams-page .team-card.assigned{font-size:var(--team-font-size,4cqmin);justify-content:flex-start;container-type:size}.teams-page .team-card.assigned .assigned-layout{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.teams-page .team-card.assigned .assigned-layout.assigned-no-image{align-items:stretch}.teams-page .team-card.assigned .assigned-layout.assigned-no-image .team-name-top{text-align:center;overflow-wrap:anywhere;-webkit-text-stroke:.15cqmin #fff;text-shadow:0 .2cqmin .4cqmin rgba(255,255,255,.5);flex:1;justify-content:center;align-items:center;min-height:0;padding:0 .5cqmin;font-size:20cqb;display:flex;overflow:hidden;color:#000!important}.teams-page .team-card.assigned .assigned-layout.assigned-no-image .assigned-user{flex:none;width:100%;min-width:0}.teams-page .team-card.assigned .team-logo-small{object-fit:contain;flex:1;width:auto;max-width:90%;min-height:0;padding:.5cqmin}.teams-page .team-card.assigned .assigned-user{width:100%;font-size:inherit;font-weight:inherit;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.8);background:rgba(0,0,0,.5);flex:none;justify-content:center;align-items:center;padding:.15em .5em;line-height:1.15;display:flex;overflow:hidden}@container (aspect-ratio>=2){.teams-page .team-card.assigned .assigned-layout{flex-direction:row}.teams-page .team-card.assigned .assigned-layout:not(.assigned-no-image) .team-logo-small{aspect-ratio:1;box-sizing:border-box;object-fit:contain;flex:none;max-width:none;height:100%;padding:10cqb}.teams-page .team-card.assigned .assigned-layout.assigned-no-image{align-items:center}.teams-page .team-card.assigned .assigned-layout.assigned-no-image .team-name-top{aspect-ratio:1;height:100%;min-height:unset;box-sizing:border-box;flex:none;padding:5cqb;overflow:hidden}.teams-page .team-card.assigned .assigned-layout.assigned-no-image .assigned-user{flex:1;width:0;min-width:0}.teams-page .team-card.assigned .assigned-layout .assigned-user{flex:1;justify-content:safe center;align-self:stretch;height:100%;font-size:35cqb}}.teams-page .team-card.hide-names{justify-content:center}.teams-page .team-card.hide-names:after{content:"";pointer-events:none;background:rgba(0,0,0,.78);border-radius:1cqmin;position:absolute;inset:0}.teams-page .team-card.hide-names .team-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 .2cqmin .5cqmin rgba(0,0,0,.3));opacity:.5;height:70%;position:relative}.teams-page .team-card.stashed{opacity:.15;filter:grayscale();pointer-events:none;transform:scale(.95)}.teams-page .team-card .team-logo{object-fit:contain;filter:drop-shadow(0 .2cqmin .5cqmin rgba(0,0,0,.3));height:70%}.teams-page .team-card .team-name-text{text-align:center;text-shadow:0 .2cqmin .4cqmin rgba(0,0,0,.5);word-wrap:break-word;overflow-wrap:break-word;padding:.5cqmin;font-size:3.5cqmin;font-weight:700}.teams-page .team-card .team-name-large{overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;height:100%;font-size:4cqmin;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.egui-wheel-page .egui-wheel-canvas{border-radius:50%;width:100%;height:100%;display:block}.egui-wheel-page .egui-wheel-canvas.disabled{opacity:.6;pointer-events:none}.canvas-blocked-warning{z-index:50;color:#f0f0f0;text-align:left;border-radius:inherit;background:rgba(0,0,0,.85);justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.canvas-blocked-warning .material-symbols-outlined{color:#f39c12;flex-shrink:0;font-size:2.5rem}.canvas-blocked-warning strong{color:#fff;margin-bottom:.3rem;font-size:1rem;display:block}.canvas-blocked-warning p{color:#ccc;margin:0;font-size:.85rem;line-height:1.4}.wheel-warning-indicator{z-index:200;cursor:default;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.5vmin;left:1.5vmin}.wheel-warning-indicator .material-symbols-outlined{color:#f39c12;filter:drop-shadow(0 0 6px rgba(243,156,18,.5));font-size:3vmin;animation:2s ease-in-out infinite warning-pulse}.wheel-warning-indicator.error .material-symbols-outlined{color:#e74c3c;filter:drop-shadow(0 0 6px rgba(231,76,60,.5))}.wheel-warning-indicator .wheel-warning-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:rgba(0,0,0,.9);border:1px solid rgba(243,156,18,.3);border-radius:.4rem;padding:.5rem .8rem;font-size:.85rem;display:none;position:absolute;top:50%;left:calc(3vmin + .5rem);transform:translateY(-50%)}.wheel-warning-indicator.error .wheel-warning-tooltip{border-color:rgba(231,76,60,.3)}.wheel-warning-indicator:hover .wheel-warning-tooltip{display:block}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.4}}.break-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden;container-type:size}.break-page .break-name-display{font-size:var(--break-font-size,clamp(2cqh, 14cqw, 35cqh));color:#fff;text-align:center;text-shadow:0 .5cqmin 1cqmin rgba(0,0,0,.5),0 0 3cqmin rgba(255,215,0,.3);letter-spacing:.02em;overflow-wrap:normal;word-break:normal;background:linear-gradient(135deg,gold 0%,#ffb347 50%,gold 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:95cqw;padding:0 2cqw;font-weight:900;line-height:1.1}.break-loading,.break-error{color:#888;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-size:3vmin;display:flex}.slot-wheel-page{background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.slot-wheel-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.slot-wheel-frame{background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:600px;height:180px;display:flex;position:relative;overflow:hidden}.slot-wheel-frame:before,.slot-wheel-frame:after{content:"";pointer-events:none;z-index:10;height:60px;position:absolute;left:0;right:0}.slot-wheel-frame:before{background:linear-gradient(rgba(255,255,255,.95) 0%,transparent 100%);top:0}.slot-wheel-frame:after{background:linear-gradient(transparent 0%,rgba(255,255,255,.95) 100%);bottom:0}.slot-wheel-pointer{z-index:20;pointer-events:none;background:rgba(0,0,0,.05);border-top:2px solid #000;border-bottom:2px solid #000;height:50px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slot-wheel-canvas{width:100%;height:100%;display:block}.slot-wheel-reel{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slot-wheel-items{width:100%;height:100%;position:relative}.slot-wheel-empty{color:#666;font-size:1.5rem;font-style:italic}.slot-wheel-item{color:#000;text-align:center;white-space:nowrap;font-size:1.8rem;font-weight:700;transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-wheel-item.center{color:#000;font-size:2.2rem}.slot-spinning-user{background:rgba(0,0,0,.8);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:1rem 2rem}.slot-spinning-user .spinning-for{color:#fff;font-size:1rem}.slot-spinning-user .spinning-name{color:#fff;font-size:1.5rem;font-weight:700}.slot-winner-display{background:linear-gradient(135deg,gold 0%,#ffb347 100%);border-radius:12px;padding:1.5rem 3rem;animation:1.5s ease-in-out infinite slotWinnerPulse}.slot-winner-display .winner-text{color:#000;text-align:center;font-size:1.8rem;font-weight:800}@keyframes slotWinnerPulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(255,215,0,.5)}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(255,215,0,.8)}}.slot-wheel-loading,.slot-wheel-error{color:#888;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.5rem;display:flex}.obs-left-stack{z-index:10;flex-direction:column;gap:8px;width:280px;display:flex;position:absolute;top:3.5rem;left:1rem}@media (width<=768px){.obs-left-stack{width:100%;margin-top:1rem;position:static}}.obs-integration{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:100%;padding:12px}@media (width<=768px){.obs-integration{width:100%}}.obs-integration.obs-collapsed .obs-header{margin-bottom:0}.obs-integration .obs-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.obs-integration .obs-header h4{color:#fff;align-items:center;gap:.4rem;margin:0;font-size:.95rem;display:flex}.obs-integration .obs-header .obs-logo-icon{flex-shrink:0;width:1.2rem;height:1.2rem}.obs-integration .obs-header.obs-header-toggle{cursor:pointer;border-radius:4px;margin:-2px -4px 8px;padding:2px 4px;transition:background .15s}.obs-integration .obs-header.obs-header-toggle:hover{background:rgba(255,255,255,.06)}.obs-integration .obs-header-right{align-items:center;gap:6px;display:flex}.obs-integration .obs-chevron{color:#888;font-size:.6rem;transition:transform .2s}.obs-integration .obs-chevron.collapsed{transform:rotate(-90deg)}.obs-integration .obs-status{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.obs-integration .obs-status.obs-status-disconnected{color:#aaa;background:rgba(128,128,128,.4)}.obs-integration .obs-status.obs-status-connecting{color:#ffc107;background:rgba(255,193,7,.4)}.obs-integration .obs-status.obs-status-connected{color:#28a745;background:rgba(40,167,69,.4)}.obs-integration .obs-status.obs-status-error{color:#dc3545;background:rgba(220,53,69,.4)}.obs-integration .obs-status-message{color:#888;word-break:break-word;background:rgba(0,0,0,.3);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:.75rem}.obs-integration .obs-controls{gap:6px;margin-bottom:8px;display:flex}.obs-integration .obs-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:all .2s}.obs-integration .obs-btn:hover{transform:scale(1.02)}.obs-integration .obs-btn.obs-btn-connect{color:#fff;background:#4a6fa5;flex:1}.obs-integration .obs-btn.obs-btn-connect:hover{background:#5a7fb5}.obs-integration .obs-btn.obs-btn-disconnect{color:#fff;background:#6c757d;flex:1}.obs-integration .obs-btn.obs-btn-disconnect:hover{background:#5a6268}.obs-integration .obs-btn.obs-btn-refresh{color:#fff;background:rgba(255,255,255,.1);padding:6px 10px}.obs-integration .obs-btn.obs-btn-refresh:hover{background:rgba(255,255,255,.2)}.obs-integration .obs-btn.obs-btn-settings{color:#fff;background:rgba(255,255,255,.1);padding:6px 10px}.obs-integration .obs-btn.obs-btn-settings:hover{background:rgba(255,255,255,.2)}.obs-integration .obs-scenes h5{color:#aaa;margin:8px 0 6px;font-size:.8rem}.obs-integration .obs-scenes .obs-scene-list{flex-direction:column;gap:4px;max-height:110px;display:flex;overflow-y:auto}.obs-integration .obs-scenes .obs-scene-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;transition:all .2s;display:flex}.obs-integration .obs-scenes .obs-scene-item:hover{background:rgba(255,255,255,.15)}.obs-integration .obs-scenes .obs-scene-item.obs-scene-item-active{background:rgba(40,167,69,.3);border-color:rgba(40,167,69,.5)}.obs-integration .obs-scenes .obs-scene-btn{color:#ccc;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:4px;font-size:.85rem;overflow:hidden}.obs-integration .obs-scenes .obs-scene-btn.obs-scene-active{color:#28a745;font-weight:600}.obs-integration .obs-scenes .obs-scene-settings-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:.75rem;transition:opacity .15s}.obs-integration .obs-scenes .obs-scene-settings-btn:hover{opacity:.9;background:rgba(255,255,255,.1)}.obs-integration .obs-scenes .obs-scene-settings-btn.active{opacity:.85;background:rgba(255,193,7,.15)}.obs-integration .obs-sources{margin-top:12px}.obs-integration .obs-sources h5{color:#aaa;margin:0 0 6px;font-size:.85rem}.obs-integration .obs-sources .obs-sources-hint{color:#666;margin:0;font-size:.75rem;font-style:italic}.obs-integration .obs-sources .obs-source-list{flex-direction:column;gap:4px;max-height:186px;display:flex;overflow-y:auto}.obs-integration .obs-sources .obs-source-item{background:rgba(255,255,255,.05);border-radius:4px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:relative}.obs-integration .obs-sources .obs-source-item:hover{background:rgba(255,255,255,.1)}.obs-integration .obs-sources .obs-source-toggle{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.obs-integration .obs-sources .obs-source-toggle input[type=checkbox]{cursor:pointer;accent-color:#28a745;flex-shrink:0;width:16px;height:16px}.obs-integration .obs-sources .obs-source-toggle .obs-source-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.obs-integration .obs-sources .obs-source-settings-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:.75rem;transition:opacity .15s}.obs-integration .obs-sources .obs-source-settings-btn:hover{opacity:.9;background:rgba(255,255,255,.1)}.obs-integration .obs-sources .obs-source-settings-btn.active{opacity:.85;background:rgba(255,193,7,.15)}.obs-source-popover{z-index:10001;background:#2a2a2a;border:1px solid #555;border-radius:6px;min-width:220px;padding:8px 10px;position:fixed;box-shadow:0 4px 16px rgba(0,0,0,.6)}.obs-source-popover .obs-popover-option{cursor:pointer;color:#ccc;white-space:nowrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.obs-source-popover .obs-popover-option input[type=checkbox]{cursor:pointer;accent-color:#ffc107;flex-shrink:0;width:14px;height:14px}.obs-source-popover .obs-popover-option span{-webkit-user-select:none;user-select:none}.obs-modal-overlay{z-index:10000;background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.obs-modal{background:#1e2a3a;border:1px solid rgba(255,255,255,.2);border-radius:12px;width:320px;max-width:90vw;padding:24px}.obs-modal h3{color:#fff;margin:0 0 16px;font-size:1.1rem}.obs-modal .obs-modal-field{margin-bottom:12px}.obs-modal .obs-modal-field label{color:#aaa;margin-bottom:4px;font-size:.85rem;display:block}.obs-modal .obs-modal-field input{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:4px;width:100%;padding:8px 12px;font-size:.9rem}.obs-modal .obs-modal-field input:focus{border-color:#4a6fa5;outline:none}.obs-modal .obs-modal-field input::placeholder{color:#666}.obs-modal .obs-modal-hint{background:rgba(0,0,0,.2);border-radius:4px;margin:16px 0;padding:8px 12px}.obs-modal .obs-modal-hint p{color:#888;margin:4px 0;font-size:.75rem}.obs-modal .obs-modal-buttons{gap:8px;margin-top:16px;display:flex}.obs-modal .obs-modal-buttons .obs-btn-cancel{color:#aaa;background:rgba(255,255,255,.1);flex:1}.obs-modal .obs-modal-buttons .obs-btn-cancel:hover{color:#fff;background:rgba(255,255,255,.15)}.obs-modal .obs-modal-buttons .obs-btn-save{color:#fff;background:#4a6fa5;flex:2}.obs-modal .obs-modal-buttons .obs-btn-save:hover{background:#5a7fb5}.user-menu-container{position:relative}.user-menu-trigger{color:rgba(255,255,255,.9);cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.85rem;transition:background .2s,border-color .2s;display:flex}.user-menu-trigger:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-menu-icon{opacity:.7;font-size:18px!important}.user-menu-dropdown{z-index:100;background:#1e1e3a;border:1px solid rgba(255,255,255,.15);border-radius:8px;min-width:180px;animation:.15s ease-out userMenuSlideIn;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4)}@keyframes userMenuSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{color:rgba(255,255,255,.85);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem .9rem;font-size:.85rem;text-decoration:none;transition:background .15s;display:flex}.user-menu-item .material-symbols-outlined{opacity:.7;font-size:18px!important}.user-menu-item:hover{background:rgba(255,255,255,.08)}.user-menu-logout{color:#ff6b6b;border-top:1px solid rgba(255,255,255,.08)}.user-menu-logout:hover{background:rgba(255,107,107,.1)}.account-page{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding:2rem}.account-header{max-width:700px;margin:0 auto 2rem}.account-header h1{margin:.5rem 0 0;font-size:1.6rem}.account-back-link{color:#a29bfe;align-items:center;gap:.3rem;font-size:.85rem;text-decoration:none;display:inline-flex}.account-back-link .material-symbols-outlined{font-size:18px!important}.account-back-link:hover{color:#6c5ce7}.account-sections{flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;display:flex}.account-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.account-section h2{color:rgba(255,255,255,.9);margin:0 0 1rem;font-size:1.2rem}.account-section h3{color:rgba(255,255,255,.7);margin:1rem 0 .5rem;font-size:1rem}.account-field{margin-bottom:.75rem}.account-field label{color:rgba(255,255,255,.5);margin-bottom:.25rem;font-size:.8rem;display:block}.account-field input{color:#fff;box-sizing:border-box;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem}.account-field input:focus{border-color:#6c5ce7;outline:none}.account-inline{gap:.5rem;display:flex}.account-inline input{flex:1}.account-inline-msg{color:rgba(255,255,255,.5);margin-top:.25rem;font-size:.8rem;display:block}.account-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.6rem;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .2s}.account-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(108,92,231,.4)}.account-btn:disabled{opacity:.6;cursor:not-allowed}.account-btn-sm{color:#fff;cursor:pointer;white-space:nowrap;background:rgba(108,92,231,.3);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.account-btn-sm:hover:not(:disabled){background:rgba(108,92,231,.5)}.account-btn-sm:disabled{opacity:.5;cursor:not-allowed}.account-hint{color:rgba(255,255,255,.45);margin:.25rem 0;font-size:.8rem}.account-msg{border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem}.account-msg-error{color:#ff6b6b;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.25)}.account-msg-success{color:#55efc4;background:rgba(85,239,196,.1);border:1px solid rgba(85,239,196,.25)}.account-loading,.account-error{text-align:center;color:rgba(255,255,255,.5);padding:3rem}.org-members-list{flex-direction:column;gap:.25rem;display:flex}.org-member-row{background:rgba(0,0,0,.15);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.org-member-name{color:rgba(255,255,255,.85);font-size:.9rem}.org-member-remove{color:#ff6b6b;cursor:pointer;background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.25);border-radius:4px;padding:.25rem .6rem;font-size:.75rem}.org-member-remove:hover{background:rgba(255,107,107,.25)}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-container{backdrop-filter:blur(12px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 8px 32px rgba(0,0,0,.4)}.login-container h1{text-align:center;background:linear-gradient(90deg,#a29bfe,#6c5ce7);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.login-tabs{background:rgba(0,0,0,.25);border-radius:8px;gap:0;margin-bottom:1.5rem;padding:3px;display:flex}.login-tab{color:rgba(255,255,255,.5);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.6rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s}.login-tab:hover{color:rgba(255,255,255,.75)}.login-tab.active{color:#fff;background:rgba(108,92,231,.4);box-shadow:0 2px 6px rgba(108,92,231,.3)}.login-error{color:#ff6b6b;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.4);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.4}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-form input{color:#fff;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:rgba(255,255,255,.35)}.login-form input:focus{border-color:rgba(108,92,231,.6);box-shadow:0 0 0 3px rgba(108,92,231,.15)}.login-form input:disabled{opacity:.5}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:8px;width:100%;margin-top:.25rem;padding:.8rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(108,92,231,.45)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{color:rgba(255,255,255,.5);text-align:center;margin:-.25rem 0 .25rem;font-size:.8rem}.login-links{justify-content:center;gap:1rem;margin-top:.75rem;display:flex}.login-link{color:#a29bfe;font-size:.85rem;text-decoration:none;transition:color .2s}.login-link:hover{color:#6c5ce7;text-decoration:underline}.login-success{color:#55efc4;text-align:center;margin-bottom:1rem;font-size:.95rem}.break-history-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;min-height:100vh;padding:0;display:flex}.history-top-bar{background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex}.history-top-bar h1{background:linear-gradient(90deg,#a29bfe,#6c5ce7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.history-top-bar .history-total{color:rgba(255,255,255,.5);margin-left:auto;font-size:.9rem}.history-back-link{color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s}.history-back-link:hover{color:#fff;background:rgba(108,92,231,.3)}.history-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 2rem 3rem}.no-history{text-align:center;color:rgba(255,255,255,.4);padding:4rem 2rem}.no-history p:first-child{margin-bottom:.5rem;font-size:1.2rem}.break-date-section{margin-bottom:2rem}.date-section-header{border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.date-heading{color:#a29bfe;margin:0;font-size:1.15rem;font-weight:600}.date-break-count{color:rgba(255,255,255,.4);font-size:.85rem}.download-day-btn{color:rgba(255,255,255,.8);cursor:pointer;background:rgba(0,184,148,.15);border:1px solid rgba(0,184,148,.4);border-radius:6px;margin-left:auto;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s}.download-day-btn:hover{color:#fff;background:rgba(0,184,148,.3);border-color:rgba(0,184,148,.6)}.day-breaks-list{flex-direction:column;gap:.5rem;display:flex}.history-break-card{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:background .15s,border-color .15s;overflow:hidden}.history-break-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.history-break-card.expanded{background:rgba(108,92,231,.06);border-color:rgba(108,92,231,.3)}.history-break-card.locked{background:rgba(231,76,60,.04);border-color:rgba(231,76,60,.25)}.history-break-card.locked:hover{background:rgba(231,76,60,.08)}.break-card-summary{align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.break-card-summary .break-name{color:#fff;align-items:center;gap:.4rem;min-width:100px;font-weight:600;display:inline-flex}.break-card-summary .break-name .history-lock-icon{color:rgba(231,76,60,.8);font-size:16px}.break-card-summary .break-breaker{color:rgba(162,155,254,.7);font-size:.8rem;font-style:italic}.break-card-summary .break-set{color:rgba(255,255,255,.5);font-size:.85rem}.break-card-summary .break-time{color:rgba(255,255,255,.4);margin-left:auto;font-size:.85rem}.break-card-summary .break-count{color:rgba(255,255,255,.4);text-align:right;min-width:70px;font-size:.85rem}.break-card-summary .break-profit{text-align:right;min-width:80px;font-size:.85rem;font-weight:600}.profit-positive{color:#00b894}.profit-negative{color:#ff6b6b}.break-financial-summary{border-bottom:1px solid rgba(255,255,255,.06);grid-column:1/-1;gap:1.5rem;margin-bottom:.25rem;padding:.4rem .5rem;display:flex}.break-financial-summary .financial-detail{color:rgba(255,255,255,.5);font-size:.8rem}.break-assignments-grid{border-top:1px solid rgba(255,255,255,.06);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem;padding:.5rem 1rem .75rem;display:grid}.assignment-row{align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.85rem;display:flex}.assignment-row .assignment-team{color:#a29bfe;font-weight:500}.assignment-row .assignment-arrow{color:rgba(255,255,255,.3)}.assignment-row .assignment-user{color:rgba(255,255,255,.75)}.history-loading{text-align:center;color:rgba(255,255,255,.5);padding:2rem}.load-more-btn{color:rgba(255,255,255,.8);cursor:pointer;background:rgba(108,92,231,.15);border:1px solid rgba(108,92,231,.4);border-radius:8px;margin:1.5rem auto;padding:.6rem 2rem;font-size:.9rem;font-weight:500;transition:background .2s;display:block}.load-more-btn:hover{color:#fff;background:rgba(108,92,231,.3)}.not-connected-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.not-connected-content{text-align:center;color:rgba(255,255,255,.6)}.not-connected-content .not-connected-icon{margin-bottom:1rem;font-size:4rem}.not-connected-content h1{color:rgba(255,255,255,.85);margin-bottom:.5rem;font-size:2rem}.not-connected-content p{margin-bottom:1.5rem;font-size:1.1rem}.not-connected-spinner{border:3px solid rgba(108,92,231,.3);border-top-color:#6c5ce7;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite nc-spin}@keyframes nc-spin{to{transform:rotate(360deg)}}.wheel-no-home-overlay{z-index:50;backdrop-filter:blur(4px);background:rgba(10,10,30,.85);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.team-set-selector{align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.team-set-selector label{color:rgba(255,255,255,.7);white-space:nowrap;font-size:.9rem}.team-set-selector select{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(108,92,231,.4);border-radius:6px;flex:1;max-width:300px;padding:.4rem .6rem;font-size:.9rem}.team-set-selector select:focus{border-color:#6c5ce7;outline:none}.team-set-selector select option{color:#fff;background:#1a1a2e}.team-set-selector select:disabled{opacity:.5;cursor:not-allowed}.team-set-edit-link{color:rgba(108,92,231,.8);white-space:nowrap;font-size:.85rem;text-decoration:none}.team-set-edit-link:hover{color:#6c5ce7;text-decoration:underline}.add-team-card{cursor:pointer;background:rgba(108,92,231,.05);border:2px dashed rgba(108,92,231,.4);justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.add-team-card:hover{background:rgba(108,92,231,.15);border-color:#6c5ce7}.add-team-plus{color:rgba(108,92,231,.6);font-size:2.5rem;font-weight:300;line-height:1}.add-team-overlay{z-index:1000;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clone-set-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid rgba(108,92,231,.3);border-radius:16px;width:90%;max-width:400px;padding:2rem;position:relative}.clone-set-panel h2{color:#fff;text-align:center;margin:0 0 1rem;font-size:1.4rem}.clone-set-panel .clone-set-hint{color:rgba(255,255,255,.6);text-align:center;margin:0 0 1.5rem;font-size:.85rem;line-height:1.4}.clone-set-panel .clone-set-label{color:rgba(255,255,255,.8);flex-direction:column;gap:.4rem;margin-bottom:1.2rem;font-size:.9rem;display:flex}.clone-set-panel .clone-set-label input{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(108,92,231,.3);border-radius:8px;padding:.5rem .75rem;font-size:1rem}.clone-set-panel .clone-set-label input:focus{border-color:#6c5ce7;outline:none}.clone-set-panel .submit-team-btn{width:100%}.add-team-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid rgba(108,92,231,.3);border-radius:16px;width:90%;max-width:440px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.add-team-panel h2{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.4rem}.close-overlay-btn{color:rgba(255,255,255,.5);cursor:pointer;background:0 0;border:none;font-size:1.3rem;position:absolute;top:.75rem;right:.75rem}.close-overlay-btn:hover{color:#fff}.add-team-form{flex-direction:column;gap:1rem;display:flex}.add-team-form label{color:rgba(255,255,255,.7);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.add-team-form label input[type=text]{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(108,92,231,.3);border-radius:6px;padding:.5rem .7rem;font-size:.95rem}.add-team-form label input[type=text]:focus{border-color:#6c5ce7;outline:none}.color-section{flex-direction:column;gap:.5rem;display:flex}.color-label,.image-label{color:rgba(255,255,255,.7);font-size:.85rem}.color-preview-row{align-items:center;gap:.5rem;display:flex}.color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:6px;width:32px;height:32px}.color-hex{color:rgba(255,255,255,.5);font-family:monospace;font-size:.85rem}.hsv-wheel-canvas{cursor:crosshair;border-radius:50%;margin:0 auto;display:block}.image-section{flex-direction:column;gap:.5rem;display:flex}.image-section input[type=file]{color:rgba(255,255,255,.6);font-size:.85rem}.image-preview-container{align-items:center;gap:.75rem;display:flex}.image-preview{object-fit:contain;border:1px solid rgba(255,255,255,.15);border-radius:8px;max-width:64px;max-height:64px}.remove-image-btn{color:rgba(255,80,80,.8);cursor:pointer;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.4);border-radius:4px;padding:.3rem .6rem;font-size:.8rem}.remove-image-btn:hover{background:rgba(255,80,80,.2)}.submit-team-btn{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;margin-top:.5rem;padding:.7rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-team-btn:hover:not(:disabled){background:#5a4bd1}.submit-team-btn:disabled{opacity:.4;cursor:not-allowed}.team-editor-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.team-editor-page>h1{text-align:center;color:#fff;margin:0;font-size:1.8rem;font-weight:700}.editor-error{color:#ff6b6b;background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.4);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.editor-error button{color:#ff6b6b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1rem}.editor-error button:hover{background:rgba(255,80,80,.2)}.editor-loading{text-align:center;color:rgba(255,255,255,.5);padding:3rem;font-size:1.1rem}.editor-layout{flex:1;gap:1.5rem;min-height:0;display:flex}.set-list-panel{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-direction:column;gap:1rem;width:280px;min-width:280px;max-height:calc(100vh - 10rem);padding:1.25rem;display:flex;overflow:hidden}.set-list-panel h2{color:rgba(255,255,255,.9);margin:0;font-size:1.1rem;font-weight:600}.set-list-panel .set-list{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;overflow-y:auto}.set-list-panel .set-list::-webkit-scrollbar{width:6px}.set-list-panel .set-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.set-item{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:.6rem .75rem;transition:background .15s,border-color .15s}.set-item:hover{background:rgba(255,255,255,.06)}.set-item.selected{background:rgba(108,92,231,.2);border-color:rgba(108,92,231,.4)}.set-item-content{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.set-item-content .set-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.set-item-content .set-count{color:rgba(255,255,255,.4);font-size:.8rem}.set-actions{gap:.3rem;margin-left:auto;display:flex}.set-actions button{color:rgba(255,255,255,.6);cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;transition:all .15s}.set-actions button:hover{color:#fff;background:rgba(255,255,255,.1)}.set-actions .set-delete-btn:hover{color:#ff6b6b;background:rgba(255,80,80,.15);border-color:rgba(255,80,80,.3)}.set-actions .set-clone-btn:hover{color:#a29bfe;background:rgba(108,92,231,.15);border-color:rgba(108,92,231,.3)}.system-badge{color:#a29bfe;text-transform:uppercase;letter-spacing:.5px;background:rgba(108,92,231,.25);border:1px solid rgba(108,92,231,.4);border-radius:10px;padding:.1rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.rename-form{gap:.4rem;display:flex}.rename-form input{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(108,92,231,.4);border-radius:4px;outline:none;flex:1;padding:.35rem .5rem;font-size:.85rem}.rename-form input:focus{border-color:#6c5ce7}.rename-form button{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:4px;padding:.35rem .6rem;font-size:.8rem}.rename-form button:hover{background:#5a4bd1}.new-set-form{box-sizing:border-box;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:.5rem;max-width:100%;padding-top:.75rem;display:flex}.new-set-form input{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none;flex:1;min-width:0;padding:.5rem .7rem;font-size:.85rem}.new-set-form input:focus{border-color:rgba(108,92,231,.5)}.new-set-form input::placeholder{color:rgba(255,255,255,.3)}.new-set-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#6c5ce7;border:none;border-radius:6px;flex-shrink:0;padding:.5rem .8rem;font-size:.85rem;font-weight:500;transition:background .15s}.new-set-form button:hover:not(:disabled){background:#5a4bd1}.new-set-form button:disabled{opacity:.4;cursor:not-allowed}.teams-panel{flex:1;min-width:0;max-height:calc(100vh - 10rem);overflow-y:auto}.teams-panel::-webkit-scrollbar{width:6px}.teams-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.teams-panel-inner{flex-direction:column;gap:1rem;display:flex}.teams-header{justify-content:space-between;align-items:center;display:flex}.teams-header h2{color:rgba(255,255,255,.9);margin:0;font-size:1.1rem;font-weight:600}.teams-header .add-team-btn{color:#a29bfe;cursor:pointer;background:rgba(108,92,231,.15);border:1px solid rgba(108,92,231,.4);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .15s}.teams-header .add-team-btn:hover{color:#fff;background:rgba(108,92,231,.25)}.add-team-form{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.add-team-form .form-row{gap:.75rem;display:flex}.add-team-form .form-row label{color:rgba(255,255,255,.6);flex-direction:column;flex:1;gap:.3rem;font-size:.8rem;display:flex}.add-team-form .form-row label input[type=text]{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none;padding:.45rem .6rem;font-size:.9rem}.add-team-form .form-row label input[type=text]:focus{border-color:rgba(108,92,231,.5)}.add-team-form .form-row label input[type=text]::placeholder{color:rgba(255,255,255,.3)}.add-team-form .form-row label input[type=color]{cursor:pointer;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:6px;width:100%;height:32px;padding:2px}.add-team-form .image-upload-row{align-items:center}.add-team-form .image-upload-row label{color:rgba(255,255,255,.6);font-size:.8rem}.add-team-form .pick-image-btn{color:rgba(255,255,255,.7);cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.45rem .8rem;font-size:.85rem;transition:all .15s}.add-team-form .pick-image-btn:hover:not(:disabled){color:#fff;background:rgba(255,255,255,.1)}.add-team-form .pick-image-btn:disabled{opacity:.4;cursor:not-allowed}.editor-teams-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.editor-team-card{border:1px solid rgba(255,255,255,.1);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;min-height:100px;padding:.75rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.editor-team-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.editor-team-card .editor-team-logo{object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));width:48px;height:48px}.editor-team-card .editor-team-no-img{color:rgba(255,255,255,.7);background:rgba(0,0,0,.3);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:700;display:flex}.editor-team-card .editor-team-info{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.editor-team-card .editor-team-info .editor-team-name{color:#fff;font-size:.75rem;font-weight:500;line-height:1.2}.editor-team-card .editor-team-info .editor-team-short{color:rgba(255,255,255,.5);font-size:.65rem}.editor-team-card .editor-team-actions{opacity:0;gap:.2rem;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.editor-team-card .editor-team-actions button{cursor:pointer;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.65rem;transition:background .15s}.editor-team-card .editor-team-actions .editor-change-image{color:#fff;background:rgba(255,255,255,.15)}.editor-team-card .editor-team-actions .editor-change-image:hover{background:rgba(255,255,255,.25)}.editor-team-card .editor-team-actions .editor-delete-team{color:#ff6b6b;background:rgba(255,80,80,.2)}.editor-team-card .editor-team-actions .editor-delete-team:hover{background:rgba(255,80,80,.35)}.editor-team-card:hover .editor-team-actions{opacity:1}.no-set-selected{color:rgba(255,255,255,.4);text-align:center;padding:3rem;font-size:1rem}.editor-nav{text-align:center;padding-top:.5rem}.editor-nav a{color:#a29bfe;font-size:.9rem;text-decoration:none}.editor-nav a:hover{color:#fff;text-decoration:underline}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.material-symbols-outlined.icon-sm{font-size:18px}.material-symbols-outlined.icon-xs{font-size:16px}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.obs-automation-page{background:#16213e;flex-direction:column;height:100vh;display:flex;overflow:hidden}.obs-auto-topbar{background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.obs-auto-back{color:#a29bfe;white-space:nowrap;font-size:.85rem;text-decoration:none}.obs-auto-back:hover{color:#fff}.obs-auto-topbar-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.obs-auto-topbar-right{align-items:center;gap:6px;display:flex}.obs-auto-config-name{color:#fff;cursor:pointer;border:1px solid transparent;border-radius:4px;padding:4px 8px;font-size:.9rem;font-weight:500}.obs-auto-config-name:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.obs-auto-config-switcher{color:#fff;cursor:pointer;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:4px;max-width:30px;padding:3px 4px;font-size:.75rem}.obs-auto-config-switcher option{background:#1e2a3a}.obs-auto-panel-header{justify-content:space-between;align-items:center;display:flex}.obs-auto-panel-header h5{margin:0}.obs-auto-custom-form{flex-direction:column;gap:10px;display:flex}.obs-auto-custom-form label{color:#aaa;font-size:.8rem;font-weight:500}.obs-auto-custom-type-row{gap:12px;display:flex}.obs-auto-type-option{cursor:pointer;opacity:.45;background:rgba(255,255,255,.03);border:2px dashed rgba(255,255,255,.2);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:18px 12px;transition:all .2s;display:flex}.obs-auto-type-option .material-symbols-outlined{color:#888;font-size:28px}.obs-auto-type-option .obs-auto-type-label{color:#999;font-size:.85rem;font-weight:600}.obs-auto-type-option .obs-auto-type-desc{color:#666;font-size:.7rem}.obs-auto-type-option.selected{opacity:1;background:rgba(108,92,231,.12);border:2px solid #6c5ce7}.obs-auto-type-option.selected .material-symbols-outlined{color:#a29bfe}.obs-auto-type-option.selected .obs-auto-type-label{color:#e0e0e0}.obs-auto-type-option.selected .obs-auto-type-desc{color:#aaa}.obs-auto-type-option:hover:not(.selected){opacity:.6;border-color:rgba(255,255,255,.3)}.obs-auto-add-trigger{cursor:pointer;opacity:.4;justify-content:center}.obs-auto-add-trigger .material-symbols-outlined{color:#aaa;font-size:24px}.obs-auto-add-trigger:hover{opacity:.7;border-color:rgba(108,92,231,.5)}.obs-auto-modal-footer{border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end;margin-top:10px;padding:10px 0 0;display:flex}.obs-auto-rename-input{color:#fff;background:rgba(0,0,0,.3);border:1px solid #a29bfe;border-radius:4px;min-width:140px;padding:5px 10px;font-size:.85rem}.obs-auto-rename-input:focus{border-color:#6c5ce7;outline:none}.obs-auto-btn{cursor:pointer;color:#fff;background:rgba(255,255,255,.1);border:none;border-radius:4px;padding:5px 12px;font-size:.8rem;transition:all .15s}.obs-auto-btn:hover{background:rgba(255,255,255,.2)}.obs-auto-btn.obs-auto-btn-sm{padding:4px 10px;font-size:.78rem}.obs-auto-btn.obs-auto-btn-xs{padding:2px 8px;font-size:.72rem}.obs-auto-btn.obs-auto-btn-danger{color:#ff6b6b}.obs-auto-btn.obs-auto-btn-danger:hover{background:rgba(220,53,69,.3)}.obs-auto-btn.obs-auto-btn-active{color:#28a745;background:rgba(40,167,69,.3)}.obs-auto-btn.obs-auto-btn-save{color:#fff;background:#4a6fa5}.obs-auto-btn.obs-auto-btn-save:hover{background:#5a7fb5}.obs-auto-btn.obs-auto-btn-dirty{background:#6c5ce7;animation:2s ease-in-out infinite obs-auto-pulse}.obs-auto-btn.obs-auto-btn-disabled{color:rgba(255,255,255,.4);cursor:not-allowed;background:rgba(74,111,165,.3)}.obs-auto-btn.obs-auto-btn-disabled:hover{background:rgba(74,111,165,.3)}@keyframes obs-auto-pulse{0%,to{box-shadow:0 0 4px rgba(108,92,231,.4)}50%{box-shadow:0 0 12px rgba(108,92,231,.8)}}.obs-auto-toggle{cursor:pointer;width:28px;height:48px;position:relative}.obs-auto-toggle input{opacity:0;width:0;height:0;position:absolute}.obs-auto-toggle .toggle-track{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;transition:all .3s;position:absolute;inset:0}.obs-auto-toggle .toggle-thumb{background:#6c757d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.obs-auto-toggle .toggle-thumb .material-symbols-outlined{color:#fff;font-size:14px}.obs-auto-toggle input:checked+.toggle-track{background:rgba(40,167,69,.3);border-color:#28a745}.obs-auto-toggle input:checked+.toggle-track+.toggle-thumb{background:#28a745;top:3px;bottom:auto}.obs-auto-push-btn{color:#aaa;cursor:pointer;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.obs-auto-push-btn .material-symbols-outlined{font-size:18px}.obs-auto-push-btn:hover{color:#fff;background:rgba(108,92,231,.3);border-color:#a29bfe}.obs-auto-push-btn:active{background:rgba(108,92,231,.5);transform:scale(.9)}.obs-auto-workspace{flex:1;grid-template-columns:240px 260px 1fr;min-height:0;display:grid;position:relative}.obs-auto-workspace:after{content:"";z-index:10;pointer-events:none;opacity:0;background:rgba(0,0,0,.35);transition:opacity .15s;position:absolute;inset:0}.obs-auto-workspace.dragging-obs-node:after{opacity:1}.obs-auto-workspace.dragging-obs-node .obs-auto-col-triggers{z-index:11;position:relative}.obs-auto-workspace.dragging-obs-node .obs-auto-trigger-card,.obs-auto-workspace.dragging-obs-node .obs-auto-team-card{animation:1.8s ease-in-out infinite drop-target-pulse}.obs-auto-workspace.dragging-trigger:after{opacity:1}.obs-auto-workspace.dragging-trigger .obs-auto-col-scenes,.obs-auto-workspace.dragging-trigger .obs-auto-col-sources{z-index:11;position:relative}.obs-auto-workspace.dragging-trigger .obs-auto-scene-item,.obs-auto-workspace.dragging-trigger .obs-auto-source-item{animation:1.8s ease-in-out infinite drop-target-pulse}@keyframes drop-target-pulse{0%,to{box-shadow:inset 0 0 0 1px rgba(108,92,231,.3),0 0 6px rgba(108,92,231,.25)}50%{box-shadow:inset 0 0 0 1px rgba(108,92,231,.5),0 0 12px rgba(108,92,231,.4)}}.obs-auto-left{background:rgba(0,0,0,.15);border-right:1px solid rgba(255,255,255,.1);flex-direction:column;width:300px;min-width:260px;display:flex;overflow-y:auto}.obs-auto-right{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.obs-auto-col-scenes{background:rgba(0,0,0,.15);border-right:1px solid rgba(255,255,255,.1);flex-direction:column;display:flex;overflow-y:auto}.obs-auto-col-sources{background:rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.1);flex-direction:column;display:flex;overflow-y:auto}.obs-auto-col-triggers{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.obs-auto-obs-header{border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.obs-auto-obs-status{align-items:center;gap:6px;display:flex}.obs-auto-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.obs-auto-dot.connected{background:#28a745}.obs-auto-dot.connecting{background:#ffc107}.obs-auto-dot.error{background:#dc3545;box-shadow:0 0 6px rgba(220,53,69,.5)}.obs-auto-dot.disconnected{background:#6c757d}.obs-auto-status-text{color:#aaa;font-size:.78rem}.obs-auto-obs-btns{gap:4px;display:flex}.obs-auto-panel{padding:8px 12px}.obs-auto-panel h5{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:.82rem}.obs-auto-scene-list{flex-direction:column;gap:3px;max-height:40vh;display:flex;overflow-y:auto}.obs-auto-scene-item{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid transparent;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;transition:all .15s;display:flex}.obs-auto-scene-item:hover{background:rgba(255,255,255,.1)}.obs-auto-scene-item.active{background:rgba(40,167,69,.15);border-color:rgba(40,167,69,.3)}.obs-auto-scene-item.ghost{opacity:.5;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,193,7,.08) 4px 8px);border-color:#ffc107}.obs-auto-scene-item.ghost:after{content:"(missing)";color:#ffc107;margin-left:auto;font-size:.65rem}.obs-auto-scene-item.drag-over,.obs-auto-scene-item.drag_over{background:rgba(108,92,231,.15);border-style:dashed;border-color:#a29bfe}.obs-auto-scene-dot{background:#555;border-radius:50%;flex-shrink:0;width:6px;height:6px}.obs-auto-scene-dot.active{background:#28a745}.obs-auto-scene-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.obs-auto-source-list{flex-direction:column;gap:3px;max-height:40vh;display:flex;overflow-y:auto}.obs-auto-source-item{cursor:grab;background:rgba(255,255,255,.04);border:1px solid transparent;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:flex}.obs-auto-source-item:hover{background:rgba(255,255,255,.08)}.obs-auto-source-item.drag-over,.obs-auto-source-item.drag_over{background:rgba(108,92,231,.15);border-style:dashed;border-color:#a29bfe}.obs-auto-source-item.ghost{opacity:.5;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,193,7,.08) 4px 8px);border-color:#ffc107}.obs-auto-source-item.ghost:after{content:"(missing)";color:#ffc107;margin-left:auto;font-size:.65rem}.obs-auto-source-item input[type=checkbox]{cursor:pointer;accent-color:#28a745;flex-shrink:0;width:14px;height:14px}.obs-auto-source-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.obs-auto-trigger-grid{flex-wrap:wrap;gap:8px;display:flex}.obs-auto-trigger-card{cursor:grab;opacity:.6;background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.15);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:10px 14px;transition:all .15s;display:flex}.obs-auto-trigger-card:hover{background:rgba(255,255,255,.1)}.obs-auto-trigger-card.drag-over,.obs-auto-trigger-card.drag_over{background:rgba(108,92,231,.15);border-style:dashed;border-color:#a29bfe}.obs-auto-trigger-card.has-connections,.obs-auto-trigger-card.has_connections{opacity:1;cursor:pointer;background:rgba(108,92,231,.08);border:2px solid rgba(108,92,231,.5)}.obs-auto-trigger-card.state-active{background:rgba(40,167,69,.15);border-color:#28a745;box-shadow:0 0 8px rgba(40,167,69,.3)}.obs-auto-trigger-label{color:#ddd;flex:1;align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.obs-auto-trigger-label .material-symbols-outlined{opacity:.7;font-size:18px}.obs-auto-trigger-delete{cursor:pointer;opacity:.3;background:0 0;border:none;margin-left:auto;padding:0;line-height:1;transition:opacity .15s}.obs-auto-trigger-delete .material-symbols-outlined{color:#ff6b6b;opacity:1;font-size:14px}.obs-auto-trigger-delete:hover{opacity:1}.obs-auto-trigger-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.obs-auto-state-btn{color:rgba(255,255,255,.5);cursor:pointer;letter-spacing:.5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;transition:all .15s}.obs-auto-state-btn:hover{color:#fff}.obs-auto-state-btn.obs-auto-state-on:hover,.obs-auto-state-btn.obs-auto-state-on.active{color:#28a745;background:rgba(40,167,69,.3);border-color:#28a745}.obs-auto-state-btn.obs-auto-state-on.active{color:#28a745}.obs-auto-state-btn.obs-auto-state-off:hover{color:#dc3545;background:rgba(220,53,69,.3);border-color:#dc3545}.obs-auto-badge{color:#64b4ff;cursor:pointer;background:rgba(100,180,255,.3);border:none;border-radius:10px;padding:1px 8px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s}.obs-auto-badge:hover{background:rgba(100,180,255,.5)}.obs-auto-trigger-card:hover .obs-auto-badge,.obs-auto-team-card:hover .obs-auto-badge{color:#fff;background:rgba(100,180,255,.5)}.obs-auto-team-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.obs-auto-team-card{cursor:grab;border:2px solid transparent;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.9rem;transition:all .15s;display:flex}.obs-auto-team-card:hover{border-color:rgba(255,255,255,.3)}.obs-auto-team-card.drag-over,.obs-auto-team-card.drag_over{border-style:dashed;border-color:#a29bfe;background:rgba(108,92,231,.15)!important}.obs-auto-team-card.has-connections,.obs-auto-team-card.has_connections{cursor:pointer;border-color:rgba(100,180,255,.3)}.obs-auto-team-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.obs-auto-team-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.obs-auto-connection-modal{background:#1e2a3a;border:1px solid rgba(255,255,255,.2);border-radius:12px;width:480px;max-width:90vw;max-height:80vh;padding:20px;overflow-y:auto}.obs-auto-connection-modal h3{color:#fff;margin:0 0 12px;font-size:1rem}.obs-auto-connection-modal p{color:#aaa;font-size:.85rem}.obs-auto-modal-header{justify-content:space-between;align-items:center;display:flex}.obs-auto-modal-body{margin-top:8px}.obs-auto-popover-backdrop{z-index:9999;position:fixed;inset:0}.obs-auto-popover{z-index:10000;transform-origin:top;background:#1e2a3a;border:1px solid rgba(108,92,231,.35);border-radius:10px;width:300px;max-height:60vh;animation:.18s ease-out popover-unfurl;position:fixed;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 12px rgba(108,92,231,.15)}.obs-auto-popover.furling{animation:.15s ease-in forwards popover-furl}@keyframes popover-unfurl{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes popover-furl{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.4)}}.obs-auto-popover-header{border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.obs-auto-popover-title{color:#a29bfe;font-size:.82rem;font-weight:600}.obs-auto-popover-close{color:rgba(255,255,255,.4);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.obs-auto-popover-close:hover{color:#fff}.obs-auto-popover-body{padding:6px 8px 8px}.obs-auto-popover-body .obs-auto-conn-list{gap:4px}.obs-auto-popover-body .obs-auto-conn-row{gap:6px;padding:6px 8px}.obs-auto-popover-body .obs-auto-conn-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.78rem;overflow:hidden}.obs-auto-popover-body .obs-auto-modal-empty{padding:12px 8px;font-size:.78rem}.obs-auto-modal-empty{color:#666;text-align:center;padding:20px;font-style:italic}.obs-auto-conn-list{flex-direction:column;gap:6px;display:flex}.obs-auto-conn-row{background:rgba(255,255,255,.05);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.obs-auto-conn-row.ghost{background:rgba(255,193,7,.08);border-color:#ffc107}.obs-auto-conn-row.ghost .obs-auto-conn-name{color:#ffc107}.obs-auto-conn-name{color:#ddd;min-width:100px;font-size:.82rem}.obs-auto-conn-actions{flex:1;align-items:center;gap:4px;display:flex}.obs-auto-conn-action-label{color:#888;font-size:.78rem}.obs-auto-conn-action-icon{align-items:center;gap:4px;display:flex}.obs-auto-conn-action-icon .material-symbols-outlined{font-size:18px}.obs-auto-conn-action-icon .material-symbols-outlined.icon-on{color:#28a745}.obs-auto-conn-action-icon .material-symbols-outlined.icon-off{color:#6c757d}.obs-auto-conn-selects{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.obs-auto-conn-selects label{color:#888;font-size:.75rem}.obs-auto-conn-selects select{color:#ddd;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:2px 6px;font-size:.75rem}.obs-auto-conn-selects select option{background:#1e2a3a}.obs-auto-conn-icon-row{align-items:center;gap:6px;display:flex}.obs-auto-conn-icon-btn{cursor:pointer;color:#aaa;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.obs-auto-conn-icon-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.obs-auto-conn-icon-btn .icon-on{color:#28a745}.obs-auto-conn-icon-btn .icon-off{color:#6c757d}.obs-auto-conn-icon-btn .icon-media{color:#4a9eff}.obs-auto-conn-state-label{color:#888;text-align:right;min-width:28px;font-size:.7rem}.obs-auto-modal-buttons{gap:8px;margin-top:16px;display:flex}.obs-auto-toast{color:#fff;z-index:10001;background:rgba(40,167,69,.9);border-radius:8px;padding:8px 20px;font-size:.85rem;animation:.3s ease-out obs-auto-toast-in;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes obs-auto-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.obs-auto-drag-help-btn{color:#a29bfe;cursor:pointer;background:0 0;border:1px solid rgba(162,155,254,.5);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.obs-auto-drag-help-btn:hover{color:#fff;background:rgba(162,155,254,.2);border-color:#a29bfe}.obs-drag-help-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:14px;width:460px;max-width:95vw;animation:.3s ease-out obs-tut-modal-in;overflow:hidden}.obs-drag-help-body{flex-direction:column;gap:18px;padding:16px 20px 20px;display:flex}.obs-drag-help-step{flex-direction:column;gap:6px;display:flex}.obs-drag-help-anim{justify-content:center;align-items:center;gap:12px;display:flex}.obs-drag-help-card{border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;display:flex}.obs-drag-help-card .material-symbols-outlined{font-size:18px}.obs-drag-help-source{color:#d4cfff;background:rgba(108,92,231,.15);border:1px solid rgba(108,92,231,.3);animation:2s ease-in-out infinite drag-help-bob-left}.obs-drag-help-trigger{color:#fdcb6e;background:rgba(253,203,110,.12);border:1px solid rgba(253,203,110,.3);animation:2s ease-in-out infinite drag-help-bob-right}.obs-drag-help-onoff{color:#ccc;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);gap:6px;animation:2s ease-in-out infinite drag-help-bob-left;display:flex}.obs-drag-help-on{color:#5dde7e;background:rgba(40,167,69,.25);border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.obs-drag-help-off{color:#ff7675;background:rgba(214,48,49,.25);border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.obs-drag-help-arrow{color:rgba(255,255,255,.4);animation:2s ease-in-out infinite drag-help-arrow-bounce}.obs-drag-help-arrow .material-symbols-outlined{font-size:20px}.obs-drag-help-anim-reverse .obs-drag-help-arrow{animation-direction:reverse}.obs-drag-help-desc{text-align:center;color:rgba(255,255,255,.55);margin:0;font-size:.78rem;line-height:1.4}.obs-drag-help-badge{color:#64b4ff;background:rgba(100,180,255,.4);border-radius:8px;margin-left:2px;padding:0 6px;font-size:.68rem;font-weight:700}.obs-drag-help-popover{color:#a29bfe;background:rgba(30,42,58,.9);border:1px solid rgba(108,92,231,.35)}.obs-drag-help-action{color:#ccc;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15)}.obs-drag-help-test-row{gap:16px!important}.obs-drag-help-test-toggle{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);align-items:center;gap:5px;animation:2s ease-in-out infinite drag-help-bob-left;display:flex}.obs-drag-help-toggle-track{background:rgba(40,167,69,.4);border-radius:7px;width:28px;height:14px;position:relative}.obs-drag-help-toggle-thumb{background:#5dde7e;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:1px;right:1px}.obs-drag-help-toggle-thumb .material-symbols-outlined{color:#1a1a2e;font-size:8px}.obs-drag-help-test-bolt{color:#fdcb6e;background:rgba(253,203,110,.12);border:1px solid rgba(253,203,110,.3);animation:1.5s ease-in-out infinite drag-help-bolt-pulse}.obs-drag-help-test-bolt .material-symbols-outlined{font-size:22px}.obs-drag-help-inline-icon{vertical-align:middle;color:#fdcb6e;font-size:.82rem!important}@keyframes drag-help-bolt-pulse{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 10px rgba(253,203,110,.3)}}.obs-drag-help-icon-on{color:#5dde7e!important}.obs-drag-help-icon-off{color:#ff7675!important}@keyframes drag-help-bob-left{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes drag-help-bob-right{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes drag-help-arrow-bounce{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.obs-config-info{border-top:1px solid rgba(255,255,255,.08);align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:flex}.obs-config-info .obs-config-name{color:#a29bfe;flex:1}.obs-config-info .obs-config-link{color:#4a9eff;font-size:.75rem;text-decoration:none}.obs-config-info .obs-config-link:hover{color:#fff}.custom-triggers-section{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.custom-trigger-item{cursor:pointer;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.custom-trigger-item .custom-trigger-name{color:rgba(255,255,255,.85);font-size:.9rem;font-weight:500}.custom-trigger-item .custom-trigger-bolt{color:rgba(255,255,255,.25);font-size:20px;transition:all .1s}.custom-trigger-item .toggle-switch{cursor:pointer;background:rgba(255,255,255,.15);border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .3s;position:relative}.custom-trigger-item .toggle-switch .toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px}.custom-trigger-item .toggle-switch.active{background:linear-gradient(90deg,#6c5ce7,#a29bfe)}.custom-trigger-item .toggle-switch.active .toggle-slider{transform:translate(22px)}.custom-trigger-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.custom-trigger-item.firing{background:rgba(108,92,231,.2);border-color:rgba(108,92,231,.5);box-shadow:0 0 10px rgba(108,92,231,.3)}.custom-trigger-item.firing .custom-trigger-bolt{color:#a29bfe}.custom-trigger-item.firing .custom-trigger-name{color:#fff}.obs-tut-help{color:#a29bfe;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid rgba(162,155,254,.5);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:.5rem;padding:0;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.obs-tut-help:hover{color:#fff;background:rgba(162,155,254,.2);border-color:#a29bfe}.obs-tut-overlay{z-index:10000;background:rgba(0,0,0,.7);justify-content:flex-end;align-items:flex-start;padding:3rem 1.5rem 0 0;animation:.2s ease-out obs-tut-overlay-in;display:flex;position:fixed;inset:0}@keyframes obs-tut-overlay-in{0%{opacity:0}to{opacity:1}}.obs-tut-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:14px;width:420px;max-width:95vw;animation:.3s ease-out obs-tut-modal-in;overflow:hidden}@keyframes obs-tut-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.obs-tut-header{border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.obs-tut-title{color:#fff;font-size:.95rem;font-weight:600}.obs-tut-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1;transition:color .15s}.obs-tut-close:hover{color:#fff}.obs-tut-dots{justify-content:center;gap:6px;padding:12px 18px 8px;display:flex}.obs-tut-dot{color:#666;cursor:pointer;background:0 0;border:1.5px solid rgba(255,255,255,.15);border-radius:50%;width:28px;height:28px;padding:0;font-size:.75rem;font-weight:600;transition:all .25s}.obs-tut-dot.active{color:#fff;background:rgba(162,155,254,.2);border-color:#a29bfe;box-shadow:0 0 8px rgba(162,155,254,.3)}.obs-tut-dot:hover:not(.active){color:#aaa;border-color:rgba(255,255,255,.3)}.obs-tut-stage{background:#12121e;border-radius:10px;height:200px;margin:0 18px;position:relative;overflow:hidden}.obs-tut-scene{justify-content:center;align-items:center;animation:.35s ease-out obs-tut-scene-in;display:flex;position:absolute;inset:0}@keyframes obs-tut-scene-in{0%{opacity:0}to{opacity:1}}.obs-tut-scene-continuous{animation:none}.obs-tut-caption{text-align:center;color:#aaa;padding:12px 18px 16px;font-size:.85rem}.obs-tut-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:180px;padding:10px 14px}.obs-tut-panel-hdr{color:#a29bfe;margin-bottom:8px;font-size:.7rem;font-weight:600}.obs-tut-row{border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:4px 6px;font-size:.7rem;display:flex}.obs-tut-row-hl{background:rgba(116,185,255,.12);animation:3.5s ease-out obs-tut-row-pulse}@keyframes obs-tut-row-pulse{0%,40%{background:rgba(116,185,255,.12)}50%{background:rgba(116,185,255,.3)}65%{background:rgba(116,185,255,.12)}}.obs-tut-row-label{color:#ccc;flex:1;font-size:.7rem}.obs-tut-copy-icon{color:#fff;font-size:.8rem}.obs-tut-cursor{z-index:5;pointer-events:none;width:16px;height:22px;position:absolute}.obs-tut-cursor:after{content:"";clip-path:polygon(0% 0%,0% 80%,22% 65%,38% 95%,52% 88%,36% 58%,72% 50%);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));background:#fff;width:16px;height:22px;position:absolute}.obs-tut-c1{animation:2s ease-out forwards obs-tut-c1-move}@keyframes obs-tut-c1-move{0%{opacity:0;top:65%;left:35%}15%{opacity:1}65%{top:35%;left:62%}75%{top:35%;left:62%;transform:scale(.85)}85%{top:35%;left:62%;transform:scale(1)}to{opacity:1;top:35%;left:62%}}.obs-tut-badge{color:#fff;opacity:0;background:#00b894;border-radius:10px;padding:3px 10px;font-size:.7rem;font-weight:600;animation:.4s ease-out 1.8s forwards obs-tut-badge-pop;position:absolute;top:28%;left:56%}@keyframes obs-tut-badge-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.obs-tut-obs{background:#2b2b3d;border:1px solid rgba(255,255,255,.1);border-radius:6px;width:85%;animation:.5s ease-out obs-tut-obs-in;overflow:hidden}@keyframes obs-tut-obs-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.obs-tut-titlebar{color:#888;background:#1e1e30;align-items:center;gap:8px;padding:4px 8px;font-size:.65rem;display:flex}.obs-tut-wdots{color:#555;letter-spacing:1px;font-size:.5rem}.obs-tut-preview{color:#333;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;height:90px;font-size:.7rem;font-style:italic;display:flex}.obs-tut-preview-sm{height:50px}.obs-tut-bar{border-top:1px solid rgba(255,255,255,.08);display:flex}.obs-tut-col{color:#888;text-align:center;border-right:1px solid rgba(255,255,255,.05);flex:1;padding:6px 4px;font-size:.6rem}.obs-tut-col:last-child{border-right:none}.obs-tut-obs-compact{width:90%;overflow:visible}.obs-tut-bar-detail{min-height:80px}.obs-tut-col-detail{text-align:left;flex-direction:column;padding:0;display:flex}.obs-tut-col-hdr{color:#888;border-bottom:1px solid rgba(255,255,255,.05);padding:4px 6px;font-size:.6rem;font-weight:600}.obs-tut-col-item{color:#666;padding:3px 8px;font-size:.6rem}.obs-tut-col-hl{background:rgba(162,155,254,.08);border-color:rgba(162,155,254,.2)}.obs-tut-plus-area{border-top:1px solid rgba(255,255,255,.05);margin-top:auto;position:relative}.obs-tut-plus{color:#a29bfe;text-align:left;width:fit-content;padding:3px 8px;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite obs-tut-plus-glow}@keyframes obs-tut-plus-glow{0%,to{color:#a29bfe}50%{color:#fff;text-shadow:0 0 6px rgba(162,155,254,.6)}}.obs-tut-c2{animation:2s ease-out forwards obs-tut-c2-move}@keyframes obs-tut-c2-move{0%{opacity:0;top:25%;left:55%}15%{opacity:1}65%{top:78%;left:40%}75%{top:78%;left:40%;transform:scale(.85)}85%{top:78%;left:40%;transform:scale(1)}to{opacity:1;top:78%;left:40%}}.obs-tut-plus-active{background:rgba(162,155,254,.15);animation:none}.obs-tut-menu{background:#2a2a40;border:1px solid rgba(255,255,255,.15);border-radius:6px;margin-bottom:2px;animation:.3s ease-out obs-tut-menu-up;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}@keyframes obs-tut-menu-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.obs-tut-mi{color:#999;cursor:default;padding:5px 10px;font-size:.65rem}.obs-tut-mi-hl{color:#fff;background:rgba(162,155,254,.2);animation:3.5s ease-out obs-tut-mi-flash}@keyframes obs-tut-mi-flash{0%,30%{background:rgba(162,155,254,.2)}50%{background:rgba(162,155,254,.4)}70%{background:rgba(162,155,254,.2)}}.obs-tut-globe{font-size:.7rem}.obs-tut-c3{opacity:0;animation:1.8s ease-out .4s forwards obs-tut-c3-move}@keyframes obs-tut-c3-move{0%{opacity:0;top:85%;left:37%}20%{opacity:1}65%{top:55%;left:48%}75%{top:55%;left:48%;transform:scale(.85)}85%{top:55%;left:48%;transform:scale(1)}to{opacity:1;top:55%;left:48%}}.obs-tut-dialog{background:#2b2b3d;border:1px solid rgba(255,255,255,.12);border-radius:8px;width:70%;padding:12px 16px;animation:.3s ease-out obs-tut-dlg-in}@keyframes obs-tut-dlg-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.obs-tut-dlg-title{color:#ccc;margin-bottom:12px;font-size:.75rem;font-weight:600}.obs-tut-field{margin-bottom:10px}.obs-tut-field-label{color:#888;margin-bottom:4px;font-size:.6rem;display:block}.obs-tut-input{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:4px;align-items:center;min-height:22px;padding:5px 8px;display:flex}.obs-tut-input-wide{overflow:hidden}.obs-tut-typed{white-space:nowrap;color:#fff;max-width:0;font-family:monospace;font-size:.7rem;display:inline-block;overflow:hidden}.obs-tut-typed-short{animation:.8s steps(5,end) .5s forwards obs-tut-type-short}@keyframes obs-tut-type-short{to{max-width:5ch}}.obs-tut-input-click{border-color:rgba(255,255,255,.15);animation:.2s ease-out 1.2s forwards obs-tut-input-focus}@keyframes obs-tut-input-focus{to{border-color:#4a6fa5}}.obs-tut-pasted{color:#fff;white-space:nowrap;opacity:0;font-family:monospace;font-size:.6rem;animation:.15s ease-out 1.4s forwards obs-tut-paste-in;overflow:hidden}@keyframes obs-tut-paste-in{to{opacity:1}}.obs-tut-c5{animation:1.4s ease-out forwards obs-tut-c5-move}@keyframes obs-tut-c5-move{0%{opacity:0;top:25%;left:65%}15%{opacity:1}65%{top:44%;left:50%}75%{top:44%;left:50%;transform:scale(.85)}85%{top:44%;left:50%;transform:scale(1)}to{opacity:0;top:44%;left:50%}}.obs-tut-caret{background:#a29bfe;width:1px;height:12px;margin-left:1px;animation:.6s step-end infinite obs-tut-blink;display:inline-block}@keyframes obs-tut-blink{50%{opacity:0}}.obs-tut-paste-hint{color:#74b9ff;opacity:0;margin-bottom:8px;font-size:.6rem;animation:.3s ease-out 1.5s forwards obs-tut-hint-in}@keyframes obs-tut-hint-in{to{opacity:1}}.obs-tut-dlg-btn{color:#a29bfe;text-align:center;background:rgba(162,155,254,.15);border:1px solid rgba(162,155,254,.3);border-radius:4px;padding:4px 20px;font-size:.65rem;display:inline-block}.obs-tut-checkmark{color:#00b894;opacity:0;font-size:1.5rem;animation:.5s ease-out 1.8s forwards obs-tut-check-in;position:absolute;bottom:15%;right:18%}@keyframes obs-tut-check-in{0%{opacity:0;transform:scale(.3)rotate(-20deg)}60%{opacity:1;transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=768px){.obs-tut-overlay{justify-content:center;align-items:center;padding:0}.obs-tut-modal{width:95vw}.obs-tut-stage{height:170px}}.design-page{color:#fff;background:#1a1a2e;flex-direction:column;height:100vh;display:flex;overflow:hidden}.design-header{border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.design-back{color:#a29bfe;flex-shrink:0;font-size:.9rem;text-decoration:none}.design-back:hover{text-decoration:underline}.design-title-input{color:#fff;background:0 0;border:1px solid transparent;border-radius:6px;flex:1;min-width:0;padding:.2rem .5rem;font-size:1.1rem;font-weight:600}.design-title-input:hover,.design-title-input:focus{border-color:rgba(162,155,254,.4);outline:none}.design-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.design-save-btn{color:#fff;cursor:pointer;background:#a29bfe;border:none;border-radius:6px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;transition:opacity .15s}.design-save-btn:hover{opacity:.85}.design-save-btn.saving{opacity:.6;cursor:wait}.design-config-select,.design-font-select,.design-select{color:#e0dff0;background:rgba(255,255,255,.08);border:1px solid rgba(162,155,254,.25);border-radius:6px;padding:.35rem .6rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.design-config-select:hover,.design-config-select:focus,.design-font-select:hover,.design-font-select:focus,.design-select:hover,.design-select:focus{border-color:rgba(162,155,254,.5);outline:none;box-shadow:0 0 6px rgba(162,155,254,.15)}.design-config-select option,.design-font-select option,.design-select option{color:#e0dff0;background:#1e1e37}.design-preview{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.design-aspect-bar{flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:.4rem;display:flex}.design-aspect-btn{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;transition:all .15s}.design-aspect-btn:hover{background:rgba(255,255,255,.1)}.design-aspect-btn.active{background:rgba(162,155,254,.2);border-color:rgba(162,155,254,.5)}.aspect-icon{border:1.5px solid rgba(255,255,255,.5);border-radius:2px}.design-aspect-btn.active .aspect-icon{border-color:#a29bfe}.aspect-auto{border-style:dashed;width:20px;height:14px}.aspect-square{width:16px;height:16px}.aspect-wide{width:24px;height:13px}.aspect-ultrawide{width:30px;height:13px}.aspect-superwide{width:38px;height:11px}.design-preview-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.design-preview-frame{width:100%;height:100%;position:relative;overflow:hidden}.design-preview-frame:has(.wheel-page){overflow:visible}.design-preview-frame.aspect-locked{width:min(100cqw, 100cqh * var(--aspect-w) / var(--aspect-h));height:min(100cqh, 100cqw * var(--aspect-h) / var(--aspect-w));border:1px solid rgba(255,255,255,.06);border-radius:4px}.design-preview-frame>.design-teams-preview,.design-preview-frame>.break-page{width:100%!important;height:100%!important}.design-preview-frame>.break-page .break-name-display{font-weight:inherit}.design-preview-frame>.design-wheel-inner .slot-wheel-frame{max-width:100%}.design-controls{backdrop-filter:blur(8px);background:linear-gradient(rgba(30,30,55,.95),rgba(20,20,40,.98));border-top:1px solid rgba(162,155,254,.15);flex-shrink:0;padding:1rem 1.5rem;animation:.3s ease-out controls-slide-up}@keyframes controls-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.design-control-group{flex-direction:column;gap:.5rem;display:flex}.design-control{color:#e0dff0;cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.85rem;transition:background .2s;display:flex}.design-control:hover{background:rgba(162,155,254,.08)}.design-control input[type=checkbox]{appearance:none;cursor:pointer;background:rgba(255,255,255,.05);border:2px solid rgba(162,155,254,.5);border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:all .2s;position:relative}.design-control input[type=checkbox]:checked{background:#a29bfe;border-color:#a29bfe}.design-control input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.design-control input[type=checkbox]:hover{border-color:#a29bfe}.design-control-row{border-radius:6px;align-items:center;gap:.5rem;padding:.2rem .5rem;transition:background .2s;display:flex}.design-control-row:hover{background:rgba(162,155,254,.06)}.design-control-row label{color:#b0aed0;white-space:nowrap;font-size:.8rem;font-weight:500}.design-color-input{cursor:pointer;background:0 0;border:2px solid rgba(255,255,255,.15);border-radius:6px;width:34px;height:26px;padding:0;transition:border-color .2s,box-shadow .2s}.design-color-input:hover{border-color:rgba(162,155,254,.5);box-shadow:0 0 8px rgba(162,155,254,.2)}.design-color-input::-webkit-color-swatch-wrapper{padding:2px}.design-color-input::-webkit-color-swatch{border:none;border-radius:3px}.design-default-btn{color:#a29bfe;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:rgba(162,155,254,.1);border:1px solid rgba(162,155,254,.25);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600;transition:all .2s}.design-default-btn:hover{color:#c4bfff;background:rgba(162,155,254,.2);border-color:rgba(162,155,254,.4)}.design-default-btn.hidden{display:none}.design-range-input{appearance:none;cursor:pointer;background:rgba(255,255,255,.12);border-radius:2px;outline:none;width:80px;height:4px}.design-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a29bfe;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:14px;height:14px;transition:box-shadow .2s;box-shadow:0 0 6px rgba(162,155,254,.4)}.design-range-input::-webkit-slider-thumb:hover{box-shadow:0 0 12px rgba(162,155,254,.6)}.design-range-input::-moz-range-thumb{cursor:pointer;background:#a29bfe;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:14px;height:14px}.design-range-label{color:#a29bfe;text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:600}.design-control-row-main{flex-wrap:wrap;align-items:center;gap:1.25rem;width:100%;display:flex}.design-control-row-inline{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.design-bg-picker{border:1px solid rgba(255,255,255,.12);border-radius:6px;align-items:center;gap:0;height:28px;display:flex;overflow:hidden}.design-bg-picker .design-color-input{border:none;border-radius:0;flex-shrink:0;width:28px;height:28px}.design-bg-opacity-track{background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;width:60px;height:100%;position:relative}.design-bg-opacity-track:before{content:"";background:linear-gradient(to right, transparent, var(--bg-picker-color,#1a1a2e));pointer-events:none;position:absolute;inset:0}.design-bg-opacity-slider{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:relative}.design-bg-opacity-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;width:4px;height:100%;box-shadow:0 0 3px rgba(0,0,0,.5)}.design-bg-opacity-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:0;width:4px;height:100%}.design-bg-opacity-label{color:#b0aed0;white-space:nowrap;background:rgba(30,30,55,.9);align-items:center;height:100%;padding:0 .4rem;font-size:.7rem;font-weight:600;display:flex}.design-sub-options{background:rgba(162,155,254,.04);border:1px solid rgba(162,155,254,.2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1.25rem;width:100%;margin-top:.25rem;padding:.6rem .8rem;animation:.2s ease-out sub-options-in;display:flex}@keyframes sub-options-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:60px}}.design-control-sub{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.design-no-controls{color:#888;margin:0;font-size:.85rem;font-style:italic}.design-loading{color:#888;text-align:center;margin:auto;padding:2rem}.team-card-crossout{--cross-color:rgba(255,50,50,.9);z-index:3;pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - 2px), var(--cross-color) 50%, transparent calc(50% + 2px)), linear-gradient(to bottom right, transparent calc(50% - 2px), var(--cross-color) 50%, transparent calc(50% + 2px));filter:drop-shadow(0 0 8px color-mix(in srgb, var(--cross-color) 40%, transparent));display:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,transparent 85%);mask-image:radial-gradient(#000 35%,transparent 85%)}.team-card-crossout.visible{display:block}.design-preview>.design-preview-actions,.design-wheel-inner>.design-preview-actions{z-index:10;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.design-wheel-inner.wheel-page,.design-wheel-inner.slot-wheel-page{width:100%;height:100%;position:relative;overflow:visible}.design-wheel-inner.wheel-page .wheel-container,.design-wheel-inner.slot-wheel-page .wheel-container{width:95%;height:95%}.design-wheel-inner.wheel-page .slot-wheel-container,.design-wheel-inner.slot-wheel-page .slot-wheel-container{max-width:100%;max-height:90%}.design-wheel-inner.wheel-page .slot-wheel-frame,.design-wheel-inner.slot-wheel-page .slot-wheel-frame{max-width:100%}.design-preview-actions{z-index:10;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.design-test-spin-btn{color:#fff;cursor:pointer;background:rgba(162,155,254,.8);border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;transition:background .15s}.design-test-spin-btn:hover{background:#a29bfe}.design-reset-btn{color:#fff;cursor:pointer;background:#0987ee;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:1rem;transition:background .2s;display:flex}.design-reset-btn:hover{background:#1b98ff}.design-reset-btn.hidden{display:none}.design-number-input{color:#fff;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;width:50px;padding:.25rem .4rem;font-size:.8rem}.design-number-input:focus{border-color:#a29bfe;outline:none}.design-slot-winner{justify-content:center;padding:.5rem 0;animation:.4s cubic-bezier(.34,1.56,.64,1) slot-winner-pop;display:flex}@keyframes slot-winner-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.design-slot-winner-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);border-radius:6px;padding:.4rem 1.2rem;font-size:1.1rem;font-weight:700;box-shadow:0 2px 12px rgba(0,0,0,.3)}.design-preview-area{background-image:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.03) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.session-conflict-overlay{z-index:9999;backdrop-filter:blur(4px);background:rgba(0,0,0,.75);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.session-conflict-banner,.session-takeover-banner{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:1rem;max-width:480px;padding:2.5rem 3rem;box-shadow:0 0 40px rgba(0,0,0,.6),0 0 0 1px rgba(108,92,231,.3)}.session-conflict-banner .session-banner-icon,.session-takeover-banner .session-banner-icon{margin-bottom:1rem}.session-conflict-banner .session-banner-icon .material-symbols-outlined,.session-takeover-banner .session-banner-icon .material-symbols-outlined{color:#fdcb6e;font-size:3rem}.session-conflict-banner h3,.session-takeover-banner h3{color:rgba(255,255,255,.95);margin:0 0 .75rem;font-size:1.5rem}.session-conflict-banner p,.session-takeover-banner p{color:rgba(255,255,255,.6);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.session-conflict-banner .session-banner-actions,.session-takeover-banner .session-banner-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.session-takeover-banner .session-banner-icon .material-symbols-outlined{color:#74b9ff}.session-takeover-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.session-takeover-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(108,92,231,.4)}.session-takeover-btn:active{transform:translateY(0)}.session-logout-btn{color:#ff7675;cursor:pointer;background:0 0;border:1px solid rgba(255,118,117,.4);border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .15s,border-color .15s}.session-logout-btn:hover{background:rgba(255,118,117,.1);border-color:#ff7675}.wheel-disabled-overlay{z-index:100;background:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.take-over-panel{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:1rem;padding:3rem;box-shadow:0 0 30px rgba(0,0,0,.5)}.take-over-panel p{color:#a29bfe;margin-bottom:1.5rem;font-size:1.5rem}.session-takeover-icon{color:#74b9ff;margin-bottom:.5rem;font-size:3rem;display:block}