.toaster{z-index:1000;flex-direction:column;gap:.5rem;max-width:22rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#f8fafc;background:#1e293b;border-left:4px solid #64748b;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;display:flex;box-shadow:0 6px 20px #00000059}.toast--success{border-left-color:#22c55e}.toast--error{border-left-color:#ef4444}.toast--info{border-left-color:#38bdf8}.toast__body{flex:1;min-width:0}.toast__title{font-size:.9rem;display:block}.toast__detail{color:#cbd5e1;margin:.25rem 0 0;font-size:.8rem}.toast__report{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:.35rem;margin-top:.4rem;padding:.2rem .45rem;font-size:.72rem}.toast__report:disabled{opacity:.7;cursor:default}.toast__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;min-height:100vh;margin:0}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:#1e293b;border-radius:.75rem;width:min(24rem,92vw);padding:2rem;box-shadow:0 10px 40px #0006}.card h1{margin-top:0;font-size:1.4rem}.form{flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;padding:.55rem .65rem;font-size:.95rem}button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:.4rem;padding:.55rem .9rem;font-weight:600}button:disabled{opacity:.6;cursor:default}.form__error{color:#fca5a5;margin:0;font-size:.85rem}.muted{color:#94a3b8;font-size:.85rem}.loading{color:#94a3b8}.form__success{color:#86efac;margin:0;font-size:.85rem}a{color:#38bdf8}.card__footer{border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.1rem;padding-top:.9rem;font-size:.85rem;display:flex}.or-divider{color:#64748b;align-items:center;gap:.6rem;margin:1rem 0;font-size:.75rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:#334155;flex:1;height:1px}.google-button,.google-button-host{width:100%;margin-top:.25rem}.google-button{color:#e2e8f0;background:#334155}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.app__brand{color:#e2e8f0;font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .15s}.app__brand:hover{color:#38bdf8}.app__nav{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.app__nav .app__user{margin-left:.6rem}.nav-pill{color:#cbd5e1;border:1px solid #0000;border-radius:999px;padding:.4rem .85rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.nav-pill:hover{color:#f8fafc;background:#334155;border-color:#475569}.nav-pill--active{color:#38bdf8;background:#38bdf824;border-color:#38bdf866}.nav-pill--active:hover{color:#7dd3fc;background:#38bdf838;border-color:#38bdf88c}.avatar{object-fit:cover;color:#e2e8f0;letter-spacing:.02em;background:#334155;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.72rem;font-weight:700;display:inline-flex}.avatar--large{width:4.5rem;height:4.5rem;font-size:1.4rem}.app__avatar-link{border:2px solid #0000;border-radius:999px;margin-left:.4rem;transition:border-color .15s;display:inline-flex}.app__avatar-link:hover{border-color:#38bdf8}.modal__backdrop{z-index:50;background:#020617b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#1e293b;border:1px solid #334155;border-radius:.6rem;width:100%;max-width:26rem;padding:1.1rem 1.25rem 1.25rem;box-shadow:0 20px 50px #00000073}.modal__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.modal__head h3{margin:0;font-size:1.02rem}.modal__close{color:#94a3b8;background:0 0;padding:0 .3rem;font-size:1.2rem;line-height:1}.modal__form,.modal{font-size:.9rem}.modal label{color:#cbd5e1;flex-direction:column;gap:.3rem;margin-bottom:.8rem;display:flex}.modal input,.modal textarea{color:#e2e8f0;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:.4rem;padding:.45rem .6rem}.modal__actions{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.app__user{color:#94a3b8}.app__content{width:100%;max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem}.library__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.upload-button{color:#0f172a;cursor:pointer;background:#38bdf8;border-radius:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.upload-button--busy{opacity:.6;cursor:default}.sound-list{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.sound-row{background:#1e293b;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.sound-row__play{color:#e2e8f0;background:#334155;border-radius:999px;width:2rem;height:2rem;padding:0;font-size:.75rem;transition:background .15s,color .15s}.sound-row__play--active{color:#0f172a;background:#38bdf8}.sound-row__meta{flex-direction:column;flex:1;min-width:0;display:flex}.sound-row__title{font-size:.95rem}.sound-row__sub{color:#94a3b8;font-size:.78rem}.sound-row__delete{color:#fca5a5;background:0 0;border:1px solid #475569;padding:.3rem .6rem;font-size:.78rem}.sound-row__rename{flex:1;gap:.5rem;min-width:0;display:flex}.sound-row__campaign{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;max-width:11rem;padding:.3rem .45rem;font-size:.78rem}.folder-new{gap:.5rem;margin:.75rem 0 1.25rem;display:flex}.folder-new input,.folder-card__head input,.sound-row__rename input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;flex:1;padding:.45rem .6rem}.folder-grid{flex-direction:column;gap:.75rem;display:flex}.folder-card{background:#1e293b;border-radius:.6rem;padding:.9rem 1rem}.folder-card__head{align-items:center;gap:.5rem;display:flex}.folder-card__head h3{flex:1;margin:0;font-size:1rem}button.ghost{color:#cbd5e1;background:0 0;border:1px solid #475569;padding:.3rem .6rem;font-size:.78rem;font-weight:500}button.ghost.danger{color:#fca5a5}.folder-items{counter-reset:item;flex-direction:column;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.folder-item{background:#0f172a;border-radius:.4rem;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.folder-item__title{flex:1;min-width:0;font-size:.9rem}.folder-item__actions{align-items:center;gap:.35rem;display:flex}.folder-item__actions button{color:#e2e8f0;background:#334155;padding:.2rem .45rem;font-size:.75rem}.folder-item__actions button:disabled{opacity:.4;cursor:default}.folder-add{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;width:100%;margin-top:.75rem;padding:.45rem .6rem}.folder-card__campaign{align-items:center;gap:.5rem;margin-top:.6rem;font-size:.85rem;display:flex}.folder-card__campaign .folder-add{margin-top:0}.soundboard__layout{grid-template-columns:minmax(0,1fr) 13rem;align-items:start;gap:1.5rem;display:grid}.soundboard__main h3{margin:1.25rem 0 .25rem;font-size:.95rem}.soundboard__aside{position:sticky;top:1rem}.soundboard__aside h3{margin:0 0 .25rem;font-size:.95rem}.soundboard__aside .session-members{margin-top:.5rem}@media (width<=640px){.soundboard__layout{grid-template-columns:minmax(0,1fr)}.soundboard__aside{position:static}}.campaign-list{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.campaign-row{background:#1e293b;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.7rem .9rem;display:flex}.campaign-row__name{font-size:.95rem}.button-link{color:#0f172a;background:#38bdf8;border-radius:.4rem;padding:.4rem .7rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.soundboard__muted{color:#fecaca;background:#7f1d1d;border-radius:.4rem;margin:.5rem 0;padding:.5rem .7rem;font-size:.85rem}.soundboard__volume{color:#94a3b8;align-items:center;gap:.6rem;margin:.75rem 0;font-size:.85rem;display:flex}.soundboard__volume input{flex:1}.pad-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;margin-top:.5rem;display:grid}.pad{color:#e2e8f0;word-break:break-word;background:#334155;border-radius:.6rem;min-height:5.5rem;padding:.5rem;font-size:.92rem;font-weight:600;transition:transform 50ms,background .1s}.pad:active{color:#0f172a;background:#38bdf8;transform:scale(.96)}.pad:disabled{opacity:.5;cursor:default}.play__actions{gap:.6rem;margin:.75rem 0 1.25rem;display:flex}.profile__section{background:#1e293b;border-radius:.6rem;margin-bottom:1.25rem;padding:1rem 1.2rem 1.2rem}.profile__section h3{margin:0 0 .75rem;font-size:1rem}.profile__section--danger{border:1px solid #fca5a559}.profile__avatar-block{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.ghost-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:.4rem;padding:.35rem .7rem;font-size:.82rem;font-weight:500;transition:background .15s;display:inline-block}.ghost-button:hover{background:#334155}.profile__form{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:1rem;font-size:.88rem;display:flex}.profile__form label{color:#cbd5e1;flex-direction:column;flex:1;gap:.3rem;min-width:14rem;display:flex}.profile__form input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;padding:.45rem .6rem}.campaign-row__main{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.campaign-row__invite{border-top:1px solid #334155;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.85rem;display:flex}.campaign-row__invite code{letter-spacing:.08em;color:#38bdf8;background:#0f172a;border-radius:.3rem;padding:.2rem .5rem}.session-members{flex-direction:column;gap:.35rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.session-members li{background:#1e293b;border-radius:.4rem;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.88rem;display:flex}.presence-dot{background:#475569;border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.presence-dot--online{background:#4ade80}.session-members__role{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border:1px solid #475569;border-radius:.25rem;margin-left:auto;padding:.1rem .35rem;font-size:.7rem}.campaign-row__actions{gap:.5rem;display:flex}.ghost-link{color:#e2e8f0;background:0 0;border:1px solid #475569}.gm__setting{color:#cbd5e1;cursor:pointer;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.88rem;display:flex}.gm__setting input{accent-color:#38bdf8}.gm__start{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1rem;display:flex}.gm__bar{background:#1e293b;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:1rem;margin:.5rem 0 1rem;padding:.6rem .8rem;display:flex}.gm__live{color:#4ade80;font-size:.85rem;font-weight:700}.gm__reconnecting{color:#facc15;font-size:.85rem;font-weight:700}.gm__bar .soundboard__volume{min-width:12rem;margin:0}.gm__panels{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;display:grid}.gm__panels h3{margin:0 0 .5rem;font-size:.95rem}.gm__players{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.gm__player{background:#1e293b;border-radius:.4rem;align-items:center;gap:.4rem;padding:.4rem .55rem;display:flex}.gm__player-name{flex:1;min-width:0;font-size:.88rem}.gm__cooldown{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.3rem;width:3.5rem;padding:.25rem .35rem}.gm__feed{color:#cbd5e1;flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.gm__feed li{background:#1e293b;border-radius:.4rem;padding:.35rem .55rem}.ad-slot{background:repeating-linear-gradient(45deg,#1e293b,#1e293b 10px,#172033 10px 20px);border:1px dashed #475569;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem .9rem;display:flex}.ad-slot__tag{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;border:1px solid #475569;border-radius:.25rem;padding:.1rem .35rem;font-size:.65rem}.ad-slot__copy{color:#cbd5e1;margin:0;font-size:.85rem}.billing__status{background:#1e293b;border-radius:.6rem;margin-bottom:1.25rem;padding:1rem 1.1rem}.billing__tier{align-items:center;gap:.6rem;margin:.3rem 0;display:flex}.billing__badge{text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0;background:#334155;border-radius:.3rem;padding:.15rem .45rem;font-size:.7rem}.billing__cancel{color:#fca5a5;background:0 0;border:1px solid #475569;margin-top:.6rem;font-size:.82rem}.billing__promo{margin-bottom:1.5rem;font-size:.85rem}.billing__promo-row{gap:.5rem;max-width:22rem;margin-top:.35rem;display:flex}.billing__promo-row input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.4rem;flex:1;padding:.45rem .6rem}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.plan-card{background:#1e293b;border:1px solid #0000;border-radius:.6rem;padding:1rem 1.1rem}.plan-card--current{border-color:#38bdf8}.plan-card h3{margin:0 0 .4rem}.plan-card__desc{color:#94a3b8;margin:0 0 .6rem;font-size:.85rem}.plan-card__prices{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.plan-card__price{font-size:1.1rem;font-weight:700}.plan-card__buy{margin-left:.6rem;padding:.3rem .6rem;font-size:.78rem}.plan-card__current-tag{color:#38bdf8;margin-top:.6rem;font-size:.75rem;display:inline-block}.billing-landing{max-width:30rem}.billing-landing h2{margin-top:0}