@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Spline+Sans+Mono:wght@500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:#0f1013;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.app-shell{--bg:#0f1013;--panel:#15171b;--panel2:#1d2025;--hover:#23272d;--line:#262a31;--text:#f2f4f6;--muted:#98a0aa;--faint:#868e9b;--accent:#e8b64c;--accent-ink:#07130c;--accent-soft:color-mix(in srgb, var(--accent) 13%, transparent);--live:#ff5044;--live-soft:#ff50441f;--warn:#f5c95e;background:var(--bg);height:100vh;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:Hanken Grotesk,system-ui,sans-serif;display:flex}.app-shell[data-theme=light]{--bg:#f4f5f7;--panel:#fff;--panel2:#edeff2;--hover:#e5e8ec;--line:#e1e4e9;--text:#17191d;--muted:#5b636d;--faint:#656c7a;--accent-ink:#17191d;--live:#df3c31;--live-soft:#df3c3117;--warn:#c98a12}input::placeholder{color:var(--faint)}input[type=range]{accent-color:var(--accent);width:100%}button:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes crPulse{0%,to{opacity:1}50%{opacity:.2}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:12px 16px;min-height:74px;padding:10px 20px;display:flex}.brand{border-right:1px solid var(--line);flex:none;align-items:center;gap:11px;padding-right:18px;display:flex}.brand-badge{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;display:grid}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-text b{letter-spacing:-.01em;font-size:15px;font-weight:800}.brand-text small{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.on-air{border:1px dashed var(--line);width:130px;height:50px;color:var(--faint);background:0 0;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;display:flex}.on-air small{letter-spacing:.22em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.on-air small i{background:currentColor;border-radius:50%;width:5px;height:5px}.on-air b{letter-spacing:.05em;font-size:16px;font-weight:800}.on-air.main{background:var(--live-soft);border:1px solid var(--live);color:var(--live);box-shadow:0 0 26px var(--live-soft)}.on-air.background{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}.on-air.main small i,.on-air.background small i{animation:1.4s ease-in-out infinite crPulse}.now-playing{flex-direction:column;flex:1;gap:2px;min-width:140px;display:flex;overflow:hidden}.now-playing strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:700;overflow:hidden}.now-playing span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.countdown{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.countdown small{letter-spacing:.18em;color:var(--faint);font-size:9.5px;font-weight:700}.countdown b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-family:Spline Sans Mono,monospace;font-size:34px;font-weight:700;line-height:1}.transport{flex:none;gap:8px;display:flex}.transport button{border:1px solid var(--line);background:var(--panel2);width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;display:grid}.transport button:not(:disabled):hover{background:var(--hover)}.transport button.primary{background:var(--accent);color:var(--accent-ink);border:0}.transport button.primary:not(:disabled):hover{background:var(--accent);filter:brightness(1.08)}.switch{color:var(--muted);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:8px;font-size:11px;display:flex}.switch button{background:var(--panel2);border:0;border-radius:999px;flex:none;width:36px;height:20px;transition:background .2s;position:relative}.switch button i{background:var(--faint);border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.switch button.enabled{background:var(--accent)}.switch button.enabled i{background:var(--accent-ink);left:19px}.top-actions{flex:none;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--panel2)}.offline-banner{background:var(--live-soft);border-bottom:1px solid var(--live);color:var(--live);flex:none;align-items:center;gap:9px;padding:9px 20px;font-size:12px;font-weight:600;display:flex}.offline-banner svg{flex:none}.hidden-player{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.workbench{background:var(--line);flex:1;grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr) 152px;gap:1px;min-height:0;display:grid}.primary-pane{background:var(--bg);min-width:0;min-height:0;padding:22px 26px;overflow-y:auto}.secondary-pane{background:var(--bg);flex-direction:column;gap:16px;min-width:0;min-height:0;padding:22px;display:flex;overflow-y:auto}.tabs{align-items:center;gap:8px;margin-bottom:22px;display:flex}.tabs button{background:var(--panel2);color:var(--muted);border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.tabs button.active{background:var(--text);color:var(--bg);font-weight:700}.tabs>span{color:var(--faint);margin-left:auto;font-family:Spline Sans Mono,monospace;font-size:10.5px}@keyframes crTabIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tab-content{flex-direction:column;animation:.16s ease-out crTabIn;display:flex}@media (prefers-reduced-motion:reduce){.tab-content,.fade-toast,.modal,.modal-overlay{animation:none}}.section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;margin:26px 0 12px;font-size:10.5px;font-weight:800;display:flex}.section-title:first-child{margin-top:0}.section-title i{background:var(--line);flex:1;height:1px}.queue-list,.result-list,.background-list{flex-direction:column;gap:8px;display:flex}.result-list{max-height:44vh;padding-right:4px;overflow-y:auto}.queue-card{background:var(--panel);cursor:grab;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex}.queue-card.playing{background:var(--accent-soft);border-color:var(--accent)}.queue-number{color:var(--faint);flex:none;width:20px;font-family:Spline Sans Mono,monospace;font-size:11px}.queue-card:active{cursor:grabbing}.queue-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.queue-name-row{align-items:center;gap:8px;min-width:0;display:flex}.queue-name-row b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.queue-card.playing .queue-name-row b{color:var(--accent)}.queue-name-row em{letter-spacing:.12em;background:var(--accent);color:var(--accent-ink);border-radius:4px;flex:none;padding:2px 6px;font-size:8.5px;font-style:normal;font-weight:800}.queue-name-row em.blocked{background:var(--live);color:#fff}.queue-name-row em.file{border:1px solid var(--line);color:var(--muted);background:0 0;padding:1px 5px}.queue-info>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.queue-card>small{color:var(--muted);flex:none;font-family:Spline Sans Mono,monospace;font-size:11px}.queue-name-input{border:1px solid var(--accent);background:var(--panel2);color:var(--text);border-radius:7px;outline:none;max-width:180px;padding:4px 8px;font-size:13px;font-weight:700}.pill-btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.pill-btn:not(:disabled):hover{filter:brightness(1.08)}.pill-outline{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.pill-outline:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.ghost-icon{width:32px;height:32px;color:var(--faint);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.ghost-icon:hover{color:var(--text);background:var(--panel2)}.ghost-icon.danger:hover{color:var(--live);background:var(--live-soft)}.empty-state{border:1px dashed var(--line);min-height:130px;color:var(--faint);text-align:center;border-radius:12px;place-items:center;padding:16px;font-size:12.5px;display:grid}.empty-state>*{flex-direction:column;align-items:center;gap:8px;display:flex}.add-form{gap:8px;display:flex}.add-form input{background:var(--panel2);min-width:0;color:var(--text);border:1px solid #0000;border-radius:10px;outline:none;flex:1;padding:11px 13px;font-size:12.5px}.add-form input:focus{border-color:var(--accent)}.add-form input:first-child{max-width:180px}.add-form .pill-btn{border-radius:10px;padding:0 16px;font-size:12.5px}.import-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.import-row small{color:var(--faint);flex:1;min-width:140px;font-size:11px}.search-row{gap:8px;margin-bottom:14px;display:flex}.search-field{flex:1;display:flex;position:relative}.search-field svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-field input{background:var(--panel2);min-width:0;color:var(--text);border:1px solid #0000;border-radius:999px;outline:none;flex:1;padding:11px 15px 11px 38px;font-size:12.5px}.search-field input:focus{border-color:var(--accent)}.search-row .pill-btn{padding:0 18px;font-size:12.5px}.result{background:var(--panel);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.result:hover{background:var(--panel2)}.thumbnail{background:linear-gradient(135deg, var(--panel2), var(--hover));width:64px;height:38px;color:var(--faint);border-radius:7px;flex:none;place-items:center;display:grid;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.result>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.result span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.chips{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:600}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.background-row{background:var(--panel);border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;width:100%;padding:4px 8px 4px 4px;display:flex}.background-row.selected{border-color:var(--accent)}.background-pick{min-width:0;color:var(--faint);text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:12px;padding:8px 6px 8px 10px;display:flex}.background-row.selected .background-pick{color:var(--accent)}.background-pick>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.background-pick b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.background-pick small{color:var(--muted);font-size:10.5px}.background-pick .check{color:var(--accent);flex:none}.foot-note{color:var(--faint);margin:10px 0 0;font-family:Spline Sans Mono,monospace;font-size:10px}.preview{aspect-ratio:16/9;background:radial-gradient(circle at 50% 28%, var(--panel2), var(--panel) 70%);border:1px solid var(--line);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-player{position:absolute;inset:0}.preview-player iframe{border:0;width:100%;height:100%;display:block}.preview:not(.has-video) .preview-player{opacity:0;pointer-events:none}.preview.has-video{background:#000}.preview-idle{z-index:1;flex-direction:column;align-items:center;gap:12px;max-width:85%;display:flex;position:relative}.preview-idle span{border:2px solid var(--accent);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.preview-idle p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:11.5px;overflow:hidden}.preview-file p{color:var(--text);font-size:13px;font-weight:600}.preview-file small{letter-spacing:.08em;color:var(--faint);font-size:10.5px}.preview-progress{background:var(--accent);z-index:2;height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}.player-error{border-left:2px solid var(--live);background:var(--live-soft);color:var(--live);border-radius:0 8px 8px 0;align-items:flex-start;gap:8px;margin:-8px 0 0;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.player-error-retry{color:inherit;letter-spacing:.02em;background:0 0;border:1px solid;border-radius:6px;flex:none;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.player-error-retry:hover{color:var(--panel);background:currentColor}.player-error-retry+.player-error-dismiss{margin-left:0}.player-error-dismiss{color:inherit;background:0 0;border:0;flex:none;margin-left:auto;padding:0 2px;font-size:15px;line-height:1}.deck{background:var(--panel);border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.deck.active{border-color:var(--accent-soft)}.deck b{background:var(--panel2);color:var(--muted);border-radius:6px;flex:none;padding:3px 7px;font-family:Spline Sans Mono,monospace;font-size:10px}.deck.active b{background:var(--accent-soft);color:var(--accent)}.deck span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.deck:not(.active) span{color:var(--muted)}.deck small{color:var(--faint);flex:none;font-family:Spline Sans Mono,monospace;font-size:9px}.deck.active small.on{color:var(--accent)}.deck-actions{gap:8px;display:flex}.soft-btn{background:var(--accent-soft);color:var(--accent);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:12px;font-weight:700;display:inline-flex}.soft-btn:not(:disabled):hover{filter:brightness(1.15)}.ghost-btn{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:12px;font-weight:700;display:inline-flex}.ghost-btn:not(:disabled):hover{background:var(--panel2)}.status-line{min-height:14px;color:var(--muted);margin:-4px 0 0;font-family:Spline Sans Mono,monospace;font-size:10px}.history-list{flex-direction:column;gap:9px;display:flex}.history-list>div{color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.history-list svg{color:var(--accent);flex:none}.history-list span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.history-list small{color:var(--faint);flex:none;font-family:Spline Sans Mono,monospace;font-size:9.5px}.history-list p{color:var(--faint);margin:0;font-size:11.5px}.mixer-pane{background:var(--bg);min-width:0;min-height:0;padding:20px 12px;display:flex}.mixer{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex:1;gap:8px;min-height:0;padding:16px 10px;display:flex}.mixer-divider{background:var(--line);flex:none;width:1px}.fader{flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;display:flex}.fader-label{letter-spacing:.16em;color:var(--faint);font-size:9px;font-weight:800}.fader-value{font-variant-numeric:tabular-nums;height:16px;color:var(--accent);align-items:center;font-family:Spline Sans Mono,monospace;font-size:13px;display:flex}.fader-value.muted{color:var(--faint);letter-spacing:.08em;font-size:10px}.fader-body{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-self:stretch;gap:7px;min-height:120px;display:flex}.meter{flex-direction:column-reverse;flex:none;gap:3px;width:8px;padding:4px 0;display:flex}.meter i{background:var(--panel2);border-radius:2px;flex:1;min-height:4px;transition:background .12s}.meter i.lit{background:var(--accent)}.meter i.warm{background:var(--warn)}.meter i.hot{background:var(--live)}.fader-track{flex:none;width:28px;position:relative}.fader-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.fader-track.foco-de-ponteiro:focus-visible{outline:none}.fader-rail{background:var(--panel2);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.fader-fill{background:var(--accent);border-radius:2px;width:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.fader-handle{background:var(--text);border-radius:5px;width:28px;height:14px;transition:height .12s,box-shadow .12s;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 2px 8px #00000073}.fader-body.dragging .fader-handle{height:17px;box-shadow:0 2px 10px #00000080, 0 0 0 3px var(--accent-soft)}@keyframes crToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:54px;left:50%;transform:translate(-50%)}.fade-toast{background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:11px;animation:.18s ease-out crToastIn;display:flex;box-shadow:0 10px 30px #00000059}.fade-toast svg{color:var(--accent);flex:none}.fade-toast .fade-track{background:var(--panel2);border-radius:2px;flex:none;width:64px;height:3px;overflow:hidden}.fade-toast .fade-track i{background:var(--accent);height:100%;transition:width .1s linear;display:block}.fade-toast b{font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;min-width:36px;font-family:Spline Sans Mono,monospace;font-size:11px}.shortcuts{background:var(--panel);border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;padding:9px 22px;font-family:Spline Sans Mono,monospace;font-size:10px;display:flex}.shortcuts b{letter-spacing:.14em;color:var(--muted);font-size:9px}.shortcuts kbd{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px;font-family:inherit}.shortcuts kbd+kbd{margin-left:3px}.shortcuts span:last-child{margin-left:auto}@keyframes crOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes crModalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090b99;place-items:center;padding:24px;animation:.15s ease-out crOverlayIn;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:100%;max-width:460px;max-height:90vh;padding:26px 28px;animation:.18s ease-out crModalIn;overflow-y:auto;box-shadow:0 24px 60px #0006}.modal header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.modal h1{flex:1;margin:0;font-size:17px;font-weight:800}.modal>p{color:var(--muted);margin:0 0 20px;font-size:12.5px;line-height:1.5}.settings-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.settings-field label{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.settings-field label b{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 8px;font-family:Spline Sans Mono,monospace;font-size:12px}.settings-field small{color:var(--faint);font-size:11px}.settings-input{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px}.settings-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.storage-bar{background:var(--panel2);border-radius:999px;height:6px;overflow:hidden}.storage-bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.settings-notice{color:var(--accent);margin:-8px 0 16px;font-size:11.5px}.accent-swatches{gap:10px;display:flex}.accent-swatches button{border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.accent-swatches button.selected{border-color:var(--text);box-shadow:0 0 0 3px var(--panel2)}.settings-card{background:var(--panel2);color:var(--muted);border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5}.settings-card b{color:var(--text)}.crash{color:#f2f4f6;background:#0f1013;place-items:center;min-height:100vh;padding:24px;font-family:Hanken Grotesk,system-ui,sans-serif;display:grid}.crash-card{background:#15171b;border:1px solid #262a31;border-radius:18px;max-width:460px;padding:26px 28px}.crash-card h1{margin:0 0 12px;font-size:19px;font-weight:800}.crash-card p{color:#98a0aa;margin:0 0 14px;font-size:13px;line-height:1.55}.crash-card pre{color:#98a0aa;white-space:pre-wrap;background:#1d2025;border-radius:8px;margin:0 0 18px;padding:10px 12px;font-family:Spline Sans Mono,monospace;font-size:11px;overflow-x:auto}.crash-card .pill-btn{color:#07130c;background:#e8b64c}@media (width<=1200px){.workbench{grid-template-columns:minmax(0,1.3fr) minmax(290px,.85fr) 146px}.mixer-pane{padding:18px 8px}}@media (width<=860px){.app-shell{height:auto;overflow:visible}.topbar{gap:10px 13px;padding:12px 14px}.brand{padding-right:12px}.on-air{width:112px;height:46px}.now-playing{flex-basis:100%;order:5}.workbench{grid-template-columns:1fr}.primary-pane,.secondary-pane,.mixer-pane{padding:18px 16px}.mixer{width:100%;max-width:320px;margin:0 auto}.fader-body{min-height:150px}.shortcuts{display:none}.fade-toasts{bottom:16px}.add-form{flex-wrap:wrap}.add-form input:first-child{flex-basis:100%;max-width:none}.add-form .pill-btn{padding:11px 16px}}@media (width<=560px){.brand-text small,.switch{display:none}.countdown b{font-size:26px}.transport button{width:40px;height:40px}.tabs{overflow-x:auto}.tabs>span{display:none}.queue-card{gap:8px;padding:10px}.queue-number,.queue-card .ghost-icon{display:none}.result{align-items:flex-start}}.brand-church{border-left:1px solid var(--line);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:250px;padding-left:13px;font-size:13px;font-weight:700;overflow:hidden}.welcome-overlay{z-index:60;background:var(--bg);place-items:center;padding:24px;animation:.2s ease-out crOverlayIn;display:grid;position:fixed;inset:0}.welcome{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:100%;max-width:430px;padding:30px 30px 26px;animation:.22s ease-out crModalIn;box-shadow:0 24px 60px #0006}.welcome-badge{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.welcome h1{letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:800}.welcome>p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.welcome form{flex-direction:column;gap:8px;display:flex}.welcome label{font-size:13px;font-weight:600}.welcome input{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px}.welcome input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.welcome form small{color:var(--faint);font-size:11px}.welcome-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.credit{color:var(--faint);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;text-decoration:none;display:inline-flex}.credit:hover{color:var(--muted)}.credit:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shortcuts span:last-of-type{margin-left:auto}@keyframes crCountdownAlerta{0%,45%{color:var(--live)}55%,to{color:var(--text)}}.countdown.acabando b{animation:1s step-end infinite crCountdownAlerta}.countdown.acabando small{color:var(--live)}@media (prefers-reduced-motion:reduce){.countdown.acabando b{color:var(--live);animation:none}}