@font-face{font-family:Cormorant;src:url('fonts/cormorant-garamond-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--ink:#15141b;--night:#1b1d2a;--cape:#232746;--cape-deep:#141630;--marble:#f4efe4;--cream:#ece5d8;--gold:#d3bc8e;--gold-hi:#f0dcae;--gold-deep:#a8844f;--star:#a5c8ff;--teal:#7fe3d6;--rose:#e7a1b0;--text-on-dark:#ece5d8;--muted:#9aa0b5;--line:rgba(211,188,142,.28);--ease:cubic-bezier(.2,.8,.2,1);--move:cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}html{min-width:320px;background:var(--cape-deep);scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,#435a7a 0%,#252d4c 27%,var(--cape-deep) 67%,#101125 100%);color:var(--text-on-dark);font:14px/1.45 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}button,input,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:100;top:-48px;left:16px;padding:12px 18px;border-radius:4px;background:var(--cream);color:var(--ink);transition:top .18s}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}::selection{background:var(--gold);color:var(--ink)}
.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.7}.sky:before,.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(165,200,255,.14),transparent 24%),radial-gradient(circle at 82% 70%,rgba(127,227,214,.08),transparent 25%),linear-gradient(130deg,transparent 45%,rgba(165,200,255,.03) 45.1%,transparent 45.5%);}.sky span{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--star);box-shadow:0 0 8px 1px rgba(165,200,255,.55);animation:twinkle 4s ease-in-out infinite}.sky span:nth-child(1){left:7%;top:18%;animation-delay:-1s}.sky span:nth-child(2){left:16%;top:71%;animation-delay:-2.5s}.sky span:nth-child(3){left:27%;top:11%;animation-delay:-3s}.sky span:nth-child(4){left:35%;top:86%;animation-delay:-.8s}.sky span:nth-child(5){left:47%;top:23%;animation-delay:-1.7s}.sky span:nth-child(6){left:58%;top:8%;animation-delay:-2.2s}.sky span:nth-child(7){left:66%;top:79%;animation-delay:-3.4s}.sky span:nth-child(8){left:75%;top:31%;animation-delay:-.3s}.sky span:nth-child(9){left:85%;top:16%;animation-delay:-2.8s}.sky span:nth-child(10){left:93%;top:62%;animation-delay:-1.3s}.sky span:nth-child(11){left:41%;top:55%;animation-delay:-3.7s}.sky span:nth-child(12){left:4%;top:44%;animation-delay:-.5s}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}
.topbar{position:relative;z-index:5;height:72px;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,3vw,44px);border-bottom:1px solid rgba(211,188,142,.26);background:linear-gradient(180deg,rgba(20,22,48,.98),rgba(20,22,48,.72));box-shadow:0 12px 40px rgba(5,8,22,.22)}.brand{display:flex;align-items:center;gap:11px;min-width:max-content;color:var(--cream);text-decoration:none}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-hi);font-size:21px;box-shadow:0 0 0 4px rgba(211,188,142,.08),0 0 18px rgba(165,200,255,.22)}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:12px;letter-spacing:.2em;font-weight:800}.brand-copy small{color:var(--gold);font-size:9px;letter-spacing:.18em}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.connection i,.live-pill i{display:block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:var(--gold);box-shadow:0 0 7px currentColor}.connection.is-online i{color:var(--teal);background:var(--teal)}.connection.is-offline i{color:var(--rose);background:var(--rose)}.search-trigger{display:flex;align-items:center;gap:10px;min-width:0;max-width:470px;flex:1;margin-left:auto;padding:11px 13px;border:1px solid rgba(211,188,142,.23);border-radius:5px;background:rgba(15,17,39,.52);color:var(--muted);text-align:left;transition:border-color .2s,background .2s,box-shadow .2s}.search-trigger:hover{border-color:var(--gold);background:rgba(35,39,70,.74);box-shadow:inset 0 0 0 1px rgba(240,220,174,.14)}.search-trigger span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-glyph{font-family:Georgia,serif;color:var(--gold-hi);font-size:20px;line-height:14px}.search-trigger kbd{margin-left:auto}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.account-button,.text-button,.secondary-button,.primary-button,.sheet-link,.resume-button{border:0;background:none;color:inherit}.icon-button{display:grid;place-items:center;min-width:42px;min-height:42px;border-radius:50%;color:var(--gold);font-size:22px;transition:background .2s,color .2s,transform .2s}.icon-button:hover{background:rgba(211,188,142,.12);color:var(--gold-hi);transform:translateY(-1px)}.account-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 11px 4px 5px;border:1px solid rgba(211,188,142,.25);border-radius:999px;color:var(--cream);background:rgba(21,20,27,.27);font-size:12px}.account-button:hover{border-color:var(--gold);background:rgba(211,188,142,.1)}.avatar{display:grid;place-items:center;overflow:hidden;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(240,220,174,.55);background:radial-gradient(circle at 30% 25%,#7294c9,#293251 60%,#16182e);color:var(--gold-hi);font-family:Cormorant,serif;font-size:21px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:31px;height:31px;font-size:18px}.avatar-large{width:52px;height:52px;font-size:28px}
kbd{padding:2px 6px;border:1px solid rgba(211,188,142,.35);border-bottom-color:rgba(211,188,142,.65);border-radius:3px;color:var(--gold);font:10px/1.5 Manrope,sans-serif;white-space:nowrap}
.app-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.92fr) minmax(480px,1.45fr) minmax(270px,.92fr);gap:18px;height:calc(100vh - 72px);padding:18px clamp(18px,3vw,44px) 24px}.panel,.player-panel{min-height:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(35,39,70,.83),rgba(20,22,48,.86));box-shadow:0 18px 40px rgba(6,9,25,.22);position:relative}.panel{display:flex;flex-direction:column;padding:22px 18px;overflow:hidden}.panel:before,.player-panel:before{content:"◆";position:absolute;top:8px;right:11px;color:rgba(211,188,142,.65);font-size:8px}.panel:after,.player-panel:after{content:"";position:absolute;inset:5px;border:1px solid rgba(211,188,142,.09);pointer-events:none}.player-panel{display:flex;flex-direction:column;align-items:center;padding:27px clamp(24px,4vw,62px) 20px;overflow:auto}.player-panel:after{inset:7px}.panel>* , .player-panel>*{position:relative;z-index:1}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:none}.panel-heading h2,.sheet h2{margin:2px 0 0;font:600 26px/1 Cormorant,Georgia,serif;color:var(--cream);letter-spacing:.01em}.eyebrow{margin:0;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.2em}.panel-close{display:none}.tab-list{display:flex;gap:5px;margin:23px 0 11px;border-bottom:1px solid rgba(211,188,142,.15)}.tab{position:relative;padding:9px 9px 11px;border:0;background:none;color:var(--muted);font-size:11px}.tab:after{content:"";position:absolute;right:8px;bottom:-1px;left:8px;height:2px;background:transparent}.tab.is-active{color:var(--cream)}.tab.is-active:after{background:var(--gold)}.tab span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:50%;background:rgba(211,188,142,.13);color:var(--gold);font-size:9px}.queue-tools{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px;color:var(--muted);font-size:10px}.text-button{padding:7px 2px;color:var(--gold);font-size:11px}.text-button:hover{text-decoration:underline;color:var(--gold-hi)}.danger{color:var(--rose)}.constellation-map{width:calc(100% + 10px);height:65px;margin:-4px -5px 0;opacity:.7;overflow:visible}.constellation-map path{fill:none;stroke:rgba(211,188,142,.5);stroke-width:1;stroke-dasharray:4 5;animation:dash 12s linear infinite}.constellation-map circle{fill:var(--gold-hi);filter:drop-shadow(0 0 4px var(--gold))}@keyframes dash{to{stroke-dashoffset:-80}}.queue-scroll,.lyrics-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(211,188,142,.38) transparent}.queue-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.queue-row{position:relative;display:grid;grid-template-columns:21px 42px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:6px 5px;border:1px solid transparent;border-radius:3px;transition:background .2s,border-color .2s,transform .2s;touch-action:pan-y;content-visibility:auto;contain:layout paint}.queue-row:hover,.queue-row.is-current{border-color:rgba(211,188,142,.33);background:rgba(211,188,142,.08)}.queue-row.is-current{box-shadow:inset 2px 0 var(--gold)}.queue-row.is-dragging{opacity:.45;background:rgba(165,200,255,.08)}.queue-drag{color:rgba(211,188,142,.55);font-size:16px;cursor:grab;touch-action:none}.queue-drag:active{cursor:grabbing}.queue-thumb,.result-art,.history-art{width:42px;height:42px;object-fit:cover;border:1px solid rgba(211,188,142,.35);background:#13152e}.queue-info{min-width:0}.queue-title,.result-title{display:block;overflow:hidden;color:var(--cream);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.queue-meta,.result-meta{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.queue-side{display:grid;justify-items:end;gap:5px;color:var(--muted);font-size:9px}.queue-actions{display:flex;gap:3px;opacity:0;transition:opacity .2s}.queue-row:hover .queue-actions,.queue-row:focus-within .queue-actions{opacity:1}.mini-action{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(211,188,142,.22);border-radius:3px;background:rgba(20,22,48,.75);color:var(--gold);font-size:12px}.mini-action:hover{border-color:var(--gold);color:var(--gold-hi)}.autoplay-mark{color:var(--teal);font-size:10px}.queue-empty{display:block;width:100%;margin-top:16px;padding:16px 10px;border:1px dashed rgba(211,188,142,.3);color:var(--gold);font-size:11px;text-align:center}.queue-empty[hidden]{display:none}
.player-topline{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:760px}.live-pill{display:flex;align-items:center;gap:6px;color:var(--teal);font-size:9px;letter-spacing:.16em}.live-pill i{width:6px;height:6px;color:var(--teal);background:var(--teal);animation:live 2s ease-in-out infinite}@keyframes live{50%{opacity:.3;box-shadow:none}}.hero-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:760px;min-height:0;padding:22px 0 8px}.hero-stage{position:relative;display:grid;place-items:center;width:clamp(275px,27vw,370px);aspect-ratio:1;flex:none}.halo{position:absolute;inset:2%;border:1px solid rgba(211,188,142,.45);border-radius:50%;transform:rotate(-9deg);transition:transform 1.2s var(--ease);animation:halo-spin 28s linear infinite;animation-play-state:paused}.halo:before,.halo:after{content:"";position:absolute;inset:7%;border:1px solid rgba(211,188,142,.32);border-radius:50%}.halo:after{inset:17%;border-color:rgba(127,227,214,.27);transform:rotate(45deg);border-radius:34% 66% 45% 55%}.halo.is-playing{animation-play-state:running}.halo-orbit{position:absolute;inset:3%;border:1px dashed rgba(165,200,255,.3);border-radius:50%;transform:rotate(70deg)}.halo-orbit-two{inset:12%;transform:rotate(-35deg);border-style:solid;border-color:rgba(211,188,142,.22)}.halo-orbit-three{inset:24%;border-color:rgba(211,188,142,.4);transform:rotate(20deg) scaleX(1.4)}@keyframes halo-spin{to{transform:rotate(351deg)}}.halo-glyph{position:absolute;color:var(--gold-hi);font-size:14px;text-shadow:0 0 9px var(--gold)}.glyph-a{top:3%;left:48%}.glyph-b{right:3%;top:52%}.glyph-c{left:8%;bottom:18%;font-size:8px}.progress-ring{position:absolute;inset:-1%;width:102%;height:102%;transform:rotate(-90deg);overflow:visible}.progress-ring circle{fill:none;stroke-width:1}.ring-track{stroke:rgba(211,188,142,.16)}.ring-progress{stroke:var(--gold-hi);stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:289.03;filter:drop-shadow(0 0 4px rgba(240,220,174,.65));transition:stroke-dashoffset .12s linear}.art-frame{position:relative;width:62%;aspect-ratio:1;overflow:hidden;border:7px solid var(--cream);background:linear-gradient(140deg,#485b83,#151630);box-shadow:0 18px 45px rgba(5,7,19,.7),0 0 30px rgba(165,200,255,.18)}.art-frame:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(168,132,79,.75);pointer-events:none}.art-frame img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.14)}.art-frame img[src=""]{opacity:0}.art-corner{position:absolute;z-index:2;color:var(--gold-deep);font-size:9px}.corner-one{top:4px;left:4px}.corner-two{right:4px;bottom:4px}.loading-stars{position:absolute;inset:25%;display:grid;place-items:center;color:var(--gold-hi);font-size:26px;pointer-events:none}.loading-stars span{position:absolute;animation:gather 1.4s var(--ease) infinite}.loading-stars span:nth-child(1){transform:translate(-38px,-30px);animation-delay:-.2s}.loading-stars span:nth-child(2){transform:translate(34px,-24px);animation-delay:-.5s}.loading-stars span:nth-child(3){transform:translate(38px,30px);animation-delay:-.8s}.loading-stars span:nth-child(4){transform:translate(-33px,29px);animation-delay:-1.1s}.loading-stars span:nth-child(5){font-size:12px;animation-delay:-.3s}@keyframes gather{0%,100%{opacity:.2;transform:translate(var(--x,0),var(--y,0)) scale(.55)}45%{opacity:1;transform:translate(0,0) scale(1.05)}}.loading-stars[hidden]{display:none}.idle-view{position:absolute;inset:8%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(circle,rgba(35,39,70,.78),rgba(20,22,48,.4) 65%,transparent);border-radius:50%}.idle-star{color:var(--gold-hi);font-size:34px;text-shadow:0 0 20px var(--gold);animation:float-star 4s ease-in-out infinite}@keyframes float-star{50%{transform:translateY(-7px) scale(1.08)}}.idle-view h2{margin:8px 0 3px;font:600 26px/1 Cormorant,serif}.idle-view p{max-width:200px;margin:0 0 15px;color:var(--muted);font-size:11px}.track-details{min-width:0;width:100%;max-width:520px;text-align:center}.track-details .track-badges,.track-details .requester{justify-content:center}.track-badges{display:flex;align-items:center;gap:7px;margin-bottom:11px}.source-badge,.loading-label{display:inline-flex;align-items:center;min-height:21px;padding:3px 8px;border:1px solid rgba(211,188,142,.45);border-radius:2px;color:var(--gold-hi);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.loading-label{border-color:rgba(127,227,214,.4);color:var(--teal)}.track-details h1{margin:0;color:var(--cream);font:600 clamp(34px,3.6vw,52px)/.94 Cormorant,Georgia,serif;letter-spacing:-.02em;text-wrap:balance}.track-subtitle{margin:13px 0 17px;color:var(--muted);font-size:12px}.requester{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:10px}.requester .avatar{width:25px;height:25px;font-size:14px}.progress-area{width:100%;max-width:760px;margin-top:auto}.time-row{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font:10px Manrope,sans-serif}.seekbar,.volume-control input{--progress:0%;appearance:none;width:100%;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--gold) var(--progress),rgba(236,229,216,.17) var(--progress));cursor:pointer}.seekbar::-webkit-slider-thumb,.volume-control input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid var(--gold-hi);border-radius:50%;background:var(--night);box-shadow:0 0 7px rgba(240,220,174,.65)}.seekbar::-moz-range-thumb,.volume-control input::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--gold-hi);border-radius:50%;background:var(--night)}.controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 15px}.control-button{display:grid;place-items:center;position:relative;min-width:42px;min-height:42px;border:1px solid rgba(211,188,142,.46);border-radius:999px;color:var(--ink);background:var(--cream);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);transition:transform .18s var(--ease),background .18s,border-color .18s}.control-button:hover{transform:translateY(-2px);background:#fff8ea;border-color:var(--gold-hi)}.control-button:active{transform:translateY(0)}.control-button.secondary{min-width:48px;color:var(--cape);font-size:12px}.play-button{width:64px;height:52px;color:var(--ink);font-size:19px;background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:var(--gold-hi);box-shadow:0 6px 18px rgba(168,132,79,.28),inset 0 0 0 1px rgba(255,255,255,.6)}.control-button.utility{min-width:42px;background:rgba(236,229,216,.1);color:var(--cream);border-color:rgba(211,188,142,.3);font-size:17px}.control-button.utility small{position:absolute;bottom:3px;font-size:7px;letter-spacing:.08em;color:var(--gold)}.control-button.utility.is-active{color:var(--ink);background:var(--gold);border-color:var(--gold-hi)}.control-button.utility.is-active small{color:var(--ink)}.audio-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:760px;border-top:1px solid rgba(211,188,142,.13);padding-top:14px}.volume-control{display:flex;align-items:center;gap:8px;flex:1;color:var(--gold);font-size:12px}.volume-control input{max-width:170px}.volume-control span:last-child{min-width:100px;color:var(--muted);font-size:9px}.effect-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;letter-spacing:.12em}.guild-select{min-height:32px;max-width:200px;padding:0 24px 0 9px;border:1px solid rgba(211,188,142,.3);border-radius:3px;background:var(--night);color:var(--cream);font-size:10px;letter-spacing:.06em}.guild-select[hidden]{display:none}.authorization-note .authorization-hint{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.5}@media (max-width:760px){.guild-select{max-width:118px}}
.effect-control select{min-height:32px;padding:0 25px 0 9px;border:1px solid rgba(211,188,142,.3);border-radius:3px;background:var(--night);color:var(--cream);font-size:10px}.mobile-switches{display:none}
.lyrics-meta{min-height:34px;padding:16px 2px 10px;color:var(--muted);font-size:10px}.lyrics-scroll{padding:12px 5px 20px 0}.lyrics-list{display:grid;gap:14px}.lyric-line{display:block;width:100%;padding:0 8px;border:0;background:none;color:rgba(236,229,216,.47);font:18px/1.12 Cormorant,Georgia,serif;text-align:left;cursor:pointer;transition:color .25s,transform .25s,opacity .25s}.lyric-line:hover{color:var(--cream)}.lyric-line.is-current{color:var(--gold-hi);transform:translateX(5px);text-shadow:0 0 14px rgba(240,220,174,.23)}.plain-lyrics{margin:0;padding:0 8px;color:var(--muted);font:16px/1.5 Cormorant,Georgia,serif;white-space:pre-wrap}.lyrics-empty{padding:20px 8px;color:var(--muted);font:18px/1.3 Cormorant,serif}.resume-button{width:100%;margin-top:9px;padding:10px;border:1px solid rgba(211,188,142,.3);border-radius:3px;color:var(--gold);background:rgba(211,188,142,.08);font-size:10px}.resume-button:hover{background:rgba(211,188,142,.15);color:var(--gold-hi)}
.mini-player{display:none}.toast-region{position:fixed;z-index:30;right:24px;bottom:24px;display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;padding:12px 16px 12px 20px;border:1px solid rgba(211,188,142,.45);background:rgba(20,22,48,.96);box-shadow:0 10px 25px rgba(5,7,20,.42);color:var(--cream);font-size:11px;animation:toast-in .28s var(--ease) both}.toast:before{content:"✦";position:absolute;left:6px;top:8px;color:var(--gold-hi)}.toast.is-error{border-color:rgba(231,161,176,.65)}@keyframes toast-in{from{opacity:0;transform:translate(12px,-22px) rotate(2deg)}to{opacity:1;transform:none}}.announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:rgba(8,10,27,.72);backdrop-filter:blur(8px);animation:fade-in .18s ease both}.overlay[hidden]{display:none}@keyframes fade-in{from{opacity:0}to{opacity:1}}.sheet{position:relative;width:min(640px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:26px;border:1px solid rgba(211,188,142,.56);background:linear-gradient(145deg,#2a304d,#17192f 80%);box-shadow:0 28px 70px rgba(3,5,18,.65)}.sheet:before,.sheet:after{content:"◆";position:absolute;color:var(--gold);font-size:9px}.sheet:before{top:8px;left:10px}.sheet:after{right:10px;bottom:8px}.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.sheet h2{font-size:34px}.search-form{display:flex;align-items:center;gap:10px;padding:3px 12px;border:1px solid var(--gold);background:rgba(12,14,32,.75);box-shadow:0 0 0 3px rgba(211,188,142,.08)}.search-form>span{color:var(--gold-hi);font:24px Georgia}.search-form input{min-width:0;flex:1;padding:13px 0;border:0;outline:0;background:none;color:var(--cream);font-size:16px}.search-form input::placeholder{color:#777e96}.search-status{padding:15px 1px;color:var(--muted);font-size:11px}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.suggestion{padding:7px 10px;border:1px solid rgba(211,188,142,.25);border-radius:999px;background:rgba(211,188,142,.07);color:var(--cream);font-size:10px}.suggestion:hover{border-color:var(--gold);color:var(--gold-hi)}.search-results{display:grid;gap:6px;max-height:460px;overflow:auto}.result-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px;border:1px solid transparent;background:rgba(20,22,48,.36);transition:background .18s,border-color .18s}.result-row:hover,.result-row.is-selected{border-color:rgba(211,188,142,.42);background:rgba(211,188,142,.1)}.result-art{width:50px;height:50px}.result-copy{min-width:0}.result-meta{font-size:10px}.result-actions{display:flex;gap:5px}.result-actions button{min-height:32px;padding:0 9px;border:1px solid rgba(211,188,142,.35);border-radius:3px;background:rgba(236,229,216,.08);color:var(--gold);font-size:10px}.result-actions button:first-child{background:var(--cream);color:var(--ink)}.result-actions button:hover{border-color:var(--gold-hi)}.compact-sheet{width:min(480px,100%)}.sheet-intro{margin:0 0 18px;color:var(--muted);font-size:12px}.channel-list{display:grid;gap:8px}.channel-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(211,188,142,.22);background:rgba(20,22,48,.44)}.channel-card.is-here{border-color:var(--teal);box-shadow:inset 2px 0 var(--teal)}.channel-name{display:flex;align-items:center;gap:8px;color:var(--cream);font-weight:700}.channel-members{margin-top:4px;color:var(--muted);font-size:10px}.channel-card button{min-height:38px;padding:0 12px;border:1px solid rgba(211,188,142,.4);background:var(--cream);color:var(--ink);font-size:10px}.channel-card button.secondary{background:rgba(236,229,216,.08);color:var(--gold)}.stack-form{display:grid;gap:9px}.stack-form label{color:var(--gold);font-size:10px}.stack-form input,.admin-search{min-height:45px;padding:0 12px;border:1px solid rgba(211,188,142,.36);border-radius:3px;background:rgba(12,14,32,.62);color:var(--cream);outline:0}.stack-form input:focus,.admin-search:focus{border-color:var(--gold-hi);box-shadow:0 0 0 3px rgba(211,188,142,.1)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid var(--gold-hi);border-radius:3px;background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:var(--ink);font-weight:800;font-size:11px}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.secondary-button{border-color:rgba(211,188,142,.4);background:rgba(236,229,216,.08);color:var(--gold)}.otp-row{display:flex;justify-content:space-between;gap:8px}.otp-row input{width:48px;text-align:center;font-size:22px}.account-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.profile-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(211,188,142,.28);background:rgba(20,22,48,.48)}.profile-card strong,.profile-card small{display:block}.profile-card strong{color:var(--cream);font-size:14px}.profile-card small{margin-top:3px;color:var(--muted);font-size:10px}.authorized-mark{margin-left:auto;color:var(--teal);font-size:20px}.authorization-note{margin-top:12px;padding:12px;border-left:2px solid var(--gold);background:rgba(211,188,142,.07);color:var(--muted);font-size:11px}.authorization-note strong{display:block;margin-bottom:3px;color:var(--gold-hi)}.admin-search{width:100%;margin-bottom:12px}.admin-list{position:relative;max-height:480px;overflow:auto;contain:strict}.admin-spacer{height:0}.admin-row{position:absolute;right:0;left:0;display:flex;align-items:center;gap:10px;height:58px;padding:7px 5px;border-bottom:1px solid rgba(211,188,142,.1);background:rgba(20,22,48,.35)}.admin-row .avatar{width:34px;height:34px;font-size:16px}.admin-user{min-width:0;flex:1}.admin-user strong,.admin-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user strong{color:var(--cream);font-size:11px}.admin-user small{color:var(--muted);font-size:9px}.auth-switch{position:relative;width:42px;height:24px;border:1px solid rgba(211,188,142,.35);border-radius:99px;background:rgba(236,229,216,.08)}.auth-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.auth-switch.is-on{background:rgba(127,227,214,.18);border-color:var(--teal)}.auth-switch.is-on:after{background:var(--teal);transform:translateX(18px)}.shortcut-list{display:grid;gap:12px}.shortcut-list div{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px}.shortcut-list kbd{min-width:75px;text-align:center;color:var(--gold-hi)}
@media (max-width:1180px){.app-grid{grid-template-columns:minmax(250px,.8fr) minmax(430px,1.2fr);gap:14px}.lyrics-panel{display:none}.hero-layout{gap:25px}.track-details h1{font-size:42px}}
@media (max-width:760px){html,body{overflow:hidden}.topbar{height:62px;padding:0 13px;gap:10px}.brand-copy small,.connection,.search-trigger span:nth-child(2){display:none}.brand{margin-right:auto}.brand-mark{width:34px;height:34px}.search-trigger{flex:0;min-width:42px;width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;margin:0}.search-trigger kbd{display:none}.top-actions{gap:2px}.account-button{padding:4px}.account-button #account-label{display:none}.app-grid{display:block;height:calc(100vh - 62px);padding:0}.player-panel{height:100%;min-height:0;border:0;padding:21px 18px calc(78px + env(safe-area-inset-bottom));overflow:auto;background:radial-gradient(ellipse at 50% 17%,rgba(76,103,147,.4),transparent 43%),linear-gradient(165deg,rgba(35,39,70,.78),rgba(20,22,48,.93))}.player-panel:after{inset:5px}.player-topline{max-width:none}.hero-layout{display:flex;flex-direction:column;gap:3px;min-height:0;padding:18px 0 10px}.hero-stage{width:min(77vw,310px)}.track-details{max-width:100%;width:100%;text-align:center}.track-badges{justify-content:center;margin-bottom:8px}.track-details h1{font-size:40px}.track-subtitle{margin:8px 0 10px}.requester{justify-content:center}.progress-area{margin-top:12px}.controls{gap:6px;margin:17px 0 14px;flex-wrap:wrap}.control-button.secondary{min-width:43px}.play-button{width:58px;height:50px}.control-button.utility{min-width:39px}.audio-tools{display:grid;gap:12px}.volume-control input{max-width:none}.volume-control span:last-child{min-width:92px}.effect-control{justify-content:space-between}.guild-select{min-height:32px;max-width:200px;padding:0 24px 0 9px;border:1px solid rgba(211,188,142,.3);border-radius:3px;background:var(--night);color:var(--cream);font-size:10px;letter-spacing:.06em}.guild-select[hidden]{display:none}.authorization-note .authorization-hint{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.5}@media (max-width:760px){.guild-select{max-width:118px}}
.effect-control select{flex:1}.mobile-switches{display:flex;justify-content:center;gap:9px;width:100%;margin-top:13px}.sheet-link{min-height:40px;padding:0 17px;border:1px solid rgba(211,188,142,.3);border-radius:3px;color:var(--gold);background:rgba(211,188,142,.07);font-size:10px}.sheet-link span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:50%;background:rgba(211,188,142,.2)}.queue-panel,.lyrics-panel{position:fixed;z-index:12;right:0;bottom:0;left:0;height:min(76vh,650px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-width:1px 0 0;transform:translateY(105%);transition:transform .3s var(--ease);box-shadow:0 -24px 60px rgba(4,5,16,.6)}.queue-panel.mobile-open,.lyrics-panel.mobile-open{transform:translateY(0)}.panel-close{display:grid}.queue-panel .constellation-map{height:48px}.queue-row{min-height:64px}.queue-actions{opacity:1}.mini-player{position:fixed;z-index:10;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));left:10px;display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:62px;padding:6px 8px;border:1px solid rgba(211,188,142,.5);background:rgba(20,22,48,.96);box-shadow:0 10px 30px rgba(2,4,15,.55);color:var(--cream);text-align:left}.mini-player img{width:48px;height:48px;object-fit:cover;border:1px solid var(--gold)}.mini-player strong,.mini-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player strong{font-size:11px}.mini-player small{margin-top:3px;color:var(--muted);font-size:9px}.mini-player>span:last-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--ink);font-size:14px}.toast-region{right:12px;bottom:84px}.overlay{align-items:end;padding:0}.sheet{max-height:calc(100vh - 56px);padding:24px 18px calc(24px + env(safe-area-inset-bottom));border-width:1px 0 0;animation:sheet-up .28s var(--ease) both}.sheet:before,.sheet:after{display:none}@keyframes sheet-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.search-sheet-inner{height:calc(100vh - 56px);max-height:none}.search-results{max-height:none}.result-row{grid-template-columns:46px minmax(0,1fr);}.result-art{width:46px;height:46px}.result-actions{grid-column:2}.result-actions button{flex:1}.otp-row input{width:43px}.admin-list{max-height:calc(100vh - 240px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky span,.halo,.halo.is-playing,.constellation-map path,.live-pill i,.idle-star{animation:none!important}.ring-progress{transition:none}.overlay,.sheet,.toast{animation:none!important}.queue-row,.control-button,.lyric-line{transition:none}}
body.is-idle .art-frame,body.is-idle .progress-ring,body.is-idle .halo,body.is-idle .track-badges,body.is-idle .track-subtitle,body.is-idle .requester,body.is-idle .progress-area,body.is-idle .controls,body.is-idle .audio-tools{visibility:hidden}body.is-idle .hero-stage{min-height:280px}body.is-idle .hero-layout{min-height:440px}.fly-arc{position:fixed;z-index:50;pointer-events:none;width:46px;height:46px;object-fit:cover;border:2px solid var(--gold-hi);box-shadow:0 0 20px var(--gold);animation:fly-arc .65s var(--ease) both}@keyframes fly-arc{0%{opacity:1;transform:translate(0,0) scale(1)}45%{opacity:1;transform:translate(var(--dx),calc(var(--dy) - 90px)) scale(1.12)}100%{opacity:0;transform:translate(calc(var(--dx) * 1.02),var(--dy)) scale(.35)}}
[hidden]{display:none!important}


@media (min-width:1181px){.hero-layout{flex-direction:column!important;align-items:center!important}.track-details{width:100%!important;max-width:620px!important;text-align:center!important}.track-details .track-badges,.track-details .requester{justify-content:center!important}}
.lyric-line{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important}


body.is-idle .track-details h1{display:none!important}


.is-hidden .sky span,.is-hidden .halo,.is-hidden .constellation-map path{animation-play-state:paused!important}

/* ---- Quick add · library (historial, listas) ---- */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.queue-panel .queue-scroll{flex:1 1 auto}
.quick-add{position:relative;margin:16px 0 0;padding:10px 10px 8px;border:1px solid rgba(211,188,142,.24);border-radius:4px;background:linear-gradient(180deg,rgba(35,39,70,.6),rgba(20,22,48,.6));transition:border-color .2s,box-shadow .25s}
.quick-add:before{content:"";position:absolute;inset:3px;border:1px solid rgba(211,188,142,.07);border-radius:2px;pointer-events:none}
.quick-add:focus-within,.queue-panel.is-drop .quick-add{border-color:rgba(211,188,142,.62);box-shadow:0 0 0 3px rgba(211,188,142,.07),0 0 26px rgba(165,200,255,.09)}
.quick-add-field{display:flex;gap:8px;align-items:flex-start}
.quick-add-glyph{flex:none;color:var(--gold);font-size:12px;line-height:22px;transition:transform .5s var(--ease),color .2s}
.quick-add:focus-within .quick-add-glyph{transform:rotate(45deg) scale(1.2);color:var(--gold-hi)}
.quick-add.is-busy .quick-add-glyph{animation:quick-spin 1.1s linear infinite;color:var(--star)}
@keyframes quick-spin{to{transform:rotate(360deg)}}
.quick-add textarea{flex:1;min-width:0;height:22px;max-height:96px;padding:0;resize:none;border:0;background:none;color:var(--cream);font:inherit;font-size:13px;line-height:22px;outline:none;overflow-y:auto}
.quick-add textarea::placeholder{color:var(--muted)}
.quick-add textarea:focus-visible{outline:none}
.quick-add-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.quick-add-hint{min-width:0;margin:0;color:var(--muted);font-size:9.5px;line-height:1.35}
.quick-add-actions{display:flex;flex:none;gap:6px}
.pill-button{min-height:30px;padding:0 13px;border:1px solid rgba(211,188,142,.55);border-radius:999px;background:linear-gradient(180deg,var(--cream),#d8ccb4);color:#3b4255;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .15s var(--ease),box-shadow .2s}
.pill-button:hover{box-shadow:inset 0 0 0 2px rgba(168,132,79,.45),0 0 16px rgba(240,220,174,.2)}
.pill-button:active{transform:scale(.95)}
.pill-button.ghost{border-color:rgba(211,188,142,.32);background:rgba(20,22,48,.7);color:var(--gold)}
.pill-button.ghost:hover{color:var(--gold-hi);box-shadow:0 0 14px rgba(211,188,142,.14)}
.pill-button:disabled{opacity:.55;cursor:progress;transform:none}
.queue-panel .tab-list{margin-top:14px}
.tab span:empty{display:none}
.queue-tool-buttons{display:flex;gap:12px}
.library-filter{width:100%;margin:0 0 8px;padding:8px 10px;border:1px solid rgba(211,188,142,.18);border-radius:3px;background:rgba(12,14,34,.55);color:var(--cream);font-size:12px;transition:border-color .2s}
.library-filter:focus{outline:none;border-color:rgba(211,188,142,.55)}
.list-form,.selection-bar{animation:lib-drop .22s var(--ease) both}
@keyframes lib-drop{from{opacity:0;transform:translateY(-6px)}}
.list-form{margin:0 0 10px;padding:10px;border:1px solid rgba(165,200,255,.32);border-radius:4px;background:rgba(20,22,48,.78)}
.list-form label{display:block;margin-bottom:7px;color:var(--gold);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.list-form-row{display:flex;gap:6px;align-items:center}
.list-form input{flex:1;min-width:0;padding:7px 9px;border:1px solid rgba(211,188,142,.3);border-radius:3px;background:rgba(12,14,34,.7);color:var(--cream);font-size:12px}
.list-form input:focus{outline:none;border-color:var(--gold)}
.icon-button.small{min-width:30px;min-height:30px;font-size:17px}
.selection-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;margin:0 0 8px;padding:5px 10px;border:1px solid rgba(127,227,214,.35);border-radius:4px;background:rgba(127,227,214,.07);color:var(--teal);font-size:11px}
.selection-actions{display:flex;flex-wrap:wrap;gap:0 10px}
.history-row{cursor:pointer}
.queue-check{display:grid;place-items:center;width:16px;height:16px;margin-left:2px;border:1px solid rgba(211,188,142,.38);border-radius:3px;color:transparent;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s var(--ease)}
.history-row:hover .queue-check{border-color:var(--gold)}
.history-row.is-selected{border-color:rgba(127,227,214,.32);background:rgba(127,227,214,.07)}
.history-row.is-selected .queue-check{transform:scale(1.08);border-color:var(--teal);background:var(--teal);color:var(--ink)}
.queue-actions{display:flex;gap:4px}
.queue-actions .extra{display:none}
.queue-row:hover .extra,.queue-row:focus-within .extra{display:grid}
.history-row:hover .queue-dur,.history-row:focus-within .queue-dur{display:none}
@media (hover:none){.queue-actions .extra{display:grid}.history-row .queue-dur{display:none}}
.queue-row.is-new{animation:star-in .55s var(--ease) both}
@keyframes star-in{from{opacity:0;transform:translateX(-16px);box-shadow:inset 2px 0 var(--star),0 0 22px rgba(165,200,255,.3)}60%{box-shadow:inset 2px 0 var(--star),0 0 16px rgba(165,200,255,.18)}}
.playlist-card{margin:0 0 8px;border:1px solid rgba(211,188,142,.18);border-radius:4px;background:rgba(20,22,48,.45);transition:border-color .2s,background .2s;content-visibility:auto;contain-intrinsic-size:auto 66px}
.playlist-card:hover{border-color:rgba(211,188,142,.42)}
.playlist-card.is-open{border-color:rgba(211,188,142,.55);background:rgba(35,39,70,.6)}
.playlist-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px}
.playlist-mosaic{display:grid;grid-template-columns:1fr 1fr;width:48px;height:48px;overflow:hidden;border-radius:3px;background:var(--cape-deep);box-shadow:0 0 0 1px rgba(211,188,142,.32)}
.playlist-mosaic img{display:block;width:24px;height:24px;object-fit:cover}
.playlist-toggle{display:block;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left}
.playlist-name{display:block;overflow:hidden;color:var(--cream);font-family:Cormorant,serif;font-size:18px;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.playlist-toggle:hover .playlist-name{color:var(--gold-hi)}
.playlist-meta{color:var(--muted);font-size:10px}
.playlist-actions{display:flex;gap:4px}
.playlist-tracks{display:grid;gap:2px;margin:0;padding:0 8px 6px;list-style:none;animation:lib-drop .22s var(--ease) both}
.playlist-track{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px;border-radius:3px}
.playlist-track:hover{background:rgba(211,188,142,.06)}
.playlist-track img{width:30px;height:30px;object-fit:cover;border-radius:2px}
.playlist-foot{display:flex;justify-content:space-between;gap:8px;padding:4px 10px 8px;border-top:1px solid rgba(211,188,142,.12)}
.queue-panel.is-drop{box-shadow:inset 0 0 0 1px var(--gold),0 0 40px rgba(211,188,142,.14)}
@media (max-width:760px){.quick-add-hint{display:none}.quick-add-row{justify-content:flex-end}.pill-button{min-height:38px}.mini-action{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.quick-add-glyph,.queue-row.is-new,.list-form,.selection-bar,.playlist-tracks{animation:none!important;transition:none!important}}.playlist-track .queue-actions{opacity:.0}
.playlist-track:hover .queue-actions,.playlist-track:focus-within .queue-actions{opacity:1}
@media (hover:none){.playlist-track .queue-actions{opacity:1}}
.queue-panel[data-view="history"] .constellation-map,.queue-panel[data-view="lists"] .constellation-map{display:none}/* Short desktop viewports (a 1080p laptop minus browser chrome): scale the hero with height and scroll instead of overlapping. */
@media (min-width:761px){.hero-layout{flex:none}.hero-stage{width:clamp(210px,min(27vw,40vh),370px)}.track-details h1{font-size:clamp(30px,min(3.6vw,5.4vh),52px)}}
@media (min-width:761px) and (max-height:820px){.hero-layout{padding-top:8px;gap:8px}.controls{margin:12px 0 10px}.player-panel{padding-top:18px}}
@media (max-width:760px){.queue-panel,.lyrics-panel{background:linear-gradient(180deg,#1f2344,#131530 70%)}}.player-panel{scrollbar-width:thin;scrollbar-color:rgba(211,188,142,.38) transparent}

/* ---- live presence: other people's cursors (Colorful Stage sprites) ---- */
.cursor-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}
.peer{position:absolute;left:0;top:0;will-change:transform;transition:opacity .25s}
.peer[hidden]{display:none}
.peer.is-away{opacity:.35}
.peer-sprite{display:block;width:32px;height:32px;background-repeat:no-repeat;background-size:calc(var(--frames,12)*32px) 64px;image-rendering:pixelated;animation:sprite var(--dur,1s) steps(var(--frames,12)) infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
@keyframes sprite{from{background-position:0 0}to{background-position:calc(var(--frames,12)*-32px) 0}}
.peer-name{position:absolute;left:26px;top:26px;max-width:140px;padding:1px 6px 2px;overflow:hidden;border-radius:6px 6px 6px 2px;background:color-mix(in srgb,var(--c) 82%,#141630);color:#141630;font:700 10px/1.35 Manrope,sans-serif;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.35);opacity:.92}
@media (prefers-reduced-motion:reduce){.peer-sprite{animation:none}}
.presence-stack{display:flex;align-items:center;margin-left:auto}
.presence-stack[hidden]{display:none}
.presence-avatar{position:relative;width:26px;height:26px;margin-left:-7px;border:2px solid var(--c,var(--gold));border-radius:50%;background:var(--cape);display:grid;place-items:center;overflow:hidden;color:var(--cream);font-size:11px}
.presence-avatar img{width:100%;height:100%;object-fit:cover}
.presence-avatar.is-away{opacity:.45}
.presence-more{margin-left:4px;color:var(--muted);font-size:10px}
.presence-stack+.search-trigger{margin-left:0}

/* ---- activity tab ---- */
.activity-row{display:grid;grid-template-columns:24px 1fr auto;align-items:start;gap:9px;padding:8px 10px;border-bottom:1px solid rgba(211,188,142,.08);font-size:11.5px;line-height:1.4;color:var(--cream)}
.activity-row .avatar{width:22px;height:22px;font-size:11px}
.activity-text strong{color:var(--gold-hi);font-weight:700}
.activity-text em{font-style:normal;color:var(--star)}
.activity-meta{color:var(--muted);font-size:9.5px;white-space:nowrap;padding-top:2px}
.more-button{display:block;margin:10px auto}
.more-button[hidden]{display:none}

/* ---- users and permissions ---- */
.admin-sheet-inner{width:min(760px,100%)}
.users-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.chip-row{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:28px;padding:0 11px;border:1px solid rgba(211,188,142,.3);border-radius:999px;background:transparent;color:var(--muted);font-size:11px}
.chip span{margin-left:4px;color:var(--gold);font-size:10px}
.chip.is-active{background:var(--gold);border-color:var(--gold-hi);color:var(--ink)}
.chip.is-active span{color:var(--ink)}
.everyone-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px dashed rgba(211,188,142,.35);border-radius:8px}
.users-list{max-height:min(56vh,520px);overflow:auto;overscroll-behavior:contain}
.user-row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid rgba(211,188,142,.1)}
.user-row .avatar{position:relative;width:34px;height:34px}
.user-row .avatar.is-online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid var(--night);border-radius:50%;background:var(--teal)}
.user-copy{min-width:0;display:flex;flex-direction:column}
.user-copy strong{color:var(--cream);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.user-copy small{color:var(--muted);font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.user-badge{grid-column:3/5;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:var(--ink);font-size:10px;font-weight:700}
.preset-select{min-height:30px;padding:0 24px 0 9px;border:1px solid rgba(211,188,142,.35);border-radius:6px;background:var(--night);color:var(--cream);font-size:11px}
.user-detail{grid-column:1/-1;padding:4px 0 6px 46px}
.user-detail[hidden]{display:none}
.perm-chips{display:flex;flex-wrap:wrap;gap:5px}
.perm-chip{min-height:24px;padding:0 9px;border:1px solid rgba(211,188,142,.28);border-radius:999px;background:transparent;color:var(--muted);font-size:10.5px}
button.perm-chip{cursor:pointer}
.perm-chip.is-on{border-color:rgba(127,227,214,.55);background:rgba(127,227,214,.14);color:var(--teal)}
.authorization-note .perm-chips{margin-top:6px}

/* ---- account: cursor and color ---- */
.cursor-section{margin:14px 0 4px}
.cursor-section h3{margin:0 0 2px;color:var(--gold-hi);font:600 18px/1.1 Cormorant,serif}
.sheet-intro.small{margin:0 0 8px;font-size:11px}
.cursor-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;max-height:132px;overflow:auto;padding:2px}
.cursor-choice{display:grid;place-items:center;height:40px;border:1px solid rgba(211,188,142,.2);border-radius:8px;background:rgba(20,22,48,.6)}
.cursor-choice .peer-sprite{animation-play-state:paused}
.cursor-choice:hover .peer-sprite,.cursor-choice.is-on .peer-sprite{animation-play-state:running}
.cursor-choice.is-on{border-color:var(--gold-hi);box-shadow:0 0 0 2px rgba(240,220,174,.25)}
.color-row{display:flex;gap:6px;margin-top:9px}
.color-choice{width:22px;height:22px;border:2px solid transparent;border-radius:50%;background:var(--c)}
.color-choice.is-on{border-color:var(--cream);box-shadow:0 0 0 2px var(--c)}
@media (max-width:760px){.presence-stack{display:none}.user-row{grid-template-columns:32px 1fr auto}.user-row .icon-button{display:none}}

.search-access{padding:16px;border:1px solid var(--gold);border-radius:12px;margin:12px 0;background:rgba(240,220,174,.06)}
.search-access p{margin:0 0 12px;line-height:1.5}.result-row[aria-busy="true"]{opacity:.75}.search-status{min-height:1.5em}