*,*:before,*:after{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e9d5ff;background-color:#0a0118;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{touch-action:manipulation;background-color:#000;height:100%;overflow:hidden}body{margin:0;height:100%;background:#000;overflow:hidden}#root{width:100%;height:100%}h1,h2,h3{line-height:1.25}button,input,select{font-family:inherit;font-size:inherit}input[type=text]{-webkit-appearance:none;appearance:none}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{background:linear-gradient(180deg,#0a1628,#060d1f);padding:calc(1.1rem + env(safe-area-inset-top)) 1rem 1rem;text-align:center;border-bottom:1px solid rgba(0,212,255,.4);position:relative;overflow:visible}.app-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,212,255,.18) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.app-title{font-size:1.7rem;font-weight:800;letter-spacing:.05em;margin:0;position:relative;filter:drop-shadow(0 0 8px rgba(0,212,255,.6));display:flex;align-items:center;justify-content:center;gap:.5rem}.app-title span{background:linear-gradient(90deg,#00d4ff,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-nav{display:flex;background:#080c1a;border-bottom:1px solid rgba(37,99,235,.4);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-nav--hidden{display:none!important}.tab-btn{flex:1;padding:.8rem .5rem;background:none;border:none;color:#6b7280;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tab-btn--active{color:#e0f2fe;border-bottom-color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.8)}.tab-badge{background:#2563ebb3;color:#e0f2fe;font-size:.65rem;padding:.1rem .4rem;border-radius:999px;min-width:1.2rem;text-align:center;border:1px solid rgba(0,212,255,.4)}.tab-btn--active .tab-badge{background:#1d4ed8;box-shadow:0 0 6px #00d4ff80}.app-main{flex:1;padding:1rem;width:100%;box-sizing:border-box;background-color:#080c1a;background-image:radial-gradient(circle,rgba(0,212,255,.1) 1px,transparent 1px);background-size:22px 22px;position:relative}.input{background:#060d1fd9;border:1px solid rgba(37,99,235,.5);border-radius:10px;color:#e0f2fe;padding:.7rem .9rem;font-size:1rem;width:100%;box-sizing:border-box;outline:none;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33,0 0 12px #00d4ff1f}.input::placeholder{color:#38bdf866}.select{appearance:none;cursor:pointer}.btn{padding:.6rem 1rem;border-radius:10px;border:none;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#00d4ff);color:#fff;font-weight:700;box-shadow:0 0 12px #00d4ff4d}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-ghost{background:#060d1f99;border:1px solid rgba(37,99,235,.5);color:#bae6fd}.btn-ghost:active{background:#00d4ff1f}.btn-ghost.btn-ghost--active,.btn-ghost:not(.btn-ghost--inactive).tab-btn--active{border-color:#00d4ff;color:#e0f2fe;box-shadow:0 0 8px #00d4ff4d}.btn.btn-primary.filter-active{box-shadow:0 0 14px #00d4ff80}.btn-sung{background:#10b9811f;border:1px solid rgba(52,211,153,.4);color:#34d399;font-size:1rem;padding:.45rem .7rem;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-sung:active{background:#34d39940;box-shadow:0 0 10px #34d39966}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.15rem;padding:.35rem .5rem;border-radius:8px;color:#4b5563;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-icon--active{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.7)}.btn-icon--edit:active{color:#60a5fa}.modal--edit{max-width:360px}.btn-icon--delete:active{color:#f87171}.add-song-section{margin-bottom:1rem}.add-open-btn{width:100%;padding:.85rem;font-size:1rem;letter-spacing:.03em}.add-song-form{background:#060d1fe6;border:1px solid rgba(0,212,255,.3);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 0 20px #00d4ff14,inset 0 0 20px #00d4ff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-song-form h3{margin:0 0 .2rem;color:#e0f2fe;font-size:.95rem;font-weight:600}.form-row{display:flex;flex-direction:column;gap:.6rem}.input-with-suggestions{position:relative}.suggestions-searching{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.72rem;color:#6b7280;pointer-events:none}.suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0a1628;border:1px solid rgba(0,212,255,.4);border-radius:10px;overflow:hidden;z-index:50;box-shadow:0 8px 24px #0009,0 0 16px #00d4ff1a;max-height:240px;overflow-y:auto}.suggestion-item{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.65rem .9rem;background:none;border:none;border-bottom:1px solid rgba(29,78,216,.2);cursor:pointer;text-align:left;transition:background .15s;-webkit-tap-highlight-color:transparent}.suggestion-item:last-child{border-bottom:none}.suggestion-item:active{background:#2563eb33}.suggestion-title{color:#f0f9ff;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggestion-artist{color:#38bdf8;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.1rem}.tag-selector{display:flex;flex-direction:column;gap:.5rem}.tag-group{display:flex;flex-direction:column;gap:.35rem}.tag-group-label{font-size:.7rem;color:#6b7280;letter-spacing:.05em}.tag-preset-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tag-preset-list::-webkit-scrollbar{display:none}.tag-preset-btn{background:#071c4080;border:1px solid rgba(29,78,216,.5);color:#60a5fa;font-size:.78rem;padding:.3rem .7rem;border-radius:999px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.tag-preset-btn--active{background:#2563eb73;border-color:#00d4ff;color:#f0f9ff;box-shadow:0 0 8px #00d4ff59}.tag-preset-btn--fav.tag-preset-btn--active{background:#fbbf2426;border-color:#fbbf2499;color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.toggle-switch{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;padding:0;cursor:pointer;color:#6b7280;font-size:.78rem;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .2s}.toggle-switch--on{color:#f0f9ff}.toggle-switch__track{width:36px;height:20px;background:#0f172acc;border:1px solid rgba(37,99,235,.4);border-radius:999px;position:relative;flex-shrink:0;transition:background .25s,border-color .25s,box-shadow .25s}.toggle-switch--on .toggle-switch__track{background:#2563eb8c;border-color:#00d4ff;box-shadow:0 0 8px #00d4ff66}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#4b5563;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .25s,box-shadow .25s}.toggle-switch--on .toggle-switch__thumb{transform:translate(16px);background:#00d4ff;box-shadow:0 0 6px #00d4ffcc}.tag-selected-preview{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.2rem}.tag--removable{cursor:pointer;background:#2563eb59;border-color:#00d4ff80;color:#e0f2fe;transition:all .15s;-webkit-user-select:none;user-select:none}.tag--removable:active{background:#e11d484d;border-color:#f8717180}.filters{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.7rem}.filter-row{display:flex;gap:.6rem}.filter-level-row{display:flex;gap:.4rem}.filter-row .select{flex:1}.song-count{color:#4b5563;font-size:.78rem;margin-bottom:.5rem}.song-cards{display:flex;flex-direction:column;gap:.55rem}.song-card{background:#080c1ad9;border:1px solid rgba(15,23,42,.8);border-radius:12px;padding:.85rem .9rem;display:flex;align-items:center;gap:.7rem;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.song-card--favorite{border-color:#00d4ff80;box-shadow:0 0 12px #00d4ff1f,inset 0 0 12px #00d4ff0a}.song-card__info{flex:1;min-width:0}.song-card__title{font-weight:600;color:#f0f9ff;font-size:.95rem;display:flex;align-items:center;gap:.4rem;overflow:hidden}.song-card__title>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card__key{flex-shrink:0;font-size:.7rem;font-weight:700;background:#67e8f926;color:#67e8f9;border:1px solid rgba(103,232,249,.3);border-radius:4px;padding:.1rem .35rem;letter-spacing:.03em}.key-select{width:120px;flex-shrink:0}.song-card--favorite .song-card__title{text-shadow:0 0 10px rgba(103,232,249,.4)}.song-card__artist{color:#38bdf8;font-size:.78rem;margin-top:.15rem}.song-card__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.tag{background:#071c40b3;border:1px solid rgba(29,78,216,.6);color:#bae6fd;font-size:.7rem;padding:.15rem .55rem;border-radius:999px}.song-card__last-sung{color:#4b5563;font-size:.7rem;margin-top:.25rem}.song-card__actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.random-picker{display:flex;flex-direction:column;gap:1.1rem}.section-title{color:#e0f2fe;font-size:1.15rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(0,212,255,.5)}.random-filters{display:flex;gap:.6rem}.random-filters .select{flex:1}.pool-count{color:#4b5563;font-size:.82rem}.btn-pick{background:linear-gradient(135deg,#00d4ff,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;font-size:1.15rem;font-weight:800;padding:1.1rem;border-radius:14px;border:none;cursor:pointer;transition:all .2s;animation:gradient-shift 3s ease infinite;letter-spacing:.05em;box-shadow:0 0 20px #00d4ff66,0 0 40px #2563eb33;-webkit-tap-highlight-color:transparent}.btn-pick:active:not(:disabled){transform:scale(.97)}.btn-pick:disabled{opacity:.4;cursor:not-allowed;animation:none;box-shadow:none}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.picked-card{background:#060d1feb;border:1.5px solid #00d4ff;border-radius:18px;padding:1.6rem 1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.9rem;position:relative;overflow:hidden}.picked-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,212,255,.12) 1px,transparent 1px);background-size:16px 16px;pointer-events:none;border-radius:inherit}.picked-card--spinning{animation:neon-pulse .15s ease infinite alternate}.picked-card--settled{animation:neon-settle .4s ease;box-shadow:0 0 20px #00d4ff66,0 0 60px #00d4ff26}@keyframes neon-pulse{0%{box-shadow:0 0 10px #00d4ff4d,0 0 30px #2563eb26;border-color:#1d4ed8}to{box-shadow:0 0 30px #00d4ffb3,0 0 60px #2563eb4d;border-color:#67e8f9}}@keyframes neon-settle{0%{transform:scale(.96);opacity:.7}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.picked-title{font-size:1.5rem;font-weight:800;color:#f0f9ff;text-shadow:0 0 16px rgba(103,232,249,.7);position:relative;line-height:1.3}.picked-artist{color:#60a5fa;font-size:1rem;position:relative}.history{display:flex;flex-direction:column;gap:1rem}.subsection-title{color:#9ca3af;font-size:.85rem;margin:0;letter-spacing:.04em;text-transform:uppercase}.ranking{background:#080c1ad9;border:1px solid rgba(0,212,255,.28);border-radius:14px;padding:1rem;position:relative;overflow:hidden;box-shadow:0 0 16px #00d4ff0f}.ranking:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,212,255,.1) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.ranking-title{color:#fbbf24;font-size:.85rem;font-weight:700;margin:0 0 .9rem;text-shadow:0 0 8px rgba(251,191,36,.5);position:relative;letter-spacing:.04em}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;position:relative}.ranking-item{display:flex;align-items:center;gap:.7rem}.ranking-num{color:#fbbf24;font-weight:800;font-size:1rem;width:1.3rem;text-align:center;text-shadow:0 0 6px rgba(251,191,36,.6);flex-shrink:0}.ranking-info{flex:1;min-width:0}.ranking-song{color:#f0f9ff;font-size:.88rem;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-artist{color:#38bdf8;font-size:.73rem;display:block;margin-top:.05rem}.ranking-count{color:#67e8f9;font-size:.78rem;font-weight:700;white-space:nowrap;flex-shrink:0}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:#080c1acc;border:1px solid rgba(15,23,42,.7);border-radius:12px;padding:.75rem .9rem;display:flex;align-items:center;gap:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-info{flex:1;min-width:0}.history-song{color:#f0f9ff;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-artist{color:#1d4ed8;font-size:.73rem;margin-top:.1rem}.history-date{color:#374151;font-size:.7rem;margin-top:.18rem}.history-meta{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.history-count-badge{background:#071c40cc;border:1px solid rgba(29,78,216,.5);color:#bae6fd;font-size:.68rem;padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.empty-state{text-align:center;color:#374151;padding:3rem 1rem;font-size:.88rem}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000e0!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center;justify-content:center;z-index:99999!important;padding:env(safe-area-inset-top) 1.5rem env(safe-area-inset-bottom);isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}.app:has(.modal-overlay) .tab-nav{display:none!important}.app:has(.username-setup-overlay) .tab-nav,.app:has(.story-overlay) .tab-nav,.app:has(.terms-overlay) .tab-nav{display:none!important}.modal{background:#060d1f;border:1px solid rgba(0,212,255,.4);border-radius:16px;padding:1.5rem 1.2rem;width:100%;max-width:320px;box-shadow:0 0 30px #00d4ff33,0 20px 60px #0009;position:relative;overflow:hidden}.modal:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,212,255,.08) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.modal-message{color:#e0f2fe;font-size:.95rem;text-align:center;margin:0 0 1.3rem;line-height:1.6;position:relative}.modal-song-title{display:block;font-weight:700;font-size:1.05rem;color:#f0f9ff;text-shadow:0 0 8px rgba(103,232,249,.4);margin-bottom:.3rem}.modal-actions{display:flex;gap:.7rem;position:relative}.modal-actions .btn{flex:1;padding:.7rem;font-size:.95rem}.btn-danger{background:linear-gradient(135deg,#be123c,#e11d48);color:#fff;font-weight:700;box-shadow:0 0 12px #e11d4859}.btn-danger:active{opacity:.85;transform:scale(.98)}.app-main{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.app-loading{height:100dvh;display:flex;align-items:center;justify-content:center;background:#080c1a;color:#6b7280;font-size:.95rem}.app-header-user{position:absolute;right:1rem;top:0;bottom:0;padding-top:env(safe-area-inset-top);display:flex;align-items:center;z-index:20}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;border-radius:8px;-webkit-tap-highlight-color:transparent}.hamburger-btn span{display:block;width:22px;height:2px;background:#60a5fa;border-radius:2px;transition:background .2s}.hamburger-btn:active span{background:#00d4ff}.hamburger-overlay{position:fixed;inset:0;z-index:19}.hamburger-menu{position:absolute;top:calc(100% + 8px);right:0;background:#060d1f;border:1px solid rgba(0,212,255,.35);border-radius:14px;padding:.9rem;min-width:200px;box-shadow:0 8px 24px #000000b3,0 0 20px #00d4ff1a;z-index:20;display:flex;flex-direction:column;gap:.65rem;animation:modal-spring-in .2s cubic-bezier(.34,1.5,.64,1)}.hamburger-email{color:#6b7280;font-size:.75rem;padding:0 .1rem;word-break:break-all;line-height:1.4}.hamburger-menu .btn-signout{width:100%;text-align:center}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,212,255,.5)}.user-name{font-size:.75rem;color:#60a5fa;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media(min-width:400px){.user-name{display:block}}.btn-signout{background:#060d1fb3;border:1px solid rgba(37,99,235,.4);color:#38bdf8;font-size:.72rem;padding:.28rem .6rem;border-radius:8px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-signout:active{background:#00d4ff1f}.btn-profile{background:#8b5cf61f;border:1px solid rgba(139,92,246,.35);color:#c084fc;font-size:.72rem;padding:.28rem .6rem;border-radius:8px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-profile:active{background:#8b5cf640}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:#080c1a;background-image:radial-gradient(circle,rgba(0,212,255,.1) 1px,transparent 1px);background-size:22px 22px;padding:1.5rem}.login-card{background:#060d1ff2;border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:2rem 1.5rem;width:100%;max-width:360px;box-shadow:0 0 40px #00d4ff1f,0 20px 60px #0009;display:flex;flex-direction:column;gap:1.2rem}.login-header{text-align:center}.login-header .app-title{font-size:1.4rem;margin:0 0 .4rem;flex-direction:column;gap:.8rem}.login-subtitle{color:#6b7280;font-size:.85rem;margin:0}.btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.72rem;background:#fffffff5;border:none;border-radius:10px;color:#1f2937;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000004d}.btn-google:active{opacity:.88;transform:scale(.98)}.btn-apple{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.72rem;background:#000;border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000004d;margin-top:.5rem}.btn-apple:active{opacity:.88;transform:scale(.98)}.login-divider{display:flex;align-items:center;gap:.8rem;color:#4b5563;font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#2563eb4d}.login-mode-toggle{display:flex;background:#080c1acc;border:1px solid rgba(29,78,216,.4);border-radius:10px;padding:3px}.login-mode-btn{flex:1;padding:.5rem;background:none;border:none;color:#6b7280;font-size:.88rem;cursor:pointer;border-radius:8px;transition:all .2s;-webkit-tap-highlight-color:transparent}.login-mode-btn--active{background:#2563eb73;color:#e0f2fe}.login-form{display:flex;flex-direction:column;gap:.7rem}.login-form .btn-primary{padding:.75rem;font-size:.95rem}.login-error{color:#f87171;font-size:.8rem;margin:0;text-align:center}.login-success{color:#34d399;font-size:.8rem;margin:0;text-align:center}.login-forgot-btn{background:none;border:none;color:#38bdf8;font-size:.78rem;cursor:pointer;padding:0;text-align:center;text-decoration:underline;text-underline-offset:2px;-webkit-tap-highlight-color:transparent}.login-forgot-btn:active{color:#00d4ff}.reset-header{display:flex;flex-direction:column;gap:.3rem}.reset-title{color:#e0f2fe;font-size:1rem;font-weight:700;margin:0;text-align:center}.reset-desc{color:#6b7280;font-size:.78rem;margin:0;text-align:center;line-height:1.5}.reset-done{display:flex;flex-direction:column;gap:1rem;text-align:center}.login-consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none}.login-provider{margin:.9rem 0 0;font-size:.72rem;color:#374151;text-align:center;letter-spacing:.03em}.login-consent input[type=checkbox]{margin-top:2px;accent-color:#00d4ff;flex-shrink:0;width:14px;height:14px;cursor:pointer}.login-consent-link{color:#00d4ff;cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;line-height:inherit}.login-consent-link:hover{color:#67e8f9;text-shadow:0 0 6px rgba(0,212,255,.6)}.terms-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9200;padding:env(safe-area-inset-top) 1rem env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);isolation:isolate}.terms-modal{background:#060d1ffa;border:1px solid rgba(0,212,255,.35);border-radius:12px;width:min(600px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;box-shadow:0 0 40px #00d4ff26,0 20px 60px #0009;animation:terms-in .22s cubic-bezier(.34,1.3,.64,1)}@keyframes terms-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.terms-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(0,212,255,.18);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.terms-title{color:#00d4ff;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-shadow:0 0 12px rgba(0,212,255,.5)}.terms-close-btn{background:none;border:none;color:#6b7280;font-size:1rem;cursor:pointer;line-height:1;padding:.2rem .4rem;border-radius:4px;transition:color .15s}.terms-close-btn:hover{color:#e0f2fe}.terms-body{overflow-y:auto;padding:1.1rem 1.4rem;flex:1;color:#b0c4d8;font-size:.82rem;line-height:1.75;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.3) transparent}.terms-body::-webkit-scrollbar{width:4px}.terms-body::-webkit-scrollbar-track{background:transparent}.terms-body::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.terms-body p{margin:0 0 .7rem}.terms-body ul{margin:.3rem 0 .7rem 1.2rem;padding:0}.terms-body li{margin-bottom:.25rem}.terms-section-title{color:#00d4ff;font-size:.85rem;font-weight:600;margin:1.2rem 0 .4rem;padding-bottom:.25rem;border-bottom:1px solid rgba(0,212,255,.12)}.terms-highlight{background:#00d4ff12;border-left:3px solid #00d4ff;padding:.65rem .9rem;margin:.5rem 0 .7rem;border-radius:0 6px 6px 0;color:#e0f2fe;font-size:.83rem;line-height:1.7}.terms-updated{color:#4b5563;font-size:.75rem;margin-top:1.5rem;text-align:right}.terms-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(0,212,255,.12);display:flex;justify-content:flex-end;flex-shrink:0}.terms-ok-btn{font-size:.85rem;padding:.4rem 1.2rem}@keyframes title-breathe{0%,to{filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}50%{filter:drop-shadow(0 0 28px rgba(0,212,255,1)) drop-shadow(0 0 50px rgba(34,211,238,.5))}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-spring-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-card-in{0%{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes form-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-burst{0%{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 50px #00d4ffcc,0 0 90px #00d4ff4d,0 0 140px #22d3ee26}to{box-shadow:0 0 20px #00d4ff66,0 0 60px #00d4ff26}}@keyframes tab-glow-pulse{0%,to{text-shadow:0 0 8px rgba(0,212,255,.8)}50%{text-shadow:0 0 20px rgba(0,212,255,1),0 0 40px rgba(0,212,255,.45)}}@keyframes btn-shimmer{0%{transform:translate(-100%) skew(-12deg)}60%,to{transform:translate(200%) skew(-12deg)}}.app-title{animation:title-breathe 3.5s ease-in-out infinite}.tab-btn--active{animation:tab-glow-pulse 2.5s ease-in-out infinite}.modal-overlay{animation:overlay-in .15s ease}.modal{animation:modal-spring-in .25s cubic-bezier(.34,1.5,.64,1)}.song-card{animation:card-in .28s ease backwards}.song-card:nth-child(1){animation-delay:0ms}.song-card:nth-child(2){animation-delay:50ms}.song-card:nth-child(3){animation-delay:.1s}.song-card:nth-child(4){animation-delay:.15s}.song-card:nth-child(5){animation-delay:195ms}.song-card:nth-child(6){animation-delay:235ms}.song-card:nth-child(n+7){animation-delay:.27s}.song-card:active{transform:scale(.985)}.history-item{animation:slide-left-in .25s ease backwards}.history-item:nth-child(1){animation-delay:0ms}.history-item:nth-child(2){animation-delay:45ms}.history-item:nth-child(3){animation-delay:90ms}.history-item:nth-child(4){animation-delay:135ms}.history-item:nth-child(n+5){animation-delay:175ms}.ranking-item{animation:slide-left-in .25s ease backwards}.ranking-item:nth-child(1){animation-delay:0ms}.ranking-item:nth-child(2){animation-delay:60ms}.ranking-item:nth-child(3){animation-delay:.12s}.ranking-item:nth-child(4){animation-delay:.18s}.ranking-item:nth-child(5){animation-delay:.24s}.picked-card--settled{animation:neon-settle .4s ease,glow-burst .7s ease .25s both}.add-song-form{animation:form-slide-down .22s ease}.btn-pick{position:relative;overflow:hidden}.btn-pick:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);animation:btn-shimmer 2.8s ease-in-out infinite}.tag-preset-btn{transition:transform .18s cubic-bezier(.34,1.6,.64,1),background .18s,border-color .18s,color .18s,box-shadow .18s}.tag-preset-btn--active{transform:scale(1.06)}.btn-icon{transition:transform .12s cubic-bezier(.34,1.6,.64,1),color .2s,text-shadow .2s}.btn-icon:active{transform:scale(.8)}.login-card{animation:login-card-in .4s cubic-bezier(.34,1.3,.64,1)}@keyframes vox-eye-pulse{0%,to{opacity:.6}50%{opacity:1}}.vox-logo--analyzing .vox-eye{animation:vox-eye-pulse .5s ease-in-out infinite}.voice-analyzer{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem 1rem;max-width:400px;margin:0 auto}.va-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center}.va-intensity-ring{position:absolute;width:88px;height:88px;border-radius:50%;border:2px solid #00d4ff;pointer-events:none;opacity:calc(var(--intensity, 0) * .85);transform:scale(calc(1 + var(--intensity, 0) * .4));transition:transform .08s linear,opacity .08s linear;box-shadow:0 0 18px #00d4ff80}.va-description{color:#9ca3af;font-size:.88rem;text-align:center;line-height:1.7;margin:0}.va-saved-range{background:#080c1acc;border:1px solid rgba(0,212,255,.25);border-radius:10px;padding:.6rem 1rem;color:#60a5fa;font-size:.82rem;text-align:center}.va-error{color:#f87171;font-size:.82rem;margin:0;text-align:center}.va-start-btn{width:100%;padding:.9rem;font-size:1rem;letter-spacing:.03em}.va-instruction{color:#bae6fd;font-size:.9rem;text-align:center;margin:0}.va-current-freq{font-size:3rem;font-weight:800;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.7),0 0 40px rgba(0,212,255,.3);letter-spacing:-.02em;min-height:3.5rem;display:flex;align-items:center}.va-intensity-bar{width:100%;height:8px;background:#00d4ff1a;border-radius:999px;overflow:hidden;border:1px solid rgba(0,212,255,.2)}.va-intensity-fill{height:100%;background:linear-gradient(90deg,#1d4ed8,#00d4ff);border-radius:999px;transition:width .08s linear;box-shadow:0 0 8px #00d4ff80}.va-minmax{display:flex;justify-content:space-between;width:100%;color:#6b7280;font-size:.8rem}.va-progress-track{width:100%;height:4px;background:#2563eb33;border-radius:999px;overflow:hidden}.va-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#00d4ff);border-radius:999px;transition:width .1s linear}.va-stop-btn{padding:.55rem 1.8rem}.va-result-cards{display:flex;gap:1rem;width:100%}.va-result-card{flex:1;background:#060d1fe6;border:1px solid rgba(0,212,255,.35);border-radius:14px;padding:1.1rem .8rem;text-align:center;box-shadow:0 0 12px #00d4ff14;display:flex;flex-direction:column;gap:.35rem}.va-result-label{color:#6b7280;font-size:.75rem;letter-spacing:.04em}.va-result-hz{color:#00d4ff;font-size:1.4rem;font-weight:800;text-shadow:0 0 10px rgba(0,212,255,.5)}.va-result-note{color:#60a5fa;font-size:1rem;font-weight:600}.va-retry-btn{padding:.6rem 1.6rem}.va-vox-bubble{display:flex;align-items:flex-start;gap:.75rem;background:#060d1fe6;border:1px solid rgba(0,212,255,.35);border-radius:14px;padding:.9rem 1rem;width:100%;box-shadow:0 0 14px #00d4ff12;position:relative}.va-vox-bubble__logo{flex-shrink:0;margin-top:2px}.va-vox-bubble__text{color:#e0f2fe;font-size:.88rem;line-height:1.65}.va-tier-badge{background:linear-gradient(135deg,#1d4ed880,#00d4ff40);border:1px solid rgba(0,212,255,.5);border-radius:999px;color:#e0f2fe;font-size:.82rem;font-weight:700;padding:.38rem 1rem;letter-spacing:.04em;text-shadow:0 0 8px rgba(0,212,255,.5)}.va-rec-list{display:flex;flex-direction:column;gap:.65rem;width:100%}.va-rec-card{background:#080c1ad9;border:1px solid rgba(29,78,216,.4);border-radius:12px;padding:.85rem 1rem;transition:border-color .2s}.va-rec-card:hover{border-color:#00d4ff80}.va-rec-artist{color:#f0f9ff;font-size:.95rem;font-weight:700;margin-bottom:.45rem}.va-rec-songs{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.va-rec-songs li{background:#1d4ed840;border:1px solid rgba(0,212,255,.25);border-radius:999px;color:#bae6fd;font-size:.75rem;padding:.18rem .6rem}.va-rec-reason{color:#4b5563;font-size:.73rem}.status-section{padding:.75rem 1rem 0}.status-open-btn{display:flex;align-items:center;gap:.5rem;width:100%;background:#581c8740;border:1px dashed rgba(168,85,247,.5);border-radius:12px;color:#c084fc;font-size:.9rem;font-weight:500;padding:.65rem 1rem;cursor:pointer;transition:background .2s,border-color .2s}.status-open-btn:hover{background:#581c8766;border-color:#a855f7cc}.status-open-btn__icon{font-size:1.1rem}.status-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(168,85,247,.6);box-shadow:0 0 18px #a855f759,0 0 40px #a855f71f,inset 0 0 24px #581c8733;transition:opacity .3s}.status-card--expired{opacity:.5;filter:grayscale(40%);box-shadow:none;border-color:#64647866}.status-card__glow{position:absolute;inset:0;background:linear-gradient(135deg,#a855f72e,#06b6d414);pointer-events:none}.status-card__inner{position:relative;background:linear-gradient(135deg,#310a5ad9,#0a0f28f2);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.status-card__header{display:flex;align-items:center;gap:.6rem}.status-card__label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .5rem;border-radius:999px;background:#a855f74d;color:#e879f9;border:1px solid rgba(232,121,249,.4);box-shadow:0 0 8px #e879f966;white-space:nowrap}.status-card--expired .status-card__label{background:#6464784d;color:#94a3b8;border-color:#64647866;box-shadow:none}.status-card__location{font-size:1rem;font-weight:700;color:#f0f9ff;text-shadow:0 0 12px rgba(103,232,249,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-card__time{font-size:.82rem;color:#67e8f9;font-variant-numeric:tabular-nums;letter-spacing:.02em}.status-card__message{font-size:.82rem;color:#cbd5e1;font-style:italic}.status-card__actions{display:flex;gap:.5rem;margin-top:.3rem}.status-edit-btn,.status-delete-btn{font-size:.75rem;padding:.2rem .7rem;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s}.status-edit-btn{background:#67e8f91f;border-color:#67e8f94d;color:#67e8f9}.status-edit-btn:hover{background:#67e8f938}.status-delete-btn{background:#ef44441a;border-color:#ef44444d;color:#f87171}.status-delete-btn:hover{background:#ef444433}.modal--status{max-width:360px}.status-privacy-badge{margin-left:auto;font-size:.65rem;font-weight:600;color:#a78bfa;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:999px;padding:.1rem .45rem;white-space:nowrap}.status-privacy-badge--private{color:#94a3b8;background:#64748b1f;border-color:#64748b40}.status-visibility-toggle{align-self:flex-start;font-size:.82rem}.friends-board{padding:.4rem 1rem .2rem}.friends-board__title{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.friends-board__group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.45rem}.friend-card{border-radius:10px;overflow:hidden;border:1px solid rgba(100,100,140,.3);transition:opacity .3s}.friend-card--active{border-color:#34d39999;box-shadow:0 0 14px #34d3994d,0 0 30px #34d3991a;animation:friend-pulse 3s ease-in-out infinite}@keyframes friend-pulse{0%,to{box-shadow:0 0 14px #34d3994d,0 0 30px #34d3991a}50%{box-shadow:0 0 22px #34d39980,0 0 42px #34d39933}}.friend-card--upcoming{border-color:#60a5fa59}.friend-card--ended{opacity:.4;filter:grayscale(50%)}.friend-card__inner{background:linear-gradient(135deg,#0a1e28f2,#0a0f23fa);padding:.6rem .85rem;display:flex;flex-direction:column;gap:.25rem}.friend-card__header{display:flex;align-items:center;gap:.5rem}.friend-card__badge{font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:.1rem .4rem;border-radius:999px;white-space:nowrap}.friend-card--active .friend-card__badge{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.4)}.friend-card--upcoming .friend-card__badge{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.friend-card--ended .friend-card__badge{background:#64647833;color:#64748b;border:1px solid rgba(100,100,120,.3)}.friend-card__name{font-size:.78rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card__location{font-size:.88rem;font-weight:700;color:#f0f9ff}.friend-card--active .friend-card__location{text-shadow:0 0 10px rgba(52,211,153,.5)}.friend-card__time{font-size:.75rem;color:#67e8f9;font-variant-numeric:tabular-nums}.friend-card__message{font-size:.75rem;color:#94a3b8;font-style:italic}.friends-tab{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.friends-search-wrap{position:relative}.friends-search-input{width:100%}.friends-searching{font-size:.78rem;color:#64748b;padding:.3rem 0}.friends-results{display:flex;flex-direction:column;gap:.4rem}.friends-empty{font-size:.82rem;color:#475569;padding:.5rem 0;text-align:center}.user-row{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.55rem .75rem}.user-row__name{flex:1;font-size:.88rem;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-btn{flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:background .15s}.follow-btn:disabled{opacity:.5;cursor:not-allowed}.follow-btn--follow{background:#8b5cf633;border-color:#8b5cf680;color:#c084fc}.follow-btn--follow:hover:not(:disabled){background:#8b5cf659}.follow-btn--unfollow{background:#64748b26;border-color:#64748b4d;color:#94a3b8}.follow-btn--unfollow:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#f87171}.following-section{display:flex;flex-direction:column;gap:.5rem}.following-section__title{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.07em}.following-list{display:flex;flex-direction:column;gap:.4rem}.username-setup-overlay{position:fixed;inset:0;background:#050814f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:env(safe-area-inset-top) 1.5rem env(safe-area-inset-bottom);isolation:isolate}.username-setup-card{background:linear-gradient(135deg,#310a5ab3,#0a0f28f2);border:1px solid rgba(168,85,247,.5);border-radius:20px;box-shadow:0 0 40px #a855f740,0 0 80px #a855f714;padding:2rem 1.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.username-setup-logo{margin-bottom:.25rem}.username-setup-title{font-size:1.25rem;font-weight:700;color:#f0f9ff;text-align:center;margin:0}.username-setup-desc{font-size:.82rem;color:#94a3b8;text-align:center;margin:0;line-height:1.6}.username-setup-card form{width:100%}.username-input-wrap{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(168,85,247,.4);border-radius:10px;overflow:hidden;transition:border-color .2s}.username-input-wrap:focus-within{border-color:#a855f7cc;box-shadow:0 0 0 2px #a855f726}.username-at{padding:0 .5rem 0 .75rem;color:#a78bfa;font-weight:700;font-size:1rem;flex-shrink:0}.username-input{border:none!important;background:transparent!important;box-shadow:none!important;flex:1;padding-left:0!important}.username-input:focus{outline:none;box-shadow:none!important}.username-hint{font-size:.72rem;color:#475569;margin:0}.modal--profile{max-width:340px}.user-label{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.user-label__username{font-size:.9rem;font-weight:600;color:#c084fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-label__display{font-size:.72rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stories-bar{padding:.7rem 0 .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.stories-bar__meta{display:flex;align-items:center;gap:.5rem;padding:0 1rem;margin-bottom:.6rem}.stories-bar__label{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.08em}.stories-bar__active-pill{font-size:.62rem;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.3);border-radius:999px;padding:.06rem .45rem}.stories-strip{display:flex;gap:.1rem;overflow-x:auto;padding:.1rem .75rem .3rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.story-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:none;padding:.25rem .4rem;cursor:pointer;min-width:68px;-webkit-tap-highlight-color:transparent}.story-item:active .story-ring-wrap{transform:scale(.93)}.story-ring-wrap{width:60px;height:60px;border-radius:50%;padding:2.5px;transition:transform .15s}.story-ring-wrap--active{background:conic-gradient(from 0deg,#e879f9,#67e8f9,#a78bfa 66%,#e879f9);animation:ring-spin 3s linear infinite;box-shadow:0 0 10px #e879f973,0 0 22px #67e8f933}.story-ring-wrap--inactive{background:#ffffff1a}.story-avatar{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;color:#fff;outline:2px solid #080c1a}.story-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#34d399;border-radius:50%;border:2px solid #080c1a;animation:dot-pulse 2s ease-in-out infinite}.story-name{font-size:.62rem;color:#94a3b8;max-width:64px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-overlay{animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal--story{max-width:300px;animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.story-dialog{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.5rem 0}.story-dialog__ring{width:76px;height:76px;border-radius:50%;padding:3px;background:#ffffff1a;margin-bottom:.2rem}.story-dialog__ring--active{background:conic-gradient(from 0deg,#e879f9,#67e8f9,#a78bfa 66%,#e879f9);box-shadow:0 0 16px #e879f980,0 0 32px #67e8f940}.story-dialog__avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;outline:2.5px solid #0d1424}.story-dialog__name{font-size:1rem;font-weight:700;color:#f0f9ff}.story-dialog__display{font-size:.72rem;color:#64748b;margin-top:-.3rem}.story-dialog__location{font-size:1rem;font-weight:700;color:#67e8f9;text-shadow:0 0 10px rgba(103,232,249,.5)}.story-dialog__time{font-size:.78rem;color:#94a3b8;font-variant-numeric:tabular-nums}.story-dialog__until{font-size:.85rem;font-weight:600;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25);border-radius:8px;padding:.28rem .75rem}.story-dialog__message{font-size:.8rem;color:#cbd5e1;font-style:italic;text-align:center}.story-dialog__offline{font-size:.82rem;color:#475569;text-align:center;padding:.5rem 0}.story-dialog__actions{display:flex;gap:.5rem;margin-top:.4rem;justify-content:center}.story-join-btn{background:linear-gradient(135deg,#8b5cf64d,#67e8f926);border:1px solid rgba(139,92,246,.5);color:#c084fc;font-size:.85rem;font-weight:600;padding:.42rem 1.1rem;border-radius:10px;cursor:pointer;transition:background .15s}.story-join-btn:hover{background:linear-gradient(135deg,#8b5cf673,#67e8f940)}.fsb{padding:.65rem 1rem .4rem}.fsb__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.fsb__title{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.fsb__count{font-size:.65rem;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.3);border-radius:999px;padding:.05rem .45rem}.fsb__strip{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.fsb__strip::-webkit-scrollbar{display:none}.fsb__card{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#0a0f23d9;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.7rem .75rem .6rem;cursor:pointer;min-width:80px;max-width:100px;transition:transform .15s,border-color .15s;overflow:hidden}.fsb__card:active{transform:scale(.96)}.fsb__card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--glow-color) 20%,transparent),transparent 70%);pointer-events:none}.fsb__card:hover{border-color:#ffffff2e}.fsb__avatar{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 0 12px color-mix(in srgb,currentColor 40%,transparent)}.fsb__active-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;background:#34d399;border-radius:50%;border:2px solid #080c1a;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 4px #34d39900}}.fsb__card-info{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.fsb__card-user{font-size:.67rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fsb__card-place{font-size:.63rem;color:#67e8f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal--checkin{max-width:320px}.checkin-dialog{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0}.checkin-dialog__avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;box-shadow:0 0 24px currentColor;margin-bottom:.25rem}.checkin-dialog__name{font-size:1.05rem;font-weight:700;color:#f0f9ff}.checkin-dialog__display{font-size:.75rem;color:#64748b;margin-top:-.3rem}.checkin-dialog__location{font-size:1rem;font-weight:700;color:#67e8f9;text-shadow:0 0 10px rgba(103,232,249,.5)}.checkin-dialog__time{font-size:.8rem;color:#94a3b8;font-variant-numeric:tabular-nums}.checkin-dialog__until{font-size:.88rem;font-weight:600;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25);border-radius:8px;padding:.3rem .8rem}.checkin-dialog__message{font-size:.82rem;color:#cbd5e1;font-style:italic;text-align:center}.checkin-dialog__actions{display:flex;gap:.5rem;margin-top:.5rem;width:100%;justify-content:center}.checkin-join-btn{background:linear-gradient(135deg,#8b5cf64d,#67e8f926);border:1px solid rgba(139,92,246,.5);color:#c084fc;font-size:.85rem;font-weight:600;padding:.45rem 1.1rem;border-radius:10px;cursor:pointer;transition:background .15s,box-shadow .15s}.checkin-join-btn:hover{background:linear-gradient(135deg,#8b5cf673,#67e8f940);box-shadow:0 0 12px #8b5cf666}.stories-bar{background:#080c1ad9;border-bottom:1px solid rgba(0,212,255,.15);padding:.6rem 0 .5rem}.stories-bar__meta{display:flex;align-items:center;gap:.5rem;padding:0 .9rem .4rem}.stories-bar__label{font-size:.72rem;font-weight:600;letter-spacing:.06em;color:#b4c8ff8c;text-transform:uppercase}.stories-bar__active-pill{font-size:.68rem;font-weight:700;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.35);border-radius:20px;padding:.1rem .55rem}.stories-strip{display:flex;gap:.75rem;overflow-x:auto;padding:.1rem .9rem .2rem;scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.story-ring-wrap{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2.5px}.story-ring-wrap--active{background:conic-gradient(from 0deg,#e879f9,#67e8f9,#a78bfa 66%,#e879f9);animation:ring-spin 3s linear infinite}.story-ring-wrap--inactive{background:#64648259}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;outline:2.5px solid #080c1a;position:relative}.story-dot{position:absolute;bottom:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#34d399;border:2px solid #080c1a}.story-name{font-size:.65rem;color:#c8d7ffb3;max-width:64px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-overlay{z-index:9100}.modal--story{max-width:320px;width:90vw}.story-dialog{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.2rem 1rem 1rem;text-align:center}.story-dialog__ring{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;background:#64648259;margin-bottom:.2rem}.story-dialog__ring--active{background:conic-gradient(from 0deg,#e879f9,#67e8f9,#a78bfa 66%,#e879f9);animation:ring-spin 3s linear infinite}.story-dialog__avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;outline:3px solid #0d1225}.story-dialog__name{font-size:1rem;font-weight:700;color:#e2e8f0}.story-dialog__display{font-size:.78rem;color:#b4c8ff8c}.story-dialog__location{font-size:.92rem;font-weight:600;color:#67e8f9;margin-top:.3rem}.story-dialog__time{font-size:.78rem;color:#b4c8ff99}.story-dialog__until{font-size:.82rem;color:#a78bfa;font-weight:600}.story-dialog__message{font-size:.82rem;color:#c8d7ffbf;font-style:italic;margin-top:.15rem}.story-dialog__offline{font-size:.85rem;color:#b4c8ff73;margin-top:.4rem}.story-dialog__actions{display:flex;gap:.6rem;margin-top:.7rem;align-items:center}.story-join-btn{background:linear-gradient(135deg,#e879f940,#67e8f926);border:1px solid rgba(232,121,249,.5);color:#e879f9;font-size:.88rem;font-weight:700;padding:.5rem 1.2rem;border-radius:12px;cursor:pointer;transition:background .15s,box-shadow .15s}.story-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-upload-wrap{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.avatar-upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000073;font-size:1.1rem;opacity:0;transition:opacity .15s;pointer-events:none}.avatar-upload-wrap:hover .avatar-upload-overlay,.avatar-uploading .avatar-upload-overlay{opacity:1}.avatar-uploading{pointer-events:none;opacity:.7}.status-card__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.story-join-btn:hover{background:linear-gradient(135deg,#e879f966,#67e8f940);box-shadow:0 0 14px #e879f973}.avatar-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,212,255,.5);background:none;cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.avatar-btn:hover{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff66}.avatar-btn__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-btn__initial{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff}.level-tabs{display:flex;gap:.4rem;padding:.75rem 1rem;overflow-x:auto;scrollbar-width:none}.level-tabs::-webkit-scrollbar{display:none}.level-tab{flex-shrink:0;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.level-tab--active{background:#00d4ff26;border-color:#00d4ff80;color:#00d4ff}.level-tab:hover:not(.level-tab--active){background:#ffffff14;color:#e2e8f0}.song-card__meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.song-card__count,.song-card__last-sung{font-size:.75rem;color:#64748b}.add-song-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.add-song-header h3{margin:0;font-size:1rem;font-weight:700;color:#e2e8f0}.search-status{font-size:.82rem;color:#64748b;padding:.4rem 0}.search-results{display:flex;flex-direction:column;gap:0;max-height:280px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:.5rem 0}.search-result-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;cursor:pointer;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#00d4ff0f}.search-result-item--checked{background:#00d4ff1a}.search-result-item input[type=checkbox]{accent-color:#00d4ff;width:16px;height:16px;flex-shrink:0}.search-result-title{font-size:.88rem;font-weight:600;color:#e2e8f0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-artist{font-size:.78rem;color:#64748b;flex-shrink:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem}.search-no-results{text-align:center;padding:1rem 0;color:#64748b;font-size:.88rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.search-no-results p{margin:0}.search-hint{display:flex;justify-content:flex-end;padding:.4rem 0}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.search-result-artwork{width:40px;height:40px;border-radius:4px;flex-shrink:0;object-fit:cover}.search-result-artwork--placeholder{background:#ffffff14}.search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.search-source-badge{flex-shrink:0;font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;letter-spacing:.02em}.badge--itunes{background:#fc3c3c2e;color:#f87171;border:1px solid rgba(252,60,60,.3)}.badge--shared{background:#00d4ff1f;color:#67e8f9;border:1px solid rgba(0,212,255,.25)}.tab-btn--primary{font-weight:800;font-size:.9rem;letter-spacing:.02em}.tab-btn--primary.tab-btn--active{color:#00d4ff;border-bottom-color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.5)}.search-tab,.add-song-section--full{padding:0}.add-song-section--full .add-song-form{border-radius:0;border-left:none;border-right:none;border-top:none;min-height:calc(100vh - 280px)}.btn-sung{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#00d4ff;cursor:pointer;font-size:1rem;padding:.25rem .4rem;transition:background .15s,transform .1s,box-shadow .15s;line-height:1}.btn-sung:hover{background:#00d4ff33;box-shadow:0 0 8px #00d4ff59}.btn-sung--flash{background:#00d4ff59;transform:scale(1.2);box-shadow:0 0 14px #00d4ff99}.btn-icon--spotify{color:#1db954;border-color:#1db9544d;background:#1db95414;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-icon--spotify:hover{background:#1db95433;box-shadow:0 0 8px #1db95459}.btn-icon--youtube{color:red;border-color:#ff00004d;background:#ff000014;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-icon--youtube:hover{background:#ff00002e;box-shadow:0 0 8px #ff00004d}.qr-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);width:100%}.qr-section__label{font-size:.8rem;color:#64748b;margin:0;font-weight:600;letter-spacing:.03em}.qr-section__wrap{border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:10px;background:#0a1628;box-shadow:0 0 16px #00d4ff26}.qr-section__img{display:block;border-radius:6px}.qr-section__hint{font-size:.82rem;color:#00d4ff;margin:0;font-weight:700;letter-spacing:.04em}.user-avatar-sm{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;overflow:hidden}.user-row--clickable{cursor:pointer;transition:background .15s}.user-row--clickable:hover{background:#00d4ff0f}.user-row__repertoire-hint{font-size:.73rem;color:#00d4ff;margin-left:auto;flex-shrink:0;opacity:.8}.modal--friend-profile{max-width:480px;width:95vw;max-height:85vh;display:flex;flex-direction:column;padding:1.25rem;gap:0}.friend-profile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.friend-profile-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.friend-profile-info{flex:1;min-width:0}.friend-profile-name{font-size:1rem;font-weight:700;color:#e2e8f0}.friend-profile-username{font-size:.8rem;color:#64748b}.friend-profile-count{font-size:.78rem;color:#00d4ff;margin-top:.1rem}.friend-songs-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-top:.5rem}.friend-song-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}.friend-song-row:last-child{border-bottom:none}.friend-song-row:hover{background:#ffffff08}.friend-song-info{flex:1;min-width:0}.friend-song-title{font-size:.88rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-song-artist{font-size:.78rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-song-meta{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.singer-count{font-size:.72rem;color:#a78bfa;font-weight:600}.modal--report{max-width:340px}.report-reasons{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.report-reason-btn{width:100%;padding:.65rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:.9rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.report-reason-btn:hover{background:#ffffff14}.report-reason-btn--selected{border-color:#f87171;background:#f871711a;color:#fca5a5}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.55rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:.9rem;transition:opacity .15s}.btn-danger:disabled{opacity:.5;cursor:default}.btn-icon--report{color:#94a3b8;font-size:1rem}.btn-icon--report:hover{color:#f87171}.btn-icon--block{color:#94a3b8;font-size:1rem}.btn-icon--block:hover{color:#fb923c}.btn-icon--block-done{color:#ef4444!important}.report-done{text-align:center;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.report-done__icon{font-size:2rem;color:#34d399}.report-done__sub{color:#64748b;font-size:.85rem}.btn-demo{width:100%;padding:.7rem 1rem;background:#ffffff0a;border:1px dashed rgba(0,212,255,.3);border-radius:10px;color:#94a3b8;font-size:.88rem;cursor:pointer;transition:border-color .2s,color .2s;margin-top:.25rem}.btn-demo:hover{border-color:#00d4ff99;color:#00d4ff}.btn-demo:disabled{opacity:.5;cursor:default}.demo-note{text-align:center;font-size:.72rem;color:#475569;margin-top:.3rem}.pull-to-refresh-wrap{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column}.pull-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease,opacity .2s ease;color:#00d4ff;flex-shrink:0}.pull-icon{transition:transform .2s ease}.pull-indicator--refreshing .pull-icon{animation:pull-spin .8s linear infinite}@keyframes pull-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invite-share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;margin-bottom:1rem;border-radius:12px;border:1.5px solid rgba(0,212,255,.4);background:linear-gradient(135deg,#00d4ff14,#7c3aed14);color:#00d4ff;font-size:.88rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s;letter-spacing:.02em}.invite-share-btn:hover{border-color:#00d4ffb3;background:linear-gradient(135deg,#00d4ff26,#7c3aed26)}.invite-share-btn:active{transform:scale(.98)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#1e293b;border:1px solid rgba(0,212,255,.35);color:#e2e8f0;padding:.7rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #00000080,0 0 12px #00d4ff26;z-index:9999;white-space:nowrap;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rooms-tab{padding:1rem;display:flex;flex-direction:column;gap:1rem}.rooms-subtab-bar{display:flex;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.75rem}.rooms-subtab-btn{background:none;border:none;color:#ffffff73;font-size:.95rem;font-weight:600;padding:.4rem 1rem;cursor:pointer;border-radius:6px;transition:color .15s,background .15s}.rooms-subtab-btn:hover{color:#ffffffbf;background:#ffffff0d}.rooms-subtab-btn--active{color:#a78bfa;background:#a78bfa1f}.rooms-header{display:flex;align-items:center;justify-content:space-between}.rooms-title{font-size:1.1rem;font-weight:700;color:#e0f2fe;margin:0}.rooms-actions{display:flex;gap:.5rem}.rooms-create-form{display:flex;gap:.5rem;flex-wrap:wrap}.rooms-input{flex:1;min-width:0;background:#060d1fcc;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:.6rem .9rem;color:#e0f2fe;font-size:.9rem}.rooms-input:focus{outline:none;border-color:#00d4ff}.rooms-input::placeholder{color:#4b5563}.rooms-error{color:#f87171;font-size:.82rem;margin:.2rem 0 0;width:100%}.rooms-loading,.rooms-empty-state{padding:2rem;text-align:center;color:#6b7280}.rooms-empty-hint{font-size:.85rem;margin-top:.4rem}.rooms-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.rooms-list-item{display:flex;align-items:center;justify-content:space-between;background:#060d1fb3;border:1px solid rgba(37,99,235,.25);border-radius:12px;padding:.9rem 1rem;cursor:pointer;transition:border-color .2s,background .2s;color:#9ca3af}.rooms-list-item:hover{border-color:#00d4ff66;background:#00d4ff0a;color:#00d4ff}.rooms-list-item-info{display:flex;flex-direction:column;gap:.2rem}.rooms-list-item-name{color:#e0f2fe;font-weight:600;font-size:.95rem}.rooms-list-item-meta{font-size:.8rem;color:#6b7280}.rooms-detail{padding:1rem;display:flex;flex-direction:column;gap:1.2rem}.rooms-detail-header{display:flex;flex-direction:column;gap:.6rem}.rooms-back-btn{background:none;border:none;color:#60a5fa;font-size:.9rem;cursor:pointer;padding:0;text-align:left}.rooms-detail-title-row{display:flex;align-items:center;justify-content:space-between}.rooms-detail-title{font-size:1.2rem;font-weight:700;color:#e0f2fe;margin:0}.rooms-delete-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.82rem;padding:.3rem .7rem;cursor:pointer}.rooms-invite-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rooms-invite-label{font-size:.8rem;color:#6b7280}.rooms-invite-code{background:#00d4ff14;border:1px solid rgba(0,212,255,.25);border-radius:6px;padding:.2rem .6rem;font-size:.9rem;color:#00d4ff;letter-spacing:.1em}.rooms-copy-btn{background:none;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#60a5fa;font-size:.78rem;padding:.2rem .6rem;cursor:pointer}.rooms-section{display:flex;flex-direction:column;gap:.6rem}.rooms-section-header{display:flex;align-items:center;justify-content:space-between}.rooms-section-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:.05em}.rooms-refresh-btn{background:none;border:none;color:#60a5fa;font-size:.8rem;cursor:pointer;padding:0}.rooms-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.rooms-member-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;background:#060d1f80;border-radius:10px;border:1px solid rgba(37,99,235,.15)}.rooms-member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.rooms-member-avatar-img{width:100%;height:100%;object-fit:cover}.rooms-member-info{flex:1;display:flex;flex-direction:column;gap:.05rem;min-width:0}.rooms-member-name{font-size:.88rem;color:#e0f2fe;font-weight:500}.rooms-member-username{font-size:.75rem;color:#6b7280}.rooms-remove-btn{background:none;border:none;color:#6b7280;font-size:1rem;cursor:pointer;padding:.2rem .4rem;line-height:1}.rooms-remove-btn:hover{color:#f87171}.rooms-add-member-form{display:flex;gap:.5rem}.rooms-add-btn{white-space:nowrap}.rooms-empty{color:#6b7280;font-size:.85rem;text-align:center;padding:1rem}.rooms-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left}.rooms-filter-bar{display:flex;flex-direction:column;gap:.4rem}.rooms-search-sort-row{display:flex;gap:.4rem;align-items:center}.rooms-song-search{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0f2fe;padding:.35rem .6rem;font-size:.83rem}.rooms-song-search::placeholder{color:#4b5563}.rooms-sort-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;padding:.35rem .4rem;font-size:.78rem;cursor:pointer;flex-shrink:0}.rooms-clear-filter-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;font-size:.78rem;padding:.3rem .5rem;cursor:pointer;flex-shrink:0}.rooms-member-filter-row{display:flex;gap:.3rem;flex-wrap:wrap}.rooms-member-filter-chip{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem .2rem .25rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:.78rem;color:#9ca3af;transition:all .15s}.rooms-member-filter-chip--active{background:#60a5fa2e;border-color:#60a5fa80;color:#93c5fd}.rooms-artist-filter-row{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.rooms-artist-filter-row::-webkit-scrollbar{display:none}.rooms-artist-chip{white-space:nowrap;flex-shrink:0;padding:.2rem .55rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:.76rem;color:#9ca3af;transition:all .15s}.rooms-artist-chip--active{background:#a78bfa2e;border-color:#a78bfa80;color:#c4b5fd}.rooms-songs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.rooms-song-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;background:#060d1f99;border:1px solid rgba(37,99,235,.18);border-left:3px solid transparent;border-radius:8px}.rooms-song-item--male{border-left-color:#60a5fa}.rooms-song-item--female{border-left-color:#f472b6}.rooms-song-item--want-sing{background:#eab3080f}.rooms-song-item--want-hear{background:#10b9810f}.rooms-song-artwork{width:38px;height:38px;border-radius:5px;object-fit:cover;flex-shrink:0}.rooms-song-artwork-placeholder{width:38px;height:38px;border-radius:5px;background:#ffffff0a;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#ffffff26}.rooms-song-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.rooms-song-title{font-size:.87rem;color:#e0f2fe;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-song-artist{font-size:.74rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-song-singers-row{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.1rem}.rooms-song-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.2rem;flex-shrink:0;align-self:stretch}.rooms-priority-btns{display:flex;gap:.1rem}.rooms-want-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.1rem .15rem;opacity:.3;transition:opacity .15s,transform .1s;line-height:1}.rooms-want-btn--active{opacity:1;transform:scale(1.15)}.rooms-want-btn:hover{opacity:.8}.rooms-sung-btn{background:#00d4ff14;border:1px solid rgba(0,212,255,.28);border-radius:6px;color:#00d4ff;font-size:.72rem;padding:.2rem .45rem;cursor:pointer;white-space:nowrap;transition:background .15s}.rooms-sung-btn:hover{background:#00d4ff2e}.rooms-sung-accordion{border:1px solid rgba(37,99,235,.2);border-radius:8px;overflow:hidden}.rooms-sung-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .8rem;background:#060d1f99;border:none;color:#6b7280;font-size:.8rem;cursor:pointer;text-align:left}.rooms-sung-accordion-header:hover{color:#9ca3af}.rooms-sung-list{border-top:1px solid rgba(37,99,235,.15);border-radius:0!important}.rooms-song-item--sung{opacity:.5}.rooms-unsing-btn{background:none;border:1px solid rgba(107,114,128,.4);border-radius:6px;color:#6b7280;font-size:.72rem;padding:.2rem .5rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.rooms-unsing-btn:hover{color:#9ca3af;border-color:#9ca3af80}.spotify-import-row{display:flex;gap:.5rem}.spotify-hint-btn{display:flex;align-items:center;gap:.35rem}.spotify-error{color:#f87171;font-size:.82rem;margin:.2rem 0 0}.spotify-track-header{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}.spotify-track-count{font-size:.82rem;color:#6b7280}.spotify-track-list{max-height:340px}.apple-import-hint{font-size:.78rem;color:#6b7280;margin:0 0 .5rem}.apple-import-steps{background:#fa2d4812;border:1px solid rgba(250,45,72,.2);border-radius:8px;padding:.6rem .8rem;margin-bottom:.6rem}.apple-import-steps p{font-size:.78rem;color:#9ca3af;margin:.15rem 0}.apple-import-steps strong{color:#fa2d48}.rooms-search-wrapper{position:relative}.rooms-search-spinner{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.85rem;pointer-events:none}.rooms-search-results{list-style:none;margin:.3rem 0 0;padding:0;background:#0d1730;border:1px solid rgba(0,212,255,.25);border-radius:10px;overflow:hidden;z-index:20}.rooms-search-result-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-bottom:1px solid rgba(37,99,235,.1)}.rooms-search-result-item:last-child{border-bottom:none}.rooms-search-empty{padding:.7rem 1rem;color:#6b7280;font-size:.85rem;background:#0d1730;border:1px solid rgba(0,212,255,.15);border-radius:10px;margin-top:.3rem}.rooms-singer-chip{background:#60a5fa1a;border:1px solid rgba(96,165,250,.18);border-radius:4px;padding:.05rem .3rem;font-size:.68rem;color:#93c5fd;white-space:nowrap}.rooms-singer-chip-more{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.05rem .3rem;font-size:.68rem;color:#6b7280;white-space:nowrap}