@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=Poppins:wght@600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css";:root{font-family:DM Sans,sans-serif;color:#fff7ee;background:#150e18;font-synthesis:none;--player-chrome: 32dvh}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#5d3b55 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#5d3b55;background-clip:padding-box;border:2px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background-color:#7d3c5c}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0%,#48203e 0,transparent 36rem),#150e18}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;border-radius:10px;background:#ff7a59;color:#23111a;padding:.7rem 1rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.btn-icon{width:1.05em;height:1.05em;margin-right:.4rem;vertical-align:-.18em}input{min-width:0;border:1px solid #68445f;color:#fff7ee;background:#251726;border-radius:10px;padding:.75rem .85rem;outline:0}input:focus,textarea:focus{border-color:#ff997e;box-shadow:0 0 0 3px #ff79592e}textarea{min-width:0;width:100%;border:1px solid #68445f;color:#fff7ee;background:#251726;border-radius:10px;padding:.7rem .85rem;outline:0;line-height:1.5;resize:vertical}h1,h2,p{margin-top:0}h1,h2{font-family:Playfair Display,serif}.eyebrow{display:block;color:#f0b1aa;font-size:.71rem;font-weight:700;letter-spacing:.13em}.live-pill{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;font-family:DM Sans;color:#6fefb0;font-size:.74rem;font-weight:700;background:#6fefb01a;border:1px solid #6fefb040;border-radius:99px}.live-dot{flex:none;width:.45rem;height:.45rem;background:currentColor;border-radius:99px}.live-pill.is-off{color:#ff9b9b;background:#ff6b6b1a;border-color:#ff6b6b47}.center{min-height:100vh;display:grid;place-content:center;text-align:center;padding:2rem}.spinner{width:28px;height:28px;margin:auto;border:3px solid #ffffff33;border-top-color:#ff7a59;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.host-shell{height:100dvh;margin:auto;padding:clamp(.75rem,2.2vh,2rem) clamp(1rem,2vw,2rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.5rem;overflow:hidden}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:flex;align-items:center;gap:.35rem;font-family:Poppins,DM Sans,sans-serif;font-weight:700;font-size:clamp(1.05rem,1.5vw,1.35rem);letter-spacing:-.005em;color:#fff7ee;text-decoration:none}.brand-mark{flex:none;width:1.5em;height:1.5em}.brand-word{display:block;font-family:Poppins,DM Sans,sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:-.005em;color:#fff7ee}.brand:hover,.brand:focus-visible{color:#ffd0c4}.toolbar-actions{display:flex;gap:.4rem}.toolbar-actions button{min-width:2.4rem;padding:.3rem .55rem;font-size:1.05rem;line-height:1.4}.toolbar-actions button[aria-pressed=true]{color:#fff7ee;background:#5c2944;border-color:#7d3c5c}.toolbar-actions .btn-icon{width:1.15rem;height:1.15rem;margin-right:0;vertical-align:-.18em}.host-id{display:flex;align-items:center;gap:.7rem;min-width:0}.host-title{min-width:0;padding-left:.7rem;color:#f0b1aa;font-size:clamp(.95rem,1.3vw,1.15rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid #5d3b55}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}header h1{margin:.15rem 0 0;font-size:clamp(1.35rem,2.4vw,2.25rem)}.ghost{background:transparent;border:1px solid #72506a;color:#ffe2d8}.host-grid{min-height:0;display:grid;justify-content:center;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:min(calc(100% - 320px),calc((100dvh - var(--player-chrome)) * 16 / 9)) clamp(300px,26vw,440px);gap:clamp(.65rem,1.2vh,1rem) clamp(.75rem,1.5vw,1.5rem)}.player-card,.now-card,.queue,.join-card,.phone-now,.phone-add,.phone-queue{background:#251726df;border:1px solid #5d3b55;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #00000025}.player-card{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.now-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.now-playing{display:grid;align-content:center}.player-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:#0d0810;container-type:size}.stage-exit{position:absolute;z-index:2;top:1rem;right:1rem;padding:.5rem .85rem;font-size:.9rem;font-weight:600;color:#fff7ee;background:#150e18b3;border:1px solid #ffffff38;border-radius:999px;opacity:.5;transition:opacity .15s}.stage-exit:hover,.stage-exit:focus-visible{opacity:1}.stage-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:.4rem;padding:1rem;text-align:center;color:#fff7ee;background:#0b060cd9;border-radius:0;font-size:clamp(1.1rem,2.2vw,1.9rem)}.stage-prompt small{color:#c6aeba;font-weight:400}.stage-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.5rem;padding:1.5rem;text-align:center;background:#150e18}.stage-error strong{font-family:Playfair Display,serif;font-size:clamp(1.2rem,2.4vw,2rem)}.stage-error span{max-width:34rem;color:#c6aeba;line-height:1.5}.stage-error-song{color:#f0b1aa!important;font-weight:600}.stage-error .join-actions{margin-top:.6rem}.stage-suggestions{width:min(40rem,100%);margin-top:1rem;text-align:left}.stage-suggestions ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem}.stage-suggestions li{display:block;min-width:0}.stage-suggestions li button{width:100%;display:flex;align-items:center;gap:.6rem;padding:.35rem;color:inherit;font-weight:400;text-align:left;background:#251726;border:1px solid #5d3b55;border-radius:10px}.stage-suggestions li button:hover,.stage-suggestions li button:focus-visible{background:#5c2944;border-color:#7d3c5c}.stage-suggestions img{flex:none;width:60px;aspect-ratio:16 / 9;object-fit:contain;background:#150e18;border-radius:6px}.stage-suggestions li .stage-suggestion-title{flex:1;min-width:0;color:#fff7ee!important;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-suggestions li button>div{flex:1;min-width:0}.stage-suggestions li button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff7ee;font-size:.9rem;font-weight:600}.stage-suggestions li button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6aeba;margin-top:.1rem}.stage-suggestions li button .result-preview-line{color:#a58ba0;margin-top:.15rem;font-size:.78rem}.stage-sound{position:absolute;z-index:3;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:clamp(.85rem,1.2vw,1.05rem);color:#23111a;background:#ff7a59;border-radius:999px;box-shadow:0 8px 24px #0007;white-space:nowrap}.stage-sound .btn-icon{margin-right:0}.stage-link{position:absolute;z-index:4;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem .45rem 1rem;color:#fff7ee;font-size:clamp(.8rem,1.1vw,1rem);background:#251726f2;border:1px solid #8a5578;border-radius:999px;box-shadow:0 12px 30px #0009;white-space:nowrap}.stage-link a.button{padding:.35rem .8rem;font-size:.9rem}.stage-link .ghost{min-width:0;padding:.3rem .45rem}.stage-link .btn-icon{width:1rem;height:1rem}.stage-prompt-mark{display:grid;place-items:center;width:2.5em;height:2.5em;color:#23111a;background:#ff7a59;border-radius:99px;box-shadow:0 10px 30px #ff7a5940}.stage-prompt-mark .btn-icon{width:1.1em;height:1.1em;margin:0 0 0 .08em}.player{border:0;display:block;width:min(100cqw,100cqh * 16 / 9);height:min(100cqh,100cqw * 9 / 16);background:#0d0810}.player-stage:fullscreen,.player-stage.cinema{width:100vw;height:100vh;border-radius:0;background:#000}.player-stage.cinema{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0}.player-stage:fullscreen .video-empty,.player-stage.cinema .video-empty{width:100%;height:100%}.video-empty{position:relative;width:100%;height:100%;min-height:0;display:grid;place-content:center;text-align:center;color:#cda9c2;background:repeating-linear-gradient(45deg,#1c111f,#1c111f 10px,#201322 10px,#201322 20px)}.slideshow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0}.slide>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slide-caption{position:relative}.video-empty.pos-top{place-content:start center}.video-empty.pos-bottom{place-content:end center}.video-empty.pos-top .slide{align-items:start}.video-empty.pos-bottom .slide{align-items:end}.slide.is-active{opacity:1;z-index:1}.effect-fade .slide{transition:opacity 1.1s ease-in-out}.effect-fade .slide.is-leaving{opacity:0}.effect-slide .slide{transform:translate(100%);transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .9s ease}.effect-slide .slide.is-active{transform:translate(0)}.effect-slide .slide.is-leaving{transform:translate(-100%);opacity:1}.effect-zoom .slide{transform:scale(1.12);transition:opacity 1.1s ease-in-out,transform 7s ease-out}.effect-zoom .slide.is-active{transform:scale(1);opacity:1}.effect-zoom .slide.is-leaving{opacity:0}@media(prefers-reduced-motion:reduce){.slide{transition:opacity .25s linear!important;transform:none!important}}.video-empty-text{position:relative;padding:1.5rem}.video-empty.has-photo{background:#0d0810}.video-empty.has-photo .video-empty-text{color:#f3e6ef;text-shadow:0 2px 12px #0b060ccc,0 1px 3px #0b060cdd}.video-empty.has-photo p{color:#e6d2df}.video-empty h1{margin:.3rem 0;color:var(--message-color, #fff7ee)}.color-white{--message-color: #fff7ee}.color-coral{--message-color: #ffa98c}.color-gold{--message-color: #ffd479}.color-mint{--message-color: #8ff0c0}.color-sky{--message-color: #9ac8ff}.color-pink{--message-color: #ffa1cf}.fx-fade h1{animation:fx-fade 1s ease both}.fx-rise h1{animation:fx-rise .9s cubic-bezier(.2,.7,.3,1) both}.fx-glow h1{animation:fx-glow 3.4s ease-in-out infinite}.fx-pulse h1{animation:fx-pulse 3s ease-in-out infinite}.fx-shine h1{color:transparent;background:linear-gradient(100deg,var(--message-color) 34%,#fff 50%,var(--message-color) 66%) 100% 0 / 300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 .05em .16em #0b060cc0);animation:fx-shine 4.5s linear infinite}@keyframes fx-fade{0%{opacity:0}to{opacity:1}}@keyframes fx-rise{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes fx-glow{0%,to{text-shadow:0 0 .3em #ffffff20}50%{text-shadow:0 0 .85em var(--message-color)}}@keyframes fx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes fx-shine{to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.video-empty h1{animation:none!important}}.size-small h1{font-size:clamp(.9rem,min(2.6cqw,7cqh),4rem)}.size-medium h1{font-size:clamp(1.2rem,min(4.4cqw,12cqh),6rem)}.size-large h1{font-size:clamp(1.6rem,min(6.4cqw,17cqh),8rem)}.size-xlarge h1{font-size:clamp(2rem,min(9cqw,24cqh),11rem)}.video-empty p{margin:0}.now-playing{padding:clamp(.55rem,1.3vh,1rem) 1.5rem .25rem}.now-playing h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing p{margin-bottom:0;color:#c6aeba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-line{flex:none;height:5px;background:#3d2739}.now-line-fill{height:100%;background:linear-gradient(90deg,#ff7a59,#ffb59d);transition:width .35s linear}.now-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.now-time{flex:none;color:#c6aeba;font-size:.8rem;font-variant-numeric:tabular-nums}.now-singer{color:#f8b2a5;font-weight:600}.now-next{margin-top:.35rem;color:#a58ba0!important;font-size:.85rem}.now-next b{color:#ffe2d8;font-weight:600}.controls{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.5rem clamp(.65rem,1.5vh,1.15rem);flex-wrap:wrap}.controls>button{flex:none;min-width:3.2rem;padding:.55rem}.controls .btn-icon{width:1.3rem;height:1.3rem;margin-right:0;vertical-align:middle}.controls .volume{color:#c6aeba;display:flex;align-items:center;gap:.15rem;margin-left:auto}.volume-toggle{flex:none;padding:.4rem .2rem;color:inherit;background:transparent}.volume-toggle[aria-pressed=true]{color:#f8b2a5}.volume-toggle .btn-icon{width:1.3rem;height:1.3rem;margin-right:0;vertical-align:middle}input[type=range]{accent-color:#ff7a59;padding:0}.queue{min-height:0;display:flex;flex-direction:column;padding:clamp(.75rem,1.6vh,1.25rem)}.queue-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex:none}.playlist-tabs{display:flex;gap:.25rem;margin:.35rem 0 .7rem;overflow-x:auto;scrollbar-width:none}.playlist-tabs::-webkit-scrollbar{display:none}.playlist-tabs button{flex:none;padding:.45rem .6rem;color:#c6aeba;background:transparent;font-size:1rem;white-space:nowrap}.playlist-tabs button.selected{color:#fff7ee;background:#5c2944}.playlist-tabs em{margin-left:.25rem;min-width:1.25rem;height:1.25rem;font-size:.72rem;vertical-align:middle}@media(max-width:430px){.playlist-tabs button{padding:.45rem;font-size:.95rem}}.queue h2,.phone-queue h2,.phone-add h2{margin:.2rem 0 .75rem;font-size:1.45rem}em{font-family:DM Sans;font-size:.8rem;font-style:normal;display:inline-grid;place-items:center;background:#57334b;border-radius:99px;min-width:1.55rem;height:1.55rem}ol{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overflow-x:hidden}.queue ol{margin:0 calc(-1*clamp(.75rem,1.6vh,1.25rem))}.queue li{min-width:0;display:flex;align-items:center;gap:.7rem;padding:.75rem .5rem;border-top:1px solid #5a3a53}.queue li.active,.queue li.highlighted{background:#5c2944;border-color:transparent}.queue ol:focus-visible{outline:2px solid #f0b1aa;outline-offset:-2px}.queue-search li:hover,.queue-search li.highlighted{background:#5c2944}.queue-item-button{min-width:0;flex:1;display:flex;align-items:center;gap:.7rem;padding:0;color:inherit;text-align:left;background:transparent;border-radius:6px}.queue-item-button:focus-visible{outline:2px solid #f0b1aa;outline-offset:3px}.queue li img{flex:none;width:76px;aspect-ratio:16 / 9;object-fit:contain;background:#150e18;border-radius:5px}.queue li>div:not(.queue-actions),.queue-item-button>div{min-width:0;flex:1}.queue strong,.queue small,.results strong,.results small,.request strong,.request small{display:block}.queue strong{display:flex;align-items:baseline;gap:.2rem;min-width:0}.marquee-line{flex:1;min-width:0;display:block;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-block;white-space:nowrap;transform:translate(0)}.queue li:hover .marquee-track{transform:translate(var(--marquee-offset, 0px));transition:transform var(--marquee-duration, 4s) linear}small{color:#c6aeba;margin-top:.2rem}.queue-actions{flex:none;margin-left:auto;display:flex;gap:.25rem}.queue-actions button,.request button{min-width:28px;padding:.3rem .5rem;background:transparent;color:#f8b2a5;font-size:1.2rem}.queue-empty{color:#c6aeba;line-height:1.55}.queue-empty-state{display:grid;justify-items:center;gap:.5rem;padding:clamp(1.5rem,5vw,2.25rem) 1rem;text-align:center;background:radial-gradient(circle at 50% 0%,#6b2b5240 0,transparent 70%),#251726c7;border:1px dashed #5d3b55;border-radius:16px}.queue-empty-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:#ff9d7f;background:#ff7a591f;border:1px solid #ff7a5940;border-radius:13px}.queue-empty-state h2{margin:.3rem 0 0;font-size:1.25rem}.queue-empty-state p{max-width:24rem;margin:0;color:#c6aeba;line-height:1.55}.queue-empty-state button{margin-top:.4rem}.queue-search{min-height:0;display:flex;flex-direction:column;gap:.5rem}.queue-search .search,.queue-search .chips{flex:none}.queue-actions .btn-icon{width:1.05rem;height:1.05rem;margin-right:0;vertical-align:-.15em}.join-card{min-height:0;margin:0;display:flex;align-items:center;gap:1rem;padding:clamp(.55rem,1.2vh,1rem) 1.25rem}.join-card>img{flex:none}.join-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.45rem}.join-card .join-body h2{margin:0;font-size:clamp(.95rem,1.25vw,1.3rem)}.join-body code{display:block;line-height:1.45}.join-body .join-actions{flex-wrap:wrap;margin:0}.join-card .join-actions button{padding:.35rem .7rem;color:#ffe2d8;font-size:.85rem;font-weight:600;background:#2f1d30;border:1px solid #5d3b55;border-radius:99px}.join-card .join-actions button:hover,.join-card .join-actions button:focus-visible{color:#fff7ee;background:#40263f;border-color:#8a5578}.join-card img{width:clamp(104px,16vh,176px);height:clamp(104px,16vh,176px);padding:6px;background:#fff;border-radius:12px}.guest-count{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;color:#cdb2c3;font-size:.85rem;font-weight:600;white-space:nowrap;background:#2f1d30;border:1px solid #5d3b55;border-radius:99px}.guest-dot{flex:none;width:.5rem;height:.5rem;background:#6fefb0;border-radius:99px;box-shadow:0 0 0 3px #6fefb02e}.join-card .join-actions button{flex:none;white-space:nowrap}.join-card h2,.now-playing h2{margin:.15rem 0;font-size:clamp(1.05rem,1.8vw,1.45rem)}.join-card p{margin:.25rem 0 0}code{color:#f0b1aa;font-size:.78rem;word-break:break-all}.join-actions{display:flex;align-items:center;gap:.4rem;margin-top:.65rem}.join-actions .ghost{margin:0}.notice{margin:0 0 1rem;background:#743042;color:#ffe8df;padding:.75rem 1rem;border-radius:10px}.host-shell>.notice{position:fixed;z-index:5;top:1rem;left:50%;width:min(600px,calc(100vw - 2rem));transform:translate(-50%);box-shadow:0 12px 30px #0005}.notice button{float:right;padding:0;background:transparent;color:inherit}.hint-anchor{position:relative;display:inline-flex}.hint-bubble{position:absolute;z-index:5;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);width:max-content;max-width:16rem;padding:.6rem .7rem;background:#743042;color:#ffe8df;font-size:.82rem;line-height:1.45;font-weight:400;border-radius:10px;box-shadow:0 12px 30px #0005;animation:hint-fade 5s ease forwards}@keyframes hint-fade{0%,80%{opacity:1}to{opacity:0}}.hint-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#743042}.hint-bubble button{float:right;margin:0 0 0 .5rem;padding:0;background:transparent;color:inherit}.stage-popup-warning{color:#ffb0b0;margin:0 0 .6rem}.player-stage.popped-out{display:grid;justify-items:center;align-content:center;gap:.5rem;padding:clamp(1.5rem,5vw,2.5rem);text-align:center}.player-stage.popped-out h2{margin:.3rem 0 0;font-size:clamp(1.15rem,2vw,1.5rem)}.player-stage.popped-out p{max-width:26rem;margin:0;color:#c6aeba;line-height:1.55}.player-stage.popped-out button{margin-top:.4rem}.stage-shell{height:100dvh;display:grid;position:relative;background:#0d0810}.stage-shell .player-stage{border-radius:0}.stage-enter-fullscreen{position:absolute;z-index:2;top:1rem;right:1rem;min-width:0;padding:.5rem;color:#fff7ee;background:#150e18b3;border:1px solid #ffffff38;border-radius:999px;opacity:.5;transition:opacity .15s}.stage-enter-fullscreen:hover,.stage-enter-fullscreen:focus-visible{opacity:1}.stage-enter-fullscreen .btn-icon{margin-right:0}.stage-brand{position:absolute;z-index:3;top:1rem;left:1rem;display:flex;align-items:center;gap:.35rem;font-family:Poppins,DM Sans,sans-serif;font-weight:700;font-size:clamp(1.05rem,1.5vw,1.35rem);letter-spacing:-.005em;color:#fff7ee;pointer-events:none}.stage-brand-mark{flex:none;width:1.5em;height:1.5em}.stack{display:flex;flex-direction:column;gap:.6rem;text-align:left}.captcha{display:flex;justify-content:center;min-height:66px}.auth-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.stack input{width:100%}.link{padding:0;color:#f0b1aa;background:transparent;text-decoration:none;font-weight:600}.link:hover,.link:focus-visible{color:#ffd0c4}a.button{display:inline-block;padding:.7rem 1rem;border-radius:10px;background:#ff7a59;color:#23111a;font-weight:700;text-decoration:none}a.button.ghost{background:transparent;border:1px solid #72506a;color:#ffe2d8}.toolbar-actions a.button{padding:.3rem .55rem;font-size:1.05rem;line-height:1.4}input:disabled{opacity:.6;cursor:not-allowed}.landing{max-width:1140px;margin:auto;padding:0 clamp(1rem,4vw,2rem) 3rem}html:has(main.landing){scroll-behavior:smooth}.landing-bar{display:block;position:sticky;z-index:5;top:0;margin:0;background:#150e18e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #5d3b5566}.landing-bar .app-toolbar{max-width:1140px;margin:auto;padding:.85rem clamp(1rem,4vw,2rem)}.landing-bar .toolbar-actions{gap:.5rem}.landing-bar .toolbar-actions a.button{padding:.5rem .9rem;font-size:.95rem}a.button.button-lg{padding:.85rem 1.4rem;font-size:1.05rem}a.button{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}a.button:hover,a.button:focus-visible{background:#ff8f70;transform:translateY(-1px);box-shadow:0 10px 26px #ff7a5933}a.button.ghost:hover,a.button.ghost:focus-visible{background:#ffffff10;border-color:#a06d92;box-shadow:none}.hero{display:grid;align-items:center;gap:clamp(1.75rem,5vw,3.5rem);grid-template-columns:minmax(0,1fr);padding:clamp(1.5rem,6vh,3.5rem) 0 clamp(1rem,3vh,2rem)}.hero-copy{max-width:34rem}.hero h1{margin:.6rem 0 .9rem;font-size:clamp(2.1rem,5.4vw,3.5rem);line-height:1.08;letter-spacing:-.015em}.hero h1 .accent{color:#ff9d7f;font-style:italic;text-shadow:0 0 26px #ff7a5940}.hero p{color:#c6aeba;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.6}.hero .join-actions{flex-wrap:wrap;margin-top:1.6rem}.promises{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:1.5rem 0 0;padding:0;list-style:none}.promises li{display:flex;align-items:center;gap:.4rem;color:#cdb2c3;font-size:.92rem}.check-icon{flex:none;width:1rem;height:1rem;color:#6fefb0}.preview{position:relative;padding-bottom:2rem}.preview-tv{container-type:inline-size;width:78%;background:#251726df;border:1px solid #5d3b55;border-radius:18px;box-shadow:0 30px 70px #0005;overflow:hidden}.tv-stage{aspect-ratio:16 / 10;display:grid;place-content:center;gap:2.8cqw;padding:5.5cqw;text-align:center;background:radial-gradient(circle at 30% 15%,#6b2b52 0,transparent 70%),radial-gradient(circle at 85% 90%,#ff7a5933 0,transparent 60%),#17101c}.tv-eyebrow{color:#f0b1aa;font-size:2.8cqw;font-weight:700;letter-spacing:.18em}.tv-stage strong{font-family:Playfair Display,serif;font-size:9cqw;line-height:1.15}.tv-bars{display:flex;justify-content:center;align-items:flex-end;gap:1.4cqw;height:8cqw}.tv-bars i{width:2cqw;border-radius:99px;background:#ff7a59;animation:bounce 1.1s ease-in-out infinite}.tv-bars i:nth-child(1){height:45%;animation-delay:-.9s}.tv-bars i:nth-child(2){height:90%;animation-delay:-.5s}.tv-bars i:nth-child(3){height:65%;animation-delay:-.2s}.tv-bars i:nth-child(4){height:100%;animation-delay:-.7s}.tv-bars i:nth-child(5){height:35%;animation-delay:-.35s}@keyframes bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.tv-queue{padding:3.5cqw 16cqw 5cqw 5cqw}.tv-now,.tv-row{display:flex;align-items:center;gap:2.8cqw;padding:2.4cqw 0;font-size:3.5cqw}.tv-row+.tv-row,.tv-now+.tv-row{border-top:1px solid #5a3a53}.tv-now{margin:0 -2.8cqw;padding:2.4cqw 2.8cqw;background:#5c2944;border-radius:2.8cqw}.tv-now b,.tv-row b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-now span,.tv-row span{flex:none;color:#c6aeba}.tv-live{flex:none;width:2.8cqw;height:2.8cqw;background:#6fefb0;border-radius:99px;box-shadow:0 0 0 1cqw #6fefb033}.preview-phone{container-type:inline-size;position:absolute;right:0;bottom:0;width:31%;padding:clamp(.45rem,1.1vw,.8rem);background:#1d1220;border:1px solid #6b4463;border-radius:clamp(.9rem,2.4vw,1.6rem);box-shadow:0 24px 50px #0007}.phone-search{display:flex;align-items:center;gap:4cqw;padding:5cqw 6cqw;color:#cdb2c3;font-size:6.5cqw;background:#251726;border:1px solid #68445f;border-radius:7cqw}.phone-search .btn-icon{flex:none;width:8cqw;height:8cqw;margin:0}.phone-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-row{display:flex;align-items:center;gap:5cqw;margin-top:6cqw}.phone-thumb{flex:none;width:26cqw;height:17cqw;background:#3a2440;border-radius:3.5cqw}.phone-lines{flex:1;display:grid;gap:3.5cqw}.phone-lines i{height:4cqw;background:#43294a;border-radius:99px}.phone-lines i:last-child{width:55%}.phone-row.is-added .phone-thumb{background:#6b3a55}.phone-row.is-added .phone-lines i{background:#7d4a62}.phone-toast{display:block;margin-top:7cqw;padding:4.5cqw;color:#23111a;font-size:6cqw;font-weight:700;text-align:center;background:#ff7a59;border-radius:5cqw}.steps,.features-section,.testimonials-section,.cta-band{margin-top:clamp(3rem,9vh,5.5rem)}.landing h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;text-align:center;margin:0 auto 2rem;max-width:30rem;scroll-margin-top:5.5rem}.step-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));overflow:visible}.step-list li{padding:1.4rem;background:linear-gradient(#2517269e,#1d1220a0);border:1px solid #5d3b55;border-radius:18px}.step-num{display:grid;place-items:center;width:2.2rem;height:2.2rem;margin-bottom:.9rem;color:#23111a;font-family:Poppins,sans-serif;font-weight:700;background:#ff7a59;border-radius:99px}.step-list h3,.features h3{margin:0 0 .4rem;font-family:Poppins,DM Sans,sans-serif;font-size:1.1rem}.step-list p,.features p{margin:0;color:#c6aeba;line-height:1.55}.features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.features article{padding:1.3rem;background:#251726df;border:1px solid #5d3b55;border-radius:18px;transition:border-color .2s,transform .2s,box-shadow .2s}.features article:hover{border-color:#8a5578;transform:translateY(-2px);box-shadow:0 16px 34px #00000040}.feature-ico{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.9rem;color:#ff9d7f;background:#ff7a591f;border:1px solid #ff7a5940;border-radius:12px}.feature-icon{width:1.4rem;height:1.4rem}.testimonials{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);max-width:44rem;margin:0 auto}.testimonials figure{position:relative;margin:0;padding:2.4rem 1.3rem 1.3rem;background:#251726df;border:1px solid #5d3b55;border-radius:18px}.testimonials figure:before{content:"“";position:absolute;top:.35rem;left:1rem;color:#ff7a5959;font-family:Playfair Display,serif;font-size:3.4rem;line-height:1}.testimonials blockquote{margin:0;color:#ffe2d8;font-size:1.02rem;line-height:1.6}.testimonials figcaption{margin-top:.9rem;padding-top:.8rem;border-top:1px solid #4a2e45}.testimonials figcaption strong{display:block;color:#f0b1aa;font-size:.95rem}.testimonials figcaption small{display:block;margin-top:.1rem;color:#a58ba0;font-size:.85rem}.cta-band{padding:clamp(2rem,6vw,3.5rem) 1.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,#6b2b5266 0,transparent 70%),#251726c7;border:1px solid #5d3b55;border-radius:24px}.cta-band h2{margin-bottom:.5rem}.cta-band p{color:#c6aeba;font-size:1.05rem}.cta-band .join-actions{justify-content:center;margin-top:1.4rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}.reveal.is-shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html:has(main.landing){scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.tv-bars i{animation:none}a.button:hover,.features article:hover{transform:none}}.landing-footer{display:grid;justify-items:center;gap:.5rem;margin-top:clamp(2.5rem,7vh,4rem);padding-top:1.5rem;color:#a58ba0;font-size:.9rem;text-align:center;border-top:1px solid #3d2739}.landing-footer p{margin:0}.footer-links{display:flex;gap:1.25rem;margin-top:.35rem}@media(min-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.hero-copy{max-width:none}.landing h2{margin-bottom:2.5rem}}@media(max-width:620px){.preview{padding-bottom:0}.preview-tv{width:100%}.tv-queue{padding-right:5cqw}.preview-phone{position:static;width:62%;margin:-5% 0 0 auto}}.dashboard{min-height:100vh;max-width:880px;margin:auto;padding:clamp(1rem,4vw,2rem)}.dashboard .app-toolbar{padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid #5d3b55}.dashboard header{margin-bottom:1.25rem}.dashboard header h1{margin:0}.event-form{display:block;margin-bottom:1.25rem;padding:1rem}.dash-head{align-items:flex-end;flex-wrap:wrap;margin-bottom:1.5rem}.dash-head h1{margin:.1rem 0 .2rem}.dash-head p{margin:0;color:#c6aeba}.dash-head>button{flex:none}.event-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}.event-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#251726df;border:1px solid #5d3b55;border-radius:18px;transition:border-color .2s}.event-card:hover{border-color:#7d4a6e}.event-media{position:relative;flex:none;display:grid;place-items:center;width:176px;aspect-ratio:16 / 11;overflow:hidden;border-radius:12px;background:repeating-linear-gradient(45deg,#1c111f,#1c111f 8px,#241528 8px,#241528 16px)}.event-media img{display:block;width:100%;height:100%;object-fit:cover}.event-media-empty{color:#7b5570;font-size:2rem}.event-count{position:absolute;right:.4rem;bottom:.4rem;padding:.1rem .45rem;color:#fff7ee;font-size:.72rem;font-weight:600;background:#150e18c4;border:1px solid #ffffff2e;border-radius:99px}.event-body{flex:1;min-width:0}.event-card h2{margin:0 0 .25rem;font-size:1.4rem}.event-message{margin:0;color:#f0b1aa;line-height:1.45}.event-meta{display:flex;flex-wrap:wrap;gap:.3rem .4rem;margin:.6rem 0 .8rem;padding:0;list-style:none}.event-meta li{padding:.18rem .55rem;color:#cdb2c3;font-size:.78rem;background:#2f1d30;border:1px solid #5d3b55;border-radius:99px}.event-meta li.is-off{color:#ffb0b0;background:#74304226;border-color:#7a3a4a}.event-link{display:flex;align-items:center;gap:.4rem;padding:.3rem .3rem .3rem .7rem;background:#1d1220;border:1px solid #4a2e45;border-radius:10px}.event-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.event-link button{flex:none;padding:.35rem .6rem;font-size:.85rem}.event-card .join-actions{flex-wrap:wrap;margin-top:.85rem}.ghost.danger{color:#ffb0b0;border-color:#7a3a4a}.ghost.danger:hover,.ghost.danger:focus-visible{background:#74304233}.photo-grid{display:flex;flex-wrap:wrap;gap:.4rem}.photo-tile{position:relative}.photo-tile img{display:block;width:76px;height:57px;object-fit:cover;border-radius:8px}.photo-tile.is-new img{outline:2px solid #ff7a59;outline-offset:-2px}.photo-tile button{position:absolute;top:-.35rem;right:-.35rem;min-width:0;padding:0;width:1.4rem;height:1.4rem;font-size:1rem;line-height:1;color:#fff7ee;background:#732b46;border-radius:99px}.field{display:flex;flex-direction:column;gap:.3rem}.field>span,.field-label{display:block;color:#c6aeba;font-size:.85rem}.field input,.field select{width:100%}.field input[type=number]{max-width:8rem}.field select{color:#fff7ee;background:#251726;border:1px solid #68445f;border-radius:10px;padding:.7rem .75rem}.photo-field{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.photo-drop{display:block;width:100%;padding:.6rem;border:1px dashed #68445f;border-radius:12px;background:#2f1d3080;cursor:pointer}.photo-drop:hover{border-color:#ff997e}.photo-drop input{display:none}.photo-drop img{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:8px}.photo-drop span{display:block;padding:1rem;color:#c6aeba;text-align:center}.photo-drop small{display:block;margin-top:.25rem}.event-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:1.25rem;padding:1.15rem;background:#251726df;border:1px solid #5d3b55;border-radius:18px}.event-card:has(.event-editor){display:block;padding:0;background:none;border:0}.event-card .event-editor{margin:0}.event-editor fieldset{display:grid;gap:.65rem;margin:0;padding:.5rem 1rem 1rem;border:1px solid #4a2e45;border-radius:14px}.event-editor legend{padding:0 .4rem;color:#ffe2d8;font-size:.9rem;font-weight:600}.field-row{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.field-row.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:420px){.field-row.field-pair{grid-template-columns:minmax(0,1fr)}}.color-pick{display:flex;align-items:center;gap:.5rem}.color-pick select{flex:1;min-width:0}.toggle{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .75rem;background:#2f1d3066;border:1px solid #4a2e45;border-radius:12px;cursor:pointer;transition:border-color .2s}.toggle:hover,.toggle:focus-within{border-color:#7d4a6e}.toggle input{flex:none;width:1.15rem;height:1.15rem;min-width:0;margin:.15rem 0 0;padding:0;accent-color:#ff7a59}.toggle>span{display:grid;gap:.1rem}.toggle strong{color:#ffe2d8;font-size:.95rem;font-weight:600}.toggle small{margin-top:0;color:#a58ba0}.color-dot{flex:none;width:1.35rem;height:1.35rem;background:var(--message-color, #fff7ee);border:1px solid #ffffff33;border-radius:99px}.field-hint{margin:0;color:#a58ba0;font-size:.82rem;line-height:1.45}.event-empty{display:grid;justify-items:center;gap:.5rem;padding:clamp(1.75rem,6vw,3rem) 1.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,#6b2b5240 0,transparent 70%),#251726c7;border:1px dashed #5d3b55;border-radius:18px}.event-empty-mark{display:grid;place-items:center;width:3rem;height:3rem;color:#ff9d7f;background:#ff7a591f;border:1px solid #ff7a5940;border-radius:14px}.event-empty-mark .feature-icon{width:1.6rem;height:1.6rem}.event-empty h2{margin:.35rem 0 0;font-size:1.5rem}.event-empty p{max-width:26rem;margin:0;color:#c6aeba;line-height:1.55}.event-empty button{margin-top:.7rem}@media(max-width:560px){.event-card{flex-direction:column;align-items:stretch}.event-media{width:100%;aspect-ratio:16 / 9;max-height:200px}}.dashboard.admin{max-width:1080px}.admin-tabs{margin:0 0 1.25rem;border-bottom:1px solid #4a2e45}.admin-tabs button{padding:.55rem .9rem;border-radius:12px 12px 0 0}.admin-tabs button.selected{color:#fff7ee;background:#5c2944}.admin-note{margin:0 0 1rem;padding:.6rem .9rem;color:#d6f5e4;background:#1d4a3a80;border:1px solid #2f7a5c;border-radius:12px}.admin-stats{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));margin:0 0 1.25rem;padding:0;list-style:none}.admin-stats li{padding:.8rem .9rem;background:#251726df;border:1px solid #5d3b55;border-radius:14px}.admin-stats strong{display:block;font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.1}.admin-stats small{display:block;margin-top:.2rem;color:#a58ba0;font-size:.78rem;line-height:1.35}.admin-panel{margin-bottom:1.25rem;padding:1.15rem;background:#251726df;border:1px solid #5d3b55;border-radius:18px}.admin-panel h2{margin:0 0 .8rem;font-size:1.3rem}.admin-config{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.admin-config li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid #4a2e45}.admin-config li:first-child{border-top:0}.admin-config>li>span:first-child{flex:1 1 10rem;color:#c6aeba;font-size:.9rem}.flag{padding:.18rem .55rem;color:#cdb2c3;font-size:.78rem;background:#2f1d30;border:1px solid #5d3b55;border-radius:99px}.flag.is-on{color:#8ff0c0;background:#1d4a3a66;border-color:#2f7a5c}.flag.is-warn{color:#ffd479;background:#4a3a1d66;border-color:#7a5c2f}.admin-scroll{overflow-x:auto;margin:0 -.35rem;padding:0 .35rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{padding:0 .6rem .5rem 0;color:#a58ba0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.admin-table td{padding:.6rem .6rem .6rem 0;border-top:1px solid #4a2e45;vertical-align:middle}.admin-table strong{display:block}.admin-table small{display:block;color:#a58ba0}.admin-table em{display:inline;min-width:0;height:auto;padding:0;color:#8d7386;font-size:.85rem;background:none}.admin-table .flag{display:inline-block;margin-top:.3rem}.admin-actions{display:flex;justify-content:flex-end;gap:.35rem;white-space:nowrap}.admin-actions .button,.admin-actions button{padding:.35rem .7rem;font-size:.85rem}.quote-editor{display:grid;gap:.6rem;padding:.8rem .9rem;background:#2f1d3055;border:1px solid #4a2e45;border-radius:14px}.quote-editor-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.quote-editor-head .ghost{min-width:0;padding:.25rem .4rem}.quote-editor-head .btn-icon{width:.95rem;height:.95rem;margin-right:0}.admin-accent{color:#ff9d7f;font-style:italic}.admin-code{margin:.5rem 0;padding:.7rem .9rem;overflow-x:auto;color:#f0b1aa;font-size:.85rem;background:#1d1220;border:1px solid #4a2e45;border-radius:12px}.phone{min-height:100vh;max-width:600px;margin:auto;padding:1.2rem}.phone-who{flex:none;display:flex;align-items:center;gap:.45rem;color:#ffe2d8;font-size:1.15rem;font-weight:600}.phone-who>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11rem}.phone.center{max-width:440px}.music-mark{color:#ff7a59;font-size:4rem}.logo-lg{display:block;width:4.5rem;height:4.5rem;margin:0 auto .6rem}.phone.center h1{font-size:2.5rem;margin:.4rem 0}.phone.center p{color:#c6aeba;line-height:1.55}.join-event{display:block;margin-top:.5rem;color:#f0b1aa;font-weight:600}.phone.center .join-note{margin:1.2rem 0 0;color:#a58ba0;font-size:.85rem}.phone form{display:flex;gap:.5rem;margin-top:1.5rem}.phone form input{flex:1}.phone-now{padding:1rem;margin-bottom:.9rem}.phone-now strong,.phone-now small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-row{display:flex;align-items:center;gap:.7rem;margin-top:.5rem}.now-row img{flex:none;width:84px;aspect-ratio:16 / 9;object-fit:contain;background:#150e18;border-radius:9px}.now-row>div{flex:1;min-width:0}.now-row small{margin-top:.2rem}.progress{height:6px;margin-top:.9rem;background:#4a2b44;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:#ff7a59;border-radius:99px;transition:width .35s linear}.progress-times{display:flex;justify-content:space-between;margin-top:.35rem;color:#c6aeba;font-size:.8rem;font-variant-numeric:tabular-nums}.phone-note{margin:.8rem 0 0;color:#cdb2c3;font-size:.9rem;line-height:1.5}.phone-note-card{margin-top:1rem;padding:.9rem 1rem;background:#251726df;border:1px dashed #5d3b55;border-radius:18px}.phone-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem}.phone-controls>button{flex:none;min-width:3.2rem;min-height:2.75rem;padding:.55rem}.phone-controls .btn-icon{width:1.25rem;height:1.25rem;margin-right:0;vertical-align:middle}.phone-volume{flex:0 1 8.5rem;min-width:6rem;margin-left:auto;display:flex;align-items:center;gap:.15rem;color:#c6aeba}.phone-volume input{flex:1;min-width:0}.search{display:flex;gap:.5rem}.search input{flex:1;min-width:0}.search button{flex:none;min-width:3.2rem;padding:.55rem}.search .btn-icon{width:1.25rem;height:1.25rem;margin-right:0;vertical-align:middle}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}.chips{display:flex;gap:.3rem}.chip{padding:.4rem .75rem;font-size:.85rem;font-weight:600;color:#c6aeba;background:#2f1d30;border:1px solid #5d3b55}.chip.selected{color:#fff7ee;background:#5c2944;border-color:#7d3c5c}.filters .sort{display:flex;align-items:center;gap:.4rem;margin-left:auto;color:#c6aeba;font-size:.85rem}.filters select{color:#fff7ee;background:#251726;border:1px solid #68445f;border-radius:10px;padding:.42rem .5rem;font-size:.85rem}.phone-add,.phone-queue{padding:1rem;margin-top:1rem}.phone-add form{margin-top:0}.phone-add .filters{margin-top:.55rem}.results{margin-top:.7rem}.results article{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-top:1px solid #5a3a53}.results article:hover{background:#5c2944}.results article img{flex:none;width:75px;height:48px;object-fit:cover;border-radius:5px}.results article div{flex:1;min-width:0}.results article strong{overflow:hidden;text-overflow:ellipsis}.results article .result-actions{flex:none;display:flex;gap:.4rem}.results article .result-actions button{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;line-height:1}.result-preview-line{display:block;overflow:hidden;white-space:nowrap;margin-top:.15rem;color:#a58ba0;font-size:.78rem}.result-preview-track{display:inline-block;white-space:nowrap;transform:translate(0)}.search-result:hover .result-preview-track{transform:translate(var(--marquee-offset, 0px));transition:transform var(--marquee-duration, 4s) linear}.result-preview-line.is-error{color:#ff9b9b}.spinner-sm{width:14px;height:14px;border-width:2px}.request{display:flex;align-items:center;gap:.65rem;padding:.7rem 0;border-top:1px solid #5a3a53}.request div{flex:1;min-width:0}.request>img{flex:none;width:58px;height:38px;object-fit:cover;border-radius:5px}.request strong{overflow:hidden;text-overflow:ellipsis}.request-place{flex:none;display:grid;place-items:center;min-width:1.7rem;height:1.7rem;color:#efad9f;font-size:.82rem;font-weight:700;background:#3a2440;border-radius:99px}.request.is-mine .request-place{color:#23111a;background:#ff7a59}.request>button{flex:none;display:grid;place-items:center;min-width:2.5rem;min-height:2.5rem}.favorite{color:#8d7386!important}.favorite[aria-pressed=true]{color:#ff7a59!important}.now-row .favorite{flex:none;display:grid;place-items:center;min-width:2.5rem;min-height:2.5rem;padding:0;background:transparent}.now-row .favorite .btn-icon,.request .favorite .btn-icon{width:1.2rem;height:1.2rem;margin-right:0}.favorites-empty{display:grid;gap:.25rem}.favorites-empty .join-actions{justify-content:flex-start}.sheet-error{color:#ffb0b0!important}.request>button .btn-icon,.result-actions .btn-icon{width:1.1rem;height:1.1rem;margin-right:0}.phone-queue .playlist-tabs{margin:0 0 .4rem}.phone-queue .queue-empty{margin:.5rem 0 0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#0b060ccc}.sheet{width:min(480px,100%);max-height:85vh;overflow-y:auto;padding:1.15rem;background:#251726;border:1px solid #5d3b55;border-radius:18px;box-shadow:0 24px 60px #0008}.sheet:focus{outline:none}.sheet h2{margin:0 0 .2rem;font-size:1.4rem}.sheet-song{margin:0 0 1rem;color:#c6aeba;line-height:1.45}.sheet .eyebrow{margin-bottom:.5rem}.singer-chips{flex-wrap:wrap;margin-bottom:.6rem}.guest-chips{flex-wrap:wrap;gap:.35rem .2rem}.guest-chips .chip{cursor:default;border-radius:999px}.sheet>input{width:100%}.sheet-toggle{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;color:#ffe2d8}.sheet-toggle input{width:1.15rem;height:1.15rem;min-width:0;padding:0;accent-color:#ff7a59}.sheet-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.15rem}.guest-list{list-style:none;margin:.5rem 0 0;padding:0}.guest-row{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;border-top:1px solid #5a3a53}.guest-row:first-child{border-top:0}.guest-row-name{flex:1;min-width:0}.guest-row-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-row-name small{display:block;margin-top:.1rem;color:#c6aeba}.guest-row input{flex:1;min-width:0}.guest-row .ghost{flex:none;min-width:2.2rem;padding:.4rem}.guest-row-actions{display:flex;gap:.3rem;opacity:0;transition:opacity .15s}.guest-row:hover .guest-row-actions,.guest-row:focus-within .guest-row-actions{opacity:1}.sheet-confirm{width:min(420px,100%);border-color:#7a3a4a}.sheet-confirm h2{margin-bottom:.6rem}.sheet-body{color:#cdb2c3;line-height:1.55}.sheet-body p{margin:0 0 .6rem}.sheet-body p:last-child{margin-bottom:0}.sheet-body strong{color:#fff7ee}.sheet-body ul{margin:0 0 .7rem;padding:0 0 0 1.1rem;list-style:none}.sheet-body li{position:relative;padding:.1rem 0}.sheet-body li:before{content:"";position:absolute;top:.62em;left:-.85rem;width:.3rem;height:.3rem;background:#ff7a59;border-radius:99px}button.destructive{color:#fff7ee;background:#b93a52}button.destructive:hover:not(:disabled),button.destructive:focus-visible{background:#cf4560}.sheet .stage-suggestions{width:100%;max-height:46vh;overflow-y:auto;margin-top:.75rem}@media(min-width:560px){.sheet-backdrop{align-items:center}}@media(max-width:850px){.host-shell{height:auto;min-height:100dvh;overflow:visible}.host-grid{grid-template-columns:1fr;grid-template-rows:auto}.player-card{order:1}.now-card{order:2}.queue{order:3;max-height:max(50vh,28rem)}.join-card{order:4}.player-stage{aspect-ratio:16 / 9;container-type:normal}.player{width:100%;height:100%}.player-stage.has-lyrics{aspect-ratio:auto;height:auto;overflow:visible}.player-stage.has-lyrics .lyrics-view{position:static}.player-stage.has-lyrics .lyrics-head{position:static;border-bottom:1px solid #ffffff1f}.player-stage.has-lyrics .lyrics-body{position:static;overflow:visible;padding:.9rem clamp(1rem,5vw,2rem)}.player-stage.has-lyrics .lyrics-body pre{column-count:1!important}.player-stage.has-lyrics .lyrics-controls.is-overlay{position:static}.lyrics-page-controls{display:none}.join-card{align-items:flex-start}.join-card .ghost{margin-left:0}.controls .volume{margin-left:0;width:100%}.controls .volume input{flex:1}}@media(max-width:450px){.join-card{flex-wrap:wrap}.join-card img{width:84px;height:84px}.join-card h2{font-size:1.25rem}.phone-volume{flex:1 0 100%;margin-left:0}.phone-volume input{flex:1}}.mode-toggle{margin-bottom:.6rem;flex-wrap:wrap}.lyrics-view{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:#0d0810;color:#fff7ee}.lyrics-head{position:absolute;top:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:.75rem;padding:.75rem clamp(1rem,4vw,2rem);background:#150e18e6;border-bottom:1px solid #ffffff1f}.lyrics-head .eyebrow{justify-self:start;font-size:clamp(.8rem,1.3vw,1rem)}.lyrics-head-brand{display:flex;align-items:center;gap:.35rem}.lyrics-head-brand-mark{flex:none;width:1.3em;height:1.3em;color:#f0b1aa}.lyrics-head-title{justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Playfair Display,serif;font-size:clamp(1.3rem,2.8vw,2rem)}.lyrics-head-singer{justify-self:end;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6aeba;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:600}.lyrics-chord{color:#ffd479}.lyrics-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:clamp(4.5rem,11vh,6rem) clamp(1.25rem,6vw,5rem) clamp(5rem,12vh,7rem);display:flex;flex-direction:column;align-items:center;justify-content:safe center}.lyrics-body.is-columns{align-items:stretch}.lyrics-body.is-columns pre{column-count:2;column-gap:clamp(2rem,5vw,4rem);column-rule:1px solid #ffffff26}.lyrics-body pre{margin:0;font-family:DM Sans,sans-serif;white-space:pre-wrap;word-break:break-word;font-size:calc(clamp(1.2rem,2.4vw,2rem) * var(--lyrics-scale, 1));line-height:1.65;text-align:center}.lyrics-body.is-canvas{display:block}.lyrics-canvas{display:block;width:100%;height:100%}.lyrics-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.lyrics-page-controls{display:contents}.lyrics-page-controls .btn-icon{margin-right:0;vertical-align:-.15em}.lyrics-page-controls button{flex:none;min-width:2.6rem;padding:.5rem}.lyrics-controls.is-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;justify-content:center;padding:.6rem clamp(1rem,4vw,2rem);background:#150e18e6;border-top:1px solid #ffffff1f}.lyrics-controls>button:nth-child(-n+2){flex:none;min-width:2.6rem;padding:.5rem}.lyrics-controls-group{display:flex;align-items:center;gap:.2rem;padding:.57rem .5rem;border-radius:10px}.lyrics-controls-group button{min-width:1.2rem;padding:.15rem .2rem;font-size:.7rem;font-weight:700;background:transparent;color:inherit}.lyrics-controls-group>i{font-size:.9rem}.lyrics-transpose-value{display:inline-block;min-width:1.4rem;margin-left:-.1rem;font-size:.78rem;font-weight:700;text-align:center}.ghost.selected{background:#5c2944;border-color:#7d3c5c;color:#fff7ee}.results-loading{display:grid;place-items:center;padding:2rem 0}.results-loading .spinner{margin:0}