:root{--bg:#0f0e13;--surface:#1a1820;--surface-2:#24212b;--surface-3:#2e2a36;--line:#2a2731;--text:#f4f1f8;--text-2:#cfcad8;--muted:#a29dad;--placeholder:#6f6880;--track:#33303b;--accent:#f5a524;--accent-ink:#1a1206;--accent-text:var(--g-text-dark,#f5a524);--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--accent-line:color-mix(in srgb, var(--accent) 38%, var(--bg));--like:#ff5d73;--like-text:#ff8fa0;--like-soft:#ff5d7324;--concert:#b98cff;--concert-text:#c3a9ff;--concert-soft:#2a2140;--concert-hero:#1e1a2b;--concert-hero-line:#3a3150;--rep:#2bb39a;--rep-text:#5fd6be;--rep-hero:#1a2522;--rep-hero-line:#26433c;--hero-btn-bg:#ffffff0a;--hero-btn-line:#ffffff24;--danger:#ff6b6b;--danger-text:#ff8f8f;--error-text:#ffb3b3;--ok-text:#9de6cf;--warn-bg:#3a2f1a;--warn-text:#ffd591;--sync-bg:#1a3a30;--nav-bg:#15131a;--nav-line:#25222c;--nav-muted:#8e889a;--radius:20px;--nav-h:72px;--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-soft:cubic-bezier(.3, 1.15, .5, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f4f0;--surface:#fff;--surface-2:#f0ede7;--surface-3:#ddd8cf;--line:#e8e3da;--text:#17151c;--text-2:#3f3a47;--muted:#696373;--placeholder:#9a94a3;--track:#e6e1d8;--accent-text:var(--g-text-light,#9a5f00);--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--accent-line:color-mix(in srgb, var(--accent) 60%, var(--bg));--like-text:#c42a44;--like-soft:#ff5d731f;--concert-text:#6a3fd0;--concert-soft:#efe8fd;--concert-hero:#f3eefe;--concert-hero-line:#ddd0fa;--rep-text:#0e7a63;--rep-hero:#e9f7f3;--rep-hero-line:#c5e9df;--hero-btn-bg:#ffffffb3;--hero-btn-line:#17151c24;--danger:#d93a3a;--danger-text:#c42a2a;--error-text:#b42323;--ok-text:#0e6b57;--warn-bg:#fdf1d8;--warn-text:#7a4b00;--sync-bg:#e3f6ef;--nav-bg:#fff;--nav-line:#e8e3da;--nav-muted:#6f6979;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .card,:root[data-theme=light] .stat-tile{box-shadow:0 1px 2px #17151c0a,0 4px 14px #17151c0a}:root[data-theme=light] .modal-backdrop{background:#17151c66}*{box-sizing:border-box}html,body{margin:0}html{touch-action:pan-x pan-y;overscroll-behavior-y:none}body{background:var(--bg);color:var(--text);font:16px/1.45 var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.15}h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:2.15rem;font-weight:800}h2{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:1.25rem;font-weight:800}h3{font-size:1.06rem;font-weight:700}h4{font-size:.95rem;font-weight:700}p{margin:0}a{color:var(--accent-text)}code{background:var(--surface-2);border-radius:6px;padding:1px 6px}.muted{color:var(--muted)}.small{font-size:.85rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ico{flex-shrink:0;display:block}.overline{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.app{min-height:100dvh}.topbar{z-index:20;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:var(--text);font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:10px;min-width:0;padding:2px 4px 2px 0;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex;position:relative}.brand .logo{border-radius:11px;flex-shrink:0}.brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}.brand .ico{color:var(--muted)}.brand .dot{background:var(--like);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:28px}.topnav{flex:1;justify-content:center;gap:4px;display:none}.topnav a{color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;display:flex}.topnav a:hover{color:var(--text)}.topnav a.active{color:var(--accent-text);background:var(--accent-soft)}.me-chip{color:var(--text);align-items:center;gap:8px;margin-left:auto;font-weight:600;text-decoration:none;display:flex}.me-chip .avatar{box-shadow:0 0 0 2px var(--accent)}.me-name{display:none}.content{max-width:760px;padding:12px 16px calc(var(--nav-h) + 96px + env(safe-area-inset-bottom));margin:0 auto}.bottomnav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:4px 0 calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--nav-bg) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--nav-line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--nav-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.69rem;font-weight:600;text-decoration:none;display:flex}.bottomnav .icon{border-radius:15px;place-items:center;width:52px;height:30px;transition:background .2s;display:grid}.bottomnav a.active{color:var(--accent-text);font-weight:700}.bottomnav a{z-index:1;position:relative}.nav-pill{width:20%;height:calc(var(--nav-h) - 10px);transition:transform .45s var(--spring);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:4px;left:0}.nav-pill-shape{background:var(--accent-soft);border-radius:15px;width:52px;height:30px}.nav-pill-label{visibility:hidden;font-size:.69rem}.fab{z-index:18;right:18px;bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));background:var(--accent);height:54px;color:var(--accent-ink);box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 28%, transparent);border:none;border-radius:27px;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .1s;display:inline-flex;position:fixed}.fab:active{transform:scale(.96)}@media (width>=820px){.topnav{display:flex}.me-chip{margin-left:0}.me-name{display:inline}.bottomnav{display:none}.content{padding-bottom:110px}.fab{bottom:28px;right:max(28px,50% - 380px)}}.center-screen{place-items:center;min-height:100dvh;padding:20px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:10px 0 18px;display:flex}.page-head p{margin-top:6px}.page-head .overline{margin-bottom:6px}.head-actions{flex-shrink:0;gap:8px;display:flex}.back{color:var(--text-2);align-items:center;gap:4px;margin:4px 0 12px;font-weight:600;text-decoration:none;display:inline-flex}.month-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:26px 0 10px;font-size:.78rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card.narrow{width:100%;max-width:420px}.list{flex-direction:column;display:flex}.list.faded{opacity:.65}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}button{font:inherit;color:inherit;cursor:pointer}.btn{white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--text);border-color:var(--surface-3);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger)}.btn.small{border-radius:12px;min-height:38px;padding:0 14px;font-size:.88rem}.btn.block{white-space:normal;text-align:center;width:100%;margin-top:8px;padding-top:8px;padding-bottom:8px}.icon-btn{color:var(--muted);background:0 0;border:none;border-radius:10px;place-items:center;padding:8px;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.tiny{padding:4px}.link{color:var(--accent-text);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.segmented{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:inline-flex}.segmented button{border:1px solid var(--surface-3);height:38px;color:var(--text-2);background:0 0;border-radius:19px;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;font-weight:600;display:inline-flex}.segmented button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.form{flex-direction:column;gap:14px;display:flex}.form.subtle{background:var(--surface-2);border-radius:14px;margin-top:10px;padding:12px}.form .segmented{align-self:flex-start;margin-bottom:0}label{color:var(--text-2);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}input,textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--surface-3);border-radius:12px;width:100%;padding:11px 14px;font-size:16px;font-weight:400}::placeholder{color:var(--placeholder);opacity:1}select+input{margin-top:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}input[type=file]{padding:8px}textarea{resize:vertical}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-2);font-size:.85rem;font-weight:600}.instr-chips{flex-direction:column;gap:10px;display:flex}.chip-toggles{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{border:1px solid var(--surface-3);min-height:38px;color:var(--text-2);background:0 0;border-radius:19px;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chip-toggle.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.grid2,.grid3{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.grid2{grid-template-columns:1fr 1fr}}.grid3{grid-template-columns:1fr 1fr 1fr}.form-actions{justify-content:flex-end;gap:8px;display:flex}.search-box{margin-bottom:16px;position:relative}.search-box .ico{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{background:var(--surface);border-radius:14px;padding-left:42px}.alert{border-radius:12px;padding:11px 14px;font-size:.9rem}.alert.error{color:var(--error-text);background:#ff6b6b1f}.alert.ok{color:var(--ok-text);background:#2bb39a1f}.auth{flex-direction:column;gap:14px;padding:30px 22px;display:flex}.auth-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;display:flex}.auth-head .logo{border-radius:20px;box-shadow:0 12px 34px #f5a5242e}.app-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.2rem;font-weight:800}.auth-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.9rem;display:flex}.song-main{align-items:flex-start;gap:14px;display:flex}.song-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.song-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.artist{color:var(--muted);margin-top:2px;font-size:.93rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.notes{color:var(--text-2);white-space:pre-wrap;margin-top:10px;font-size:.93rem}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.card-actions.end{justify-content:flex-end}.spacer{flex:1}.cover{border-radius:14px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.cover.sm{border-radius:12px;width:46px;height:46px}.cover .ico{opacity:.85}.like{background:var(--surface-2);border:1px solid var(--surface-3);width:54px;color:var(--text-2);border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 0;font-weight:700;transition:transform .15s;display:flex}.like:active{transform:scale(.92)}.like.on{border-color:var(--like);background:var(--like-soft);color:var(--like-text)}.like.on .ico{color:var(--like)}.vote-meter{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.vote-meter .seg{background:var(--track);border-radius:3px;width:22px;height:6px}.vote-meter .seg.on{background:var(--accent)}.vote-meter .label{color:var(--muted);margin-left:6px;font-size:.78rem}.vote-meter .label.ready{color:var(--accent-text);font-weight:700}.progress{background:var(--track);border-radius:99px;flex:1;min-width:80px;height:6px;overflow:hidden}.progress div{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.likers{flex-wrap:wrap;gap:6px;display:flex}.liker{color:var(--like-text);background:var(--like-soft);border-radius:99px;padding:2px 9px;font-size:.75rem}.byline{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.card.song.ready{border-color:var(--accent-line)}.card.song .btn.block{margin-top:12px}.player{aspect-ratio:16/9;background:#000;border-radius:14px;flex-basis:100%;order:10;overflow:hidden}.player.spotify{aspect-ratio:auto;height:152px}.player iframe{border:0;width:100%;height:100%}.song-row{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.song-row-main{align-items:center;gap:12px;min-width:0;display:flex}.row-right{align-items:center;gap:10px;display:flex}.chev{color:var(--muted)}.song-detail{margin-top:12px}.song-detail>.chips{margin-bottom:4px}.card.song.open{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.files{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.files-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.file-group{flex-wrap:wrap;align-items:baseline;gap:10px;padding:6px 0;display:flex}.instr{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-width:96px;font-size:.75rem;font-weight:700}.instr.mine{color:var(--accent-text)}.file-list{flex-direction:column;flex:1;gap:4px;display:flex}.file{align-items:center;gap:4px;display:flex}.comments{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;display:flex}.comments>.link{color:var(--text-2);align-self:flex-start;font-size:.88rem}.comment{background:var(--surface-2);border-radius:14px;padding:9px 12px}.comment-head{align-items:center;gap:8px;margin-bottom:2px;font-size:.85rem;display:flex}.comment-head strong{color:var(--accent-text)}.comment-head .icon-btn{margin-left:auto}.comment-form{gap:8px;display:flex}.comment-form input{flex:1}.stat-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}@media (width>=560px){.stat-tiles{grid-template-columns:repeat(4,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;padding:16px;display:flex}.stat-num{font-family:var(--font-display);color:var(--accent-text);font-size:2.2rem;font-weight:800;line-height:1}.stat-note{margin-bottom:12px}.stat-list{flex-direction:column;gap:12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.stat-list li{align-items:center;gap:10px;display:flex}.stat-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stat-bar{background:var(--track);border-radius:99px;flex-shrink:0;width:30%;height:6px;overflow:hidden}.stat-bar span{background:var(--accent);border-radius:99px;height:100%;display:block}.stat-value{text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.1em;border-radius:8px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-block}.badge.concert{color:var(--concert-text);background:#b98cff29}.badge.repetition{color:var(--rep-text);background:#2bb39a29}.event-link{color:inherit;gap:14px;text-decoration:none;display:flex}.date-block{background:var(--surface-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:58px;height:64px;display:flex}.card.event.concert .date-block{background:var(--concert-soft)}.date-block .day{font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1}.date-block .mon{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px;font-size:.72rem;font-weight:700}.event-main{flex-direction:column;gap:4px;min-width:0;display:flex}.event-main h3{font-family:var(--font-display);margin:2px 0;font-size:1.15rem;font-weight:800}.event-main .badge{align-self:flex-start}.event-facts{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.85rem;display:flex}.event-facts span{align-items:center;gap:5px;display:inline-flex}.attend{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding:4px;display:grid;position:relative;overflow:hidden}.att{z-index:1;height:38px;color:var(--text-2);background:0 0;border:none;border-radius:11px;font-size:.88rem;font-weight:600;transition:color .25s;position:relative}.att-slide{opacity:0;width:calc(33.3333% - 2.66667px);transition:transform .38s var(--spring-soft), background .25s, border-color .25s, opacity .2s;border:1px solid #0000;border-radius:11px;position:absolute;top:4px;bottom:4px;left:4px}.att-slide.on{opacity:1}.att-slide.present{background:color-mix(in srgb, var(--rep) 18%, transparent);border-color:var(--rep)}.att-slide.maybe{background:var(--accent-soft);border-color:var(--accent)}.att-slide.absent{background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:var(--danger)}.att.on.present{color:var(--rep-text);font-weight:700}.att.on.maybe{color:var(--accent-text);font-weight:700}.att.on.absent{color:var(--danger-text);font-weight:700}.attend-list{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.attend-list li{align-items:baseline;gap:8px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;transform:translateY(-1px)}.status-dot.present{background:var(--rep)}.status-dot.maybe{background:var(--accent)}.status-dot.absent{background:var(--danger)}.past{margin-top:24px}.event-hero{background:var(--rep-hero);border-color:var(--rep-hero-line);border-radius:24px;flex-direction:column;gap:12px;padding:20px;display:flex}.event-hero.concert{background:var(--concert-hero);border-color:var(--concert-hero-line)}.event-hero .badge{align-self:flex-start}.hero-date{align-items:flex-end;gap:14px;display:flex}.hero-day{font-family:var(--font-display);letter-spacing:-.03em;font-size:4.5rem;font-weight:800;line-height:.85}.hero-month{flex-direction:column;padding-bottom:4px;display:flex}.hero-month strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.4rem;font-weight:800}.hero-month span{color:var(--text-2);font-size:.9rem;font-weight:600}.event-hero h1{font-size:1.8rem}.hero-place{color:var(--text-2);align-items:center;gap:6px;display:flex}.event-hero .card-actions{margin-top:2px}.event-hero .btn.ghost{border-color:var(--hero-btn-line);background:var(--hero-btn-bg)}.presence-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);width:32px;height:32px;font-size:.8rem}.avatar-stack .avatar+.avatar{margin-left:-8px}.setlist-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.setlist-head h2{margin-bottom:2px}.hint{margin-top:8px}.setlist{flex-direction:column;gap:6px;margin:14px 0;padding:0;list-style:none;display:flex}.set-row{background:var(--surface-2);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 8px 10px 12px;display:flex;position:relative}.set-row.dragging{z-index:5;border-color:var(--accent);box-shadow:0 10px 30px #000a}.handle{color:var(--placeholder);cursor:grab;touch-action:none;background:0 0;border:none;order:10;place-items:center;padding:6px;display:grid}.num{font-family:var(--font-display);color:var(--accent-text);text-align:right;min-width:22px;font-size:1.15rem;font-weight:800}.set-title{flex-direction:column;flex:1;min-width:0;display:flex}.set-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.set-row .duration{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.85rem}.pick-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.pick{text-align:left;background:var(--surface-2);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.pick:hover{border-color:var(--surface-3)}.pick:disabled{opacity:.55;cursor:default}a.pick{color:inherit;text-decoration:none}.pick>.ico{color:var(--text-2)}.pick-title{flex:1;font-weight:600}.pick-state{color:var(--accent-text);place-items:center;width:22px;font-weight:800;display:grid}.chat{flex-direction:column;min-height:calc(100dvh - 190px);display:flex}.messages{flex-direction:column;flex:1;padding-bottom:80px;display:flex}.day-sep{text-align:center;margin:18px 0 8px}.day-sep span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-radius:99px;padding:4px 12px;font-size:.72rem;font-weight:700}.msg{flex-direction:column;align-items:flex-start;margin-top:10px;display:flex}.msg.grouped{margin-top:3px}.msg.mine{align-items:flex-end}.author{color:var(--accent-text);margin:0 0 3px 12px;font-size:.78rem;font-weight:700}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:4px 10px;max-width:82%;padding:9px 13px 7px;display:flex;position:relative}.msg:not(.mine) .bubble{border-top-left-radius:6px}.msg.grouped:not(.mine) .bubble{border-top-left-radius:18px}.msg.mine .bubble{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-top-right-radius:6px}.msg.mine.grouped .bubble{border-top-right-radius:18px}.msg.mine .bubble a{color:var(--accent-ink)}.msg.mine .time{color:color-mix(in srgb, var(--accent-ink) 70%, transparent)}.msg-text{white-space:pre-wrap;word-break:break-word}.time{color:var(--muted);margin-left:auto;font-size:.7rem}.bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default}.msg.selected .bubble{outline:2px solid var(--text);outline-offset:2px}.msg.deleted .bubble,.msg.mine.deleted .bubble{border:1px dashed var(--surface-3);color:var(--muted);background:0 0}.msg.deleted .msg-text{align-items:center;gap:6px;font-size:.9rem;font-style:italic;display:inline-flex}.msg.mine.deleted .time{color:var(--muted)}.chat-hint{text-align:center;margin:4px 0 6px}.msg-preview{background:var(--surface-2);white-space:pre-wrap;border-radius:14px;max-height:30vh;margin-bottom:12px;padding:10px 12px;overflow:auto}.pick.danger .pick-title,.pick.danger>.ico{color:var(--danger)}.composer{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:15;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 16px;display:flex;position:fixed}.composer-row{align-items:flex-end;gap:8px;display:flex}.editing-bar{color:var(--accent-text);justify-content:space-between;align-items:center;padding-left:6px;font-size:.85rem;font-weight:700;display:flex}.editing-bar span{align-items:center;gap:6px;display:inline-flex}.composer textarea{field-sizing:content;background:var(--surface);border-radius:22px;max-height:140px}.composer .btn{border-radius:50%;flex-shrink:0;width:46px;min-height:46px;padding:0}@media (width>=820px){.composer{max-width:760px;margin:0 auto;padding-bottom:16px;bottom:0}}.avatar{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid}.avatar.sm{width:34px;height:34px;font-size:.85rem}.avatar.c1{color:#08241e;background:#2bb39a}.avatar.c2{color:#1b1530;background:#8b6cf6}.avatar.c3{color:#3a2606;background:#f5a524}.avatar.c4{color:#3a0a14;background:#e85d75}.avatar.c5{color:#071d33;background:#4ea8f2}.members{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.members li{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.member-name{flex:1;min-width:0}.member-actions{align-items:center;gap:4px;display:flex}.chip.admin{color:var(--accent-text);background:var(--accent-soft);margin-left:8px}.invite-box{background:var(--bg);border:1px solid var(--surface-3);overflow-wrap:anywhere;border-radius:12px;margin:10px 0 6px;padding:11px 14px}.invite-box code{background:0 0;padding:0;font-size:.88rem}.invite-code{color:var(--accent-text);letter-spacing:.1em}.inline-field{align-items:center;gap:8px;display:flex}.inline-field input{flex:1}.setting{border-top:1px solid var(--line);color:var(--text);margin-top:16px;padding-top:14px}.sub-line{margin-top:2px;display:block}.switcher-actions{margin-top:8px}div.pick[aria-disabled]{opacity:.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050408b8;justify-content:center;align-items:flex-end;animation:.25s ease-out fade;display:flex;position:fixed;inset:0}.modal-backdrop.closing{animation:.22s ease-in forwards fade-out}.modal{background:var(--surface);border:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .42s var(--spring-soft) backwards;transition:transform .3s var(--ease-out);border-radius:24px 24px 0 0;overflow:auto}.modal.closing{animation:.22s ease-in forwards sheet-down}.modal-head{background:var(--surface);z-index:1;touch-action:none;justify-content:space-between;align-items:center;padding:22px 18px 8px;display:flex;position:sticky;top:0}.modal-head h2{margin:0}.modal-grab{background:var(--surface-3);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:8px;left:50%}.modal-body{padding:8px 18px 22px}@media (width<=599px){.modal{box-shadow:0 80px 0 0 var(--surface)}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@media (width>=600px){.modal-backdrop{align-items:center}.modal{border-radius:24px;animation-name:pop-in}.modal.closing{animation-name:pop-out}.modal-grab{display:none}.modal-head{touch-action:auto;padding-top:18px}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes pop-out{to{opacity:0;transform:scale(.96)}}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.net-banner{top:calc(62px + env(safe-area-inset-top));z-index:19;text-align:center;background:var(--warn-bg);color:var(--warn-text);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex;position:sticky}.net-banner.syncing{background:var(--sync-bg);color:var(--ok-text)}.pending-note{color:var(--accent-text);align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;font-weight:600;display:flex}.card.song.pending{border-style:dashed}.msg.pending .bubble{opacity:.7;border-style:dashed}.offline-ok{color:var(--rep-text);white-space:nowrap;background:#2bb39a1f;border-radius:99px;margin-left:4px;padding:1px 7px;font-size:.72rem}.link.unavailable{color:var(--muted);opacity:.6}.download-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{background:var(--surface-3);border:none;border-radius:99px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.switch span{background:var(--muted);border-radius:50%;width:24px;height:24px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on span{background:var(--accent-ink);transform:translate(20px)}.topics{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:10px;font-size:.95rem;font-weight:500}label.check input{width:20px;height:20px;accent-color:var(--accent)}.mention{color:var(--accent-text);font-weight:700}.mention.me{background:var(--accent-soft);border-radius:6px;padding:0 3px}.msg.mine .mention,.msg.mine .mention.me{color:var(--accent-ink);background:#0000001f;border-radius:6px;padding:0 3px}.mention-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:2px;max-height:40vh;padding:4px;display:flex;overflow:auto}.mention-option{text-align:left;color:var(--text);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mention-option:hover,.mention-option:focus-visible{background:var(--surface-2)}.mention-option .ico{color:var(--muted)}.welcome{z-index:60;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.welcome-card{flex-direction:column;gap:14px;width:100%;max-width:440px;animation:.25s ease-out up;display:flex}.welcome-top{justify-content:space-between;align-items:center;min-height:32px;display:flex}.welcome-dots{gap:6px;display:flex}.welcome-dots span{background:var(--track);border-radius:3px;width:22px;height:6px;transition:background .2s}.welcome-dots span.on{background:var(--accent)}.welcome-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:8px 0;display:flex}.welcome-hero .logo{border-radius:18px;box-shadow:0 12px 34px #f5a5242e}.welcome-hero h1{font-size:1.8rem}.welcome-tour{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.welcome-tour li{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.welcome-ico{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.welcome-steps{color:var(--text-2);flex-direction:column;gap:10px;margin:0;padding-left:22px;display:flex}.welcome-check{background:var(--accent);width:72px;height:72px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.welcome .card{margin-bottom:0}.inline-ico{vertical-align:-3px;display:inline-block}.alert.warn{background:var(--warn-bg);color:var(--warn-text)}.cal-help{margin:-4px 0 12px}.cal{padding:14px 12px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-title{font-family:var(--font-display);text-transform:capitalize;font-size:1.15rem;font-weight:800}.cal-head .icon-btn:disabled{opacity:.3;cursor:default}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.cal-wd{text-align:center;color:var(--muted);padding-bottom:4px;font-size:.72rem;font-weight:700}.cal-day{aspect-ratio:1;background:var(--surface-2);min-width:0;min-height:40px;color:var(--text);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-size:.95rem;font-weight:700;line-height:1.1;transition:background .15s,transform .1s;display:flex;position:relative;overflow:hidden}.cal-day:active:not(:disabled){transform:scale(.94)}.cal-day.past{color:var(--placeholder);background:0 0;font-weight:500}.cal-day.today{border-color:var(--text)}.cal-day.has-event:after{content:"";background:var(--rep);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--surface);border-radius:50%;position:absolute;bottom:4px}.cal-day.has-event.concert:after{background:var(--concert)}.cal-day.off{background:var(--danger);color:#fff}.cal-day.range-start{outline:2px solid var(--accent);outline-offset:1px}.cal-day.free-all{color:var(--rep-text);background:#2bb39a38}.cal-day.free-one{background:var(--accent-soft);color:var(--accent-text)}.cal-day.free-few{background:var(--surface-2);color:var(--muted)}.cal-count{white-space:nowrap;text-overflow:clip;max-width:100%;margin-top:1px;font-size:.62rem;font-weight:700;line-height:1;overflow:hidden}.cal-legend{color:var(--text-2);flex-wrap:wrap;gap:8px 16px;font-size:.8rem;display:flex}.cal-legend span{align-items:center;gap:6px;display:inline-flex}.cal-legend i{border-radius:5px;width:14px;height:14px;display:inline-block}.cal-legend i.free-all{background:#2bb39a80}.cal-legend i.free-one{background:var(--accent)}.cal-legend i.free-few{background:var(--surface-3)}.cal-legend i.dot{background:var(--rep);border-radius:50%;width:8px;height:8px}.cal-legend i.dot.concert{background:var(--concert)}.cal-events-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:.8rem;font-weight:700}.bottomnav .icon{position:relative}.nav-badge{background:var(--like);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--nav-bg);border-radius:9px;padding:0 5px;font-size:.66rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:4px}.topnav a{position:relative}.topnav .nav-badge{box-shadow:none;margin-left:2px;position:static}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filter-chips .chip-toggle{min-height:34px;font-size:.85rem}.list-tools{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.list-tools .search-box,.list-tools .filter-chips{margin-bottom:0}.list-tools-row{gap:8px;display:flex}.list-tools-row .search-box{flex:1;min-width:0}.sort-select{flex-shrink:0;width:auto}.sort-select select{background:var(--surface);border-radius:14px;width:auto;max-width:46vw;padding-right:10px}.pinned-bar{top:calc(62px + env(safe-area-inset-top));z-index:12;background:var(--surface);border:1px solid var(--accent-line);width:100%;color:var(--text);text-align:left;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex;position:sticky;box-shadow:0 6px 18px #0000002e}.pinned-bar>.ico{color:var(--accent-text)}.pinned-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.pinned-item{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.pinned-item .card-actions{margin-top:6px}.msg.selected .bubble{transition:outline-color .3s}.reactions{z-index:1;flex-wrap:wrap;gap:4px;margin-top:-6px;padding:0 8px;display:flex;position:relative}.reaction{border:1px solid var(--line);background:var(--surface-2);height:26px;color:var(--text-2);border-radius:13px;align-items:center;gap:3px;padding:0 8px;font-size:.8rem;font-weight:700;display:inline-flex}.reaction.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.reaction-picker{background:var(--surface-2);border-radius:18px;justify-content:space-between;gap:6px;margin-bottom:14px;padding:6px;display:flex}.reaction-picker button{background:0 0;border:none;border-radius:14px;flex:1;height:48px;font-size:1.6rem;transition:transform .1s,background .15s}.reaction-picker button:active{transform:scale(.88)}.reaction-picker button.on{background:var(--accent-soft)}.composer-extra{color:var(--muted);padding:10px 6px}.bubble.poll-bubble,.msg.mine .bubble.poll-bubble{background:var(--surface);border:1px solid var(--line);width:min(340px,86%);max-width:none;color:var(--text)}.msg.mine .bubble.poll-bubble .time{color:var(--muted)}.poll{flex-direction:column;gap:8px;width:100%;display:flex}.poll-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.poll-q{font-size:1rem}.poll-opt{border:1px solid var(--surface-3);width:100%;color:var(--text);text-align:left;background:0 0;border-radius:12px;flex-direction:column;gap:2px;padding:9px 12px;display:flex;position:relative;overflow:hidden}.poll-opt.on{border-color:var(--accent)}.poll-bar{background:var(--accent-soft);pointer-events:none;transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-line{justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex;position:relative}.poll-label{align-items:center;gap:6px;display:inline-flex}.poll-opt.on .poll-label{color:var(--accent-text)}.poll-count{font-variant-numeric:tabular-nums;color:var(--text-2)}.poll-who{color:var(--muted);font-size:.75rem;position:relative}.poll-total{color:var(--muted);font-size:.75rem}.activity-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.activity{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.4;text-decoration:none;display:flex}.activity:hover{border-color:var(--surface-3)}.activity.fresh{border-color:var(--accent-line);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.activity-ico{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.activity-text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.93rem}.activity-text em{color:var(--text-2)}.new-tag{background:var(--accent);color:var(--accent-ink);border-radius:99px;margin-left:8px;padding:1px 7px;font-size:.68rem;font-weight:800}.voice{align-items:center;gap:10px;min-width:190px;display:flex}.voice-btn{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.msg.mine .voice-btn{background:var(--accent-ink);color:var(--accent)}.voice-btn:disabled{opacity:.6}.voice-track{background:var(--track);border-radius:2px;flex:1;height:4px;overflow:hidden}.msg.mine .voice-track{background:#0000002e}.voice-track span{background:currentColor;height:100%;transition:width .25s linear;display:block}.voice-time{font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:.78rem}.recording-bar{align-items:center;min-height:46px}.rec-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s ease-in-out infinite rec-blink}.rec-time{font-variant-numeric:tabular-nums;font-weight:800}.rec-hint{flex:1}@keyframes rec-blink{50%{opacity:.25}}.spinner.tiny{border-width:2px;border-color:#0003;border-top-color:var(--accent-ink);width:18px;height:18px;margin:0}.color-swatches{flex-wrap:wrap;gap:10px;margin:10px 0 8px;display:flex}.swatch{width:42px;height:42px;box-shadow:0 0 0 1px var(--line);border:3px solid #0000;border-radius:50%;place-items:center;transition:transform .1s;display:grid}.swatch:active{transform:scale(.92)}.swatch.on{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.qr-box{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex}.qr-box img{background:#fff;border-radius:16px;width:min(260px,70vw);height:auto;padding:8px}.avatar.photo{object-fit:cover;background:var(--surface-2);padding:0}.profile-photo{align-items:center;gap:16px;display:flex}.profile-photo>.avatar{width:76px;height:76px;font-size:1.8rem}.profile-photo-actions{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-photo-actions .card-actions{margin-top:8px}.file-btn{color:var(--accent-ink);position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.field-hint{font-weight:400}.home-next{gap:10px}.home-next-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-countdown{font-family:var(--font-display);color:var(--accent-text);font-size:1.05rem;font-weight:800}.home-next-link{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.home-next-link h2{margin:0;font-size:1.7rem}.home-next .attend{margin-top:4px}.home-more{align-self:flex-start;font-size:.9rem}.empty-card{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.home-concert{color:var(--text);border-color:var(--concert-hero-line);background:var(--concert-hero);align-items:center;gap:12px;text-decoration:none;display:flex}.home-concert>span{flex:1}.home-concert>.ico:first-child{color:var(--concert-text)}.todo-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.todo{background:var(--surface-2);color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.todo>.ico:last-child{color:var(--muted)}.todo-ico{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.todo-text{flex:1;min-width:0;font-size:.93rem;font-weight:600}.home-news-head{justify-content:space-between;align-items:baseline;margin:22px 0 10px;display:flex}.home-news-head h2{margin:0}.rec-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rec{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.rec-meta{flex-direction:column;display:flex}.rec-title{align-items:center;gap:4px;font-weight:700;display:inline-flex}.rec-star{color:var(--accent-text)}.rec-actions{justify-content:flex-end;gap:2px;margin-top:-4px;display:flex}.rec-actions .icon-btn.kept{color:var(--accent-text)}.rec-player{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec-seek{min-width:110px;accent-color:var(--accent);background:0 0;border:none;flex:1;height:28px;padding:0}.speed{border:1px solid var(--surface-3);min-width:52px;height:30px;color:var(--text-2);font-variant-numeric:tabular-nums;background:0 0;border-radius:15px;padding:0 8px;font-size:.8rem;font-weight:700}.speed.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.recorder{flex-direction:column;gap:12px;display:flex}.rec-big{min-height:56px;font-size:1.05rem}.recording-now{text-align:center;align-items:center;padding:10px 0}.rec-dot.big{width:22px;height:22px}.rec-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.rec-progress{background:var(--track);border-radius:3px;width:100%;height:6px;overflow:hidden}.rec-progress span{background:var(--danger);height:100%;transition:width .25s linear;display:block}.recorder .rec-player{background:var(--surface-2);border-radius:14px;padding:10px 12px}.recorder .file-btn{color:var(--text)}.group-mark{font-family:var(--font-display);border-radius:30%;flex-shrink:0;place-items:center;font-weight:800;line-height:1;display:inline-grid}.switcher-current{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.switcher-current-head{align-items:center;gap:12px;display:flex}.switcher-name{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.switcher-current .btn.block{margin-top:0}.switcher-section{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px;font-size:.75rem;font-weight:700}.switcher-more{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;padding-top:14px;display:flex}.group-hero{align-items:center;gap:16px;margin:10px 0 18px;display:flex}.group-hero h1{margin:2px 0}.group-tabs{width:100%}.group-tabs button{flex:1;justify-content:center}.tab-badge{background:var(--like);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:18px}.invite-card .qr-box{margin:6px 0 4px}.danger-zone{border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.danger-zone h2{color:var(--danger-text)}.profile-note{margin:4px 4px 12px}.group-mark.photo{object-fit:cover;padding:0}.brand .group-mark.photo{border-radius:11px}.group-image-setting{align-items:center;gap:16px;padding-bottom:14px;display:flex}.group-image-setting .file-btn{color:var(--accent-ink)}.help-link{vertical-align:middle;border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;margin-left:6px;text-decoration:none;display:inline-grid}.help-link:hover{color:var(--accent-text);border-color:var(--accent-line)}button.back{background:0 0;border:none;padding:0}.chat-hint .link{display:inline}.guide-nav{margin:-4px 0 16px}.guide-nav .chip{padding:6px 11px;font-size:.82rem;text-decoration:none}.guide-section{scroll-margin-top:90px}.guide-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.guide-head h2{margin:0}.guide-item{border-top:1px solid var(--line)}.guide-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-weight:600;list-style:none;display:flex}.guide-item summary::-webkit-details-marker{display:none}.guide-item summary .ico{color:var(--muted);flex-shrink:0;transition:transform .2s}.guide-item[open] summary .ico{transform:rotate(180deg)}.guide-text{color:var(--text-2);flex-direction:column;gap:8px;padding:0 0 14px;font-size:.94rem;display:flex}.guide-text p{margin:0}.guide-text ul{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:20px;display:flex}.whatsnew-entry{margin-bottom:22px}.whatsnew-entry h2{margin-bottom:2px}.whatsnew-date{margin:0 0 12px}.modal .welcome-tour{margin-bottom:14px}.help-buttons{flex-direction:column;gap:8px;display:flex}.help-buttons .btn{justify-content:flex-start;text-decoration:none}.new-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--like);color:#fff;border-radius:8px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:800}.me-chip{position:relative}.me-chip .dot{background:var(--like);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;left:22px}.cover.photo{object-fit:cover;display:block}.cover-preview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cover-progress{flex-direction:column;gap:6px;margin:4px 0 12px;display:flex}.cover-progress .progress{flex:none}.spinner.sm{flex-shrink:0;width:46px;height:46px;margin:0}.cover-current{align-items:center;gap:12px;min-height:46px;display:flex}.chip-btn{cursor:pointer;font:inherit;border:none;font-size:.78rem;font-weight:600}.chip-btn:hover{color:var(--accent-text)}.metronome{flex-direction:column;gap:16px;display:flex}.beat-dots{justify-content:center;gap:10px;min-height:14px;display:flex}.beat-dots span{background:var(--track);border-radius:50%;width:10px;height:10px;transition:background 60ms}.beat-dots span.first{outline:1px solid var(--accent-line);outline-offset:2px}.beat-dots span.on{background:var(--accent)}.beat-dots.big{gap:14px}.beat-dots.big span{width:16px;height:16px}.tempo-row{justify-content:center;align-items:center;gap:16px;display:flex}.btn.round{border-radius:50%;justify-content:center;width:52px;height:52px;padding:0}.btn.round .sign{font-size:1.6rem;line-height:1}.tempo-value{flex-direction:column;align-items:center;gap:2px;display:flex}.tempo-value input{text-align:center;width:120px;font-family:var(--font-display);color:var(--text);background:0 0;border:none;padding:0;font-size:2.6rem;font-weight:800}.metronome-actions{grid-template-columns:1fr;gap:10px;display:grid}.metronome-actions .btn{justify-content:center}.meter-picker{flex-direction:column;gap:6px;display:flex}.meter-choice{gap:6px;margin-bottom:0}.meter-choice button{min-width:52px}.metronome-prefs summary{cursor:pointer;color:var(--text-2);align-items:center;gap:6px;font-weight:600;list-style:none;display:flex}.metronome-prefs summary::-webkit-details-marker{display:none}.metronome-prefs[open] summary .ico{transform:rotate(180deg)}.metronome-prefs{flex-direction:column;gap:10px;display:flex}.metronome-prefs>:not(summary){margin-top:10px}.center{text-align:center}:root{--stage-bg:#000;--stage-text:#f6f3ec;--stage-dim:#8f8a80;--stage-line:#ffffff24;--stage-btn:#ffffff14}.stage{z-index:80;background:var(--stage-bg);color:var(--stage-text);padding:calc(10px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0}.stage-top{align-items:center;gap:12px;display:flex}.stage-pos{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.stage-event{min-width:0;color:var(--stage-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.stage-main{flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;padding:12px 4px;display:flex;overflow:hidden}.stage-title{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(2.4rem,11vw,6rem);line-height:1.02}.stage-artist{color:var(--stage-dim);font-size:clamp(1.2rem,5vw,2rem);font-weight:600}.stage-chips{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.stage-chips span{border:1px solid var(--stage-line);font-family:var(--font-display);border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:clamp(1.1rem,4.5vw,1.7rem);font-weight:800;display:inline-flex}.stage-notes{color:var(--stage-dim);white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.05rem;display:-webkit-box;overflow:hidden}.stage-dots{margin-top:10px}.stage .beat-dots span{background:var(--stage-line)}.stage .beat-dots span.on{background:var(--accent)}.stage-bottom{border-top:1px solid var(--stage-line);flex-direction:column;gap:12px;padding-top:12px;display:flex}.stage-next{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:1.05rem;display:flex}.stage-dim{color:var(--stage-dim)}.stage-actions{gap:10px;display:flex}.stage-btn{border:1px solid var(--stage-line);background:var(--stage-btn);min-height:52px;color:var(--stage-text);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.stage-top .stage-btn{min-height:40px;padding:0 12px}.stage-btn.wide{flex:1}.stage-btn.on{border-color:var(--accent);color:var(--accent)}.stage-btn:disabled{opacity:.3}.stage-settings{color:var(--stage-dim);justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.stage-settings button{color:var(--stage-dim);background:0 0;border:1px solid #0000;border-radius:8px;padding:3px 8px}.stage-settings button.on{border-color:var(--stage-line);color:var(--stage-text)}@media (orientation:landscape) and (height<=500px){.stage-title{font-size:clamp(2rem,7vw,4rem)}.stage-notes{-webkit-line-clamp:2}}.duration-choice{margin-bottom:4px}.inline-label{flex-direction:row;align-items:center;gap:10px;display:flex}.inline-label input{width:auto}.cal-day.off.part{background:linear-gradient(135deg, var(--danger) 50%, color-mix(in srgb, var(--danger) 35%, var(--surface-2)) 50%)}.cal-day.free-cond{background:color-mix(in srgb, var(--rep) 12%, transparent);color:var(--rep-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rep) 55%, transparent)}.cal-legend i.free-cond{background:color-mix(in srgb, var(--rep) 18%, transparent);box-shadow:inset 0 0 0 1.5px var(--rep)}.dispo-bar{flex-direction:column;gap:4px;margin-top:12px;display:flex}.dispo-bar .card-actions{margin-top:8px}.dispo-hours{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.dispo-hours label{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.dispo-hours input{width:auto}.mic-help{flex-direction:column;gap:12px;display:flex}.unread-sep{color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:16px 0 6px;font-size:.75rem;font-weight:800;display:flex}.unread-sep:before,.unread-sep:after{content:"";background:var(--accent-line);flex:1;height:1px}.reply-quote{text-align:left;border:none;border-left:3px solid var(--accent);background:var(--surface-2);min-width:0;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;flex-basis:100%;gap:1px;margin:2px 0 4px;padding:6px 10px;font-size:.82rem;display:flex}.reply-quote strong{color:var(--accent-text);font-size:.78rem}.reply-quote span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg.mine .reply-quote{background:color-mix(in srgb, var(--accent-ink) 14%, transparent);border-left-color:var(--accent-ink);color:var(--accent-ink)}.msg.mine .reply-quote strong,.msg.mine .reply-quote span{color:var(--accent-ink)}.reply-bar{color:var(--text-2)}.reply-bar>span{min-width:0}.reply-bar-text{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.reply-bar-text strong{color:var(--accent-text)}.seen-by{color:var(--muted);align-items:center;gap:4px;margin:3px 6px 0;font-size:.72rem;display:inline-flex}.typing{color:var(--muted);align-items:center;gap:8px;padding-left:8px;font-size:.8rem;font-style:italic;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.scroll-down{right:16px;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 84px);z-index:16;background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 6px 18px #00000040}.scroll-down .nav-badge{top:-6px;right:-4px}@media (width>=820px){.scroll-down{bottom:96px;right:calc(50% - 364px)}}.dialog-backdrop{z-index:90;align-items:center;padding:16px}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:20px;animation:.18s ease-out up;display:flex;box-shadow:0 18px 50px #00000059}.dialog h2{margin:0;font-size:1.2rem}.dialog-text{color:var(--text-2);white-space:pre-line;font-size:.95rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn.danger-solid{background:var(--danger);color:#fff}.toasts{z-index:95;left:16px;right:16px;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface);width:100%;max-width:460px;color:var(--text);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-size:.9rem;font-weight:600;animation:.2s ease-out up;display:flex;box-shadow:0 10px 30px #0000004d}.toast>span{flex:1}.toast.erreur{border-color:color-mix(in srgb, var(--danger) 55%, var(--line))}.toast.erreur>.ico{color:var(--danger)}.toast.ok>.ico{color:var(--rep-text)}.toast.info>.ico{color:var(--accent-text)}@media (width>=820px){.toasts{bottom:24px}}.update-banner{top:calc(10px + env(safe-area-inset-top));z-index:96;background:var(--surface);width:calc(100% - 32px);max-width:520px;color:var(--text);border:1px solid var(--accent-line);border-radius:16px;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-size:.9rem;font-weight:600;animation:.25s ease-out up;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000059}.update-banner>.ico{color:var(--accent-text);flex-shrink:0}.update-banner>span{flex:1}.oops{flex-direction:column;align-items:flex-start;gap:10px;max-width:520px;margin:24px auto;display:flex}.oops h2{margin:0}.oops-detail code{color:var(--muted);word-break:break-word;margin-top:6px;font-size:.78rem;display:block}.sk{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{flex-direction:column;display:flex}.sk-card{align-items:center;gap:14px;display:flex}.sk-cover{border-radius:14px;flex-shrink:0;width:56px;height:56px}.sk-lines{flex-direction:column;flex:1;gap:10px;display:flex}.sk-line{height:14px}.sk-line.short{width:35%;height:11px}.skeleton-chat{flex-direction:column;gap:12px;padding-top:12px;display:flex}.sk-bubble{border-radius:18px;height:40px}.sk-bubble.mine{align-self:flex-end}.bubble{touch-action:pan-y}.bubble.swiping{transition:none}.bubble:not(.swiping){transition:transform .18s ease-out}.password-field{display:block;position:relative}.password-field input{width:100%;padding-right:48px}.password-field .icon-btn{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field-hint{margin-top:4px;display:block}.warn-text{color:var(--warn-text);font-size:.85rem}button.field-hint{font-size:.85rem;font-weight:500}.delete-lists{color:var(--text-2);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.account-email{word-break:break-all}.scroll-top{z-index:18;left:18px;bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);width:46px;height:46px;color:var(--text);border-radius:50%;place-items:center;animation:.2s ease-out up;display:grid;position:fixed;box-shadow:0 6px 18px #00000040}@media (width>=820px){.scroll-top{bottom:24px;left:calc(50% - 364px)}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;display:flex}.empty-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty-title{max-width:34ch;font-size:1.05rem;font-weight:700}.empty-text{max-width:38ch}.empty-state .btn{margin-top:6px}.card .empty-state{padding:20px 8px}.flash{animation:2.6s ease-out flash}@keyframes flash{0%,35%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px #0000}}.pop{animation:.32s ease-out pop}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.vote-btn.pop,.att.pop{animation:.3s ease-out pop-soft}@keyframes pop-soft{0%{transform:scale(1)}40%{transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}.ptr{z-index:60;left:50%;top:calc(env(safe-area-inset-top) + 6px);background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 6px 18px #00000040}.ptr span{place-items:center;display:grid}.ptr.ready,.ptr.busy{color:var(--accent-text)}.ptr.busy span{animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.pop,.flash{animation-duration:10ms}.flash{box-shadow:0 0 0 3px var(--accent)}}.cal-dots{gap:2px;display:flex;position:absolute;bottom:4px}.cal-dots i{width:6px;height:6px;box-shadow:0 0 0 1px var(--surface);border-radius:50%}.my-agenda{margin-top:12px}.my-agenda .cal-events-title{margin-top:0}.agenda-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.alert.clash{margin-bottom:12px}.event-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.when-chip{background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:800}.event-more{flex-direction:column;gap:8px;margin-top:12px;display:flex}.event-who{color:var(--text-2);align-items:center;gap:10px;font-size:.85rem;display:flex}.event-who .avatar-stack .avatar{width:26px;height:26px;font-size:.7rem}.answers{color:var(--muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.answers .progress{max-width:200px}.answers .progress div{background:var(--rep)}.not-answered{color:var(--warn-text);margin:0;font-size:.8rem;font-weight:700}.cal-day.with-ev{justify-content:flex-start;gap:2px;padding-top:4px}.cal-day.with-ev .cal-count{margin:0;font-size:.55rem;position:absolute;top:3px;left:4px}.cal-ev{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;gap:1px;width:92%;margin-top:auto;margin-bottom:4px;padding:1px 0;font-size:.55rem;font-weight:800;line-height:1.25;display:flex;overflow:hidden}.cal-ev b{font-weight:800}.cal-ev.r{background:var(--rep);color:var(--surface)}.cal-ev.c{background:var(--concert);color:var(--surface)}.cal-ev.out{background:0 0;box-shadow:inset 0 0 0 1.5px}.cal-ev.r.out{color:var(--rep-text)}.cal-ev.c.out{color:var(--concert-text)}.cal-ev.todo{background:var(--warn-bg);color:var(--warn-text);outline-offset:-1px;box-shadow:none;outline:1px dashed}.cal-day.past .cal-ev{opacity:.5}.cal-day.off .cal-ev.out{color:var(--surface)}.cal-more{color:var(--muted);font-size:.55rem;font-weight:800;position:absolute;top:3px;right:4px}.cal-day.off .cal-more,.cal-day.off.part .cal-more{color:var(--surface)}.legend-ev{vertical-align:1px;width:auto;margin:0;padding:1px 6px;font-size:.62rem;display:inline-flex}.dispo-free{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.day-event{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:6px;padding-top:10px;display:flex}.day-event .pick{padding-left:0;padding-right:0}.day-event .attend{margin-top:0}.card.song>.vote-meter,.card.song>.votes,.card.song>.vote-btns,.card.song>.veto-box,.card.song>.vote-status{margin-top:12px}.byline-inline{white-space:nowrap}.vote-clock{white-space:nowrap;background:var(--accent-soft);color:var(--accent-text);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.vote-clock.soon{background:var(--warn-bg);color:var(--warn-text)}.vote-clock.done{background:var(--surface-2);color:var(--text-2)}.votes{flex-direction:column;gap:6px;font-size:.8rem;display:flex}.votes>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.votes-lab{min-width:66px;color:var(--muted);font-size:.75rem;font-weight:700}.voter{border-radius:99px;padding:2px 9px;font-size:.75rem;font-weight:600}.voter.up{background:var(--like-soft);color:var(--like-text)}.voter.down{background:var(--surface-2);color:var(--text-2)}.voter.none{border:1px dashed var(--surface-3);color:var(--muted)}.vote-btns{gap:8px;display:flex}.vote-btn{border:1px solid var(--surface-3);min-height:42px;color:var(--text-2);background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.vote-btn.up.on{border-color:var(--like);background:var(--like-soft);color:var(--like-text)}.vote-btn.up.on .ico{color:var(--like)}.vote-btn.down.on{border-color:var(--text-2);background:var(--surface-2);color:var(--text)}.card.song.vetoed{border-color:color-mix(in srgb, var(--danger) 45%, var(--line))}.veto-box{color:var(--text-2);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:12px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:.85rem;display:flex}.veto-box .ico{color:var(--danger);flex-shrink:0;margin-top:2px}.veto-box strong{color:var(--danger-text)}.vote-status{color:var(--text-2);align-items:center;gap:6px;font-size:.82rem;display:flex}.vote-status.warn{color:var(--danger-text)}.veto-btn{color:var(--muted)}.veto-on{color:var(--danger-text)}.veto-counter{background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.veto-counter .ico{color:var(--danger);flex-shrink:0;margin-top:2px}.foot-link{border:1px dashed var(--surface-3);color:var(--text-2);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:14px;font-weight:700;text-decoration:none;display:flex}.foot-link:hover{background:var(--surface-2)}.dup-box{background:var(--warn-bg);color:var(--text-2);border-radius:14px;flex-direction:column;gap:10px;padding:12px;font-size:.9rem;display:flex}.dup-box>strong{color:var(--warn-text);align-items:center;gap:6px;display:flex}.dup-song{background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.dup-actions{flex-wrap:wrap;gap:8px;display:flex}.dup-box .link{color:var(--text-2);text-underline-offset:2px;align-self:flex-start;font-size:.85rem;text-decoration:underline}.aside-hist{color:var(--muted);flex-direction:column;gap:3px;margin-top:10px;font-size:.85rem;display:flex}.aside-hist strong{color:var(--text-2);font-weight:600}.played{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.played.old{color:var(--warn-text)}.page-anim{animation:page-in .3s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0}}.list>*,.activity-list>li,.todo-list>li{animation:rise .42s var(--ease-out) backwards}.list>:nth-child(2),.activity-list>li:nth-child(2),.todo-list>li:nth-child(2){animation-delay:50ms}.list>:nth-child(3),.activity-list>li:nth-child(3),.todo-list>li:nth-child(3){animation-delay:.1s}.list>:nth-child(4),.activity-list>li:nth-child(4),.todo-list>li:nth-child(4){animation-delay:.15s}.list>:nth-child(5),.activity-list>li:nth-child(5){animation-delay:.2s}.list>:nth-child(6),.activity-list>li:nth-child(6){animation-delay:.25s}.list>:nth-child(n+7){animation-delay:.3s}.list>.flash{animation:2.6s ease-out flash}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.topbar{transition:box-shadow .25s,background .25s}.topbar.scrolled{background:color-mix(in srgb, var(--bg) 72%, transparent);box-shadow:0 1px 0 var(--line), 0 10px 24px -14px #00000073}.brand-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.brand-sub{font-family:var(--font-body);color:var(--muted);opacity:0;max-height:0;font-size:.72rem;font-weight:700;transition:max-height .25s,opacity .25s,transform .25s;transform:translateY(4px)}.topbar.scrolled .brand-sub{opacity:1;max-height:16px;transform:none}.vote-btn{position:relative}.vote-btn.up.on.pop .ico{animation:beat .45s var(--spring)}@keyframes beat{40%{transform:scale(1.45)}}.spark{pointer-events:none;width:6px;height:6px;animation:spark .6s var(--ease-out) forwards;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.3);opacity:0}}.vote-meter .seg{transition:background .3s}.vote-meter .seg.grow{animation:seg-fill .45s var(--spring)}@keyframes seg-fill{0%{transform:scaleX(.3)}}.voter,.reaction,.avatar-stack .avatar{animation:chip-in .35s var(--spring) backwards}@keyframes chip-in{0%{opacity:0;transform:scale(.6)}}.confetti-layer{z-index:96;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{border-radius:2px;width:8px;height:12px;animation:2s ease-in forwards confetti-fall;position:absolute;top:-14px}@keyframes confetti-fall{to{transform:translate(var(--dx), 105vh) rotate(var(--r));opacity:.3}}.nav-badge.bump{animation:bump .45s var(--spring)}.nav-badge.bump:after{content:"";border-radius:inherit;border:2px solid var(--like);animation:ring-out .7s var(--ease-out) forwards;pointer-events:none;position:absolute;inset:-2px}.topnav .nav-badge{position:relative}@keyframes bump{40%{transform:scale(1.5)}}@keyframes ring-out{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.msg.fresh .bubble{animation:bubble-in .4s var(--spring) backwards;transform-origin:0 100%}.msg.mine.fresh .bubble{transform-origin:100% 100%}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)translateY(8px)}}.home-next{--hero-glow:var(--rep);position:relative;overflow:hidden}.home-next.concert{--hero-glow:var(--concert)}.home-next:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--hero-glow) 22%, transparent), transparent 45%);animation:9s ease-in-out infinite alternate drift;position:absolute;inset:-40%}.home-next>*{z-index:1;position:relative}@keyframes drift{to{transform:translate(18%,12%)}}.home-countdown.live{color:var(--rep-text);align-items:center;gap:8px;display:inline-flex}.home-next.concert .home-countdown.live{color:var(--concert-text)}.live-dot{background:currentColor;border-radius:50%;width:9px;height:9px;position:relative}.live-dot:after{content:"";background:currentColor;border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{to{opacity:0;transform:scale(3)}}.live-count{gap:6px;display:flex}.live-count>span{text-align:center;background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:12px;min-width:54px;padding:6px 8px}.live-count b{font-family:var(--font-display);font-variant-numeric:tabular-nums;animation:tick .35s var(--ease-out);font-size:1.3rem;display:block}.live-count small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}@keyframes tick{0%{opacity:0;transform:translateY(-40%)}}.cover{box-shadow:0 12px 24px -12px color-mix(in srgb, var(--cover-glow,#000) 70%, transparent), inset 0 1px 0 #ffffff1a;transition:transform .3s var(--spring)}@media (hover:hover){.cover:hover{transform:translateY(-3px)rotate(-2deg)}}.eq{flex-shrink:0;align-items:flex-end;gap:2px;width:16px;height:14px;display:inline-flex}.eq i{background:currentColor;border-radius:2px;flex:1;height:30%}.eq.playing i{animation:.9s ease-in-out infinite eq}.eq.playing i:nth-child(2){animation-delay:-.3s}.eq.playing i:nth-child(3){animation-delay:-.6s}.eq.playing i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.btn.playing{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.voice-wave{flex:1;align-items:center;gap:2px;min-width:90px;height:24px;display:flex}.voice-wave i{opacity:.3;background:currentColor;border-radius:2px;flex:1;transition:opacity .2s}.voice-wave i.done{opacity:1}.voice .eq{justify-content:flex-end;width:32px}.btn,.icon-btn,.vote-btn,.att,.chip-toggle,.pick,.segmented button,.reaction,.toast-action{transition:transform .12s var(--ease-out), background .2s, color .2s, border-color .2s}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.vote-btn:active,.att:active,.chip-toggle:active,.pick:active,.segmented button:active,.reaction:active,.toast-action:active{transform:scale(.96)}.toast{position:relative;overflow:hidden}.toast-action{color:var(--accent-text);background:0 0;border:none;border-radius:10px;padding:6px 10px;font-size:.9rem;font-weight:800}.toast-action:hover{background:var(--accent-soft)}.toast-timer{background:var(--accent);transform-origin:0;width:100%;height:3px;animation:linear forwards drain;position:absolute;bottom:0;left:0}@keyframes drain{to{transform:scaleX(0)}}.vote-ring{flex-shrink:0;transform:rotate(-90deg)}.vote-ring circle{fill:none;stroke-width:2.6px}.vote-ring .track{stroke:color-mix(in srgb, currentColor 25%, transparent)}.vote-ring .fill{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out);animation:ring-fill .9s var(--ease-out) backwards}@keyframes ring-fill{0%{stroke-dashoffset:44px}}.vote-clock.last{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger-text)}.home-uptodate{color:var(--text);align-items:center;gap:12px;font-weight:600;display:flex}.home-uptodate strong{color:var(--ok-text)}.draw-check{flex-shrink:0;width:44px;height:44px}.draw-check circle{fill:color-mix(in srgb, var(--rep) 14%, transparent);stroke:var(--rep);stroke-width:3px;stroke-dasharray:190;animation:draw .6s var(--ease-out) backwards}.draw-check path{fill:none;stroke:var(--rep);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:draw .4s .45s var(--ease-out) backwards}@keyframes draw{0%{stroke-dashoffset:190px}}.draw-check path{animation-name:draw-short}@keyframes draw-short{0%{stroke-dashoffset:40px}}:root.vt-theme::view-transition-old(root){mix-blend-mode:normal;animation:none}:root.vt-theme::view-transition-new(root){mix-blend-mode:normal;animation:none}:root.vt-theme::view-transition-new(root){animation:theme-reveal .6s var(--ease-out)}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,50%))}to{clip-path:circle(150vmax at var(--vt-x,50%) var(--vt-y,50%))}}.stat-bar>span,.answers .progress div{transform-origin:0;animation:grow-x .9s var(--ease-out) backwards}@keyframes grow-x{0%{transform:scaleX(0)}}.home,.home>:not(.home-glow){position:relative}.home-glow{pointer-events:none;z-index:0;height:320px;position:absolute;top:-40px;left:-16px;right:-16px;overflow:hidden}.home-glow span{filter:blur(60px);border-radius:50%;width:260px;height:260px;position:absolute}.home-glow span:first-child{background:color-mix(in srgb, var(--accent) 38%, transparent);animation:10s ease-in-out infinite alternate float;top:-150px;left:-60px}.home-glow span:last-child{background:color-mix(in srgb, var(--accent) 18%, transparent);animation:13s ease-in-out infinite alternate-reverse float;top:-140px;right:-90px}@keyframes float{to{transform:translate(40px,24px)scale(1.12)}}.stage-song{animation:stage-in .4s var(--ease-out) backwards;flex-direction:column;gap:12px;display:flex}.stage-song.from-left{animation-name:stage-in-left}@keyframes stage-in{0%{opacity:0;transform:translate(48px)}}@keyframes stage-in-left{0%{opacity:0;transform:translate(-48px)}}.stage-progress{background:var(--stage-line,#ffffff1f);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.stage-progress span{background:var(--accent);height:100%;transition:width .45s var(--ease-out);border-radius:2px;display:block}.quickvote-entry{text-align:left;border:1px solid var(--accent-line);background:var(--accent-soft);width:100%;color:var(--text);border-radius:18px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.quickvote-entry>span:nth-child(2){flex:1;min-width:0}.qv-entry-ico{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.qv-entry-go{color:var(--accent-text);white-space:nowrap;align-items:center;gap:2px;font-size:.9rem;font-weight:800;display:inline-flex}.quickvote{z-index:60;padding:calc(10px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:12px;animation:.25s ease-out fade;display:flex;position:fixed;inset:0}.qv-head{align-items:center;gap:10px;width:100%;max-width:460px;margin:0 auto;display:flex}.qv-head strong{font-family:var(--font-display);flex:1;font-size:1.15rem}.qv-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.qv-bar{background:var(--surface-3);border-radius:3px;width:100%;max-width:460px;height:5px;margin:0 auto;overflow:hidden}.qv-bar span{background:var(--accent);height:100%;transition:width .35s var(--ease-out);display:block}.qv-deck{flex:1;width:100%;max-width:460px;min-height:0;margin:0 auto;position:relative}.qv-card{isolation:isolate;background:var(--surface);border:1px solid var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .38s var(--spring), opacity .3s;animation:rise .3s var(--ease-out) backwards;border-radius:26px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 44px -20px #000000b3}.qv-card.dragging{cursor:grabbing;transition:none}.qv-card.leaving{transition:transform .34s var(--ease-out), opacity .34s;opacity:0}.qv-card.back{opacity:.55;pointer-events:none;animation:none;transform:scale(.94)translateY(14px)}.qv-card .cover.big{aspect-ratio:1;object-fit:cover;align-self:center;width:100%;max-width:42vh;height:auto;max-height:42vh}.qv-title{margin:0;font-size:1.5rem;line-height:1.1}.qv-notes{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.qv-player{margin-top:auto}.qv-stamp{z-index:2;pointer-events:none;font-family:var(--font-display);letter-spacing:.04em;background:color-mix(in srgb, var(--surface) 70%, transparent);border:3px solid;border-radius:10px;padding:6px 12px;font-size:1.2rem;font-weight:800;position:absolute;top:26px}.qv-stamp.yes{color:var(--like);border-color:var(--like);left:24px;transform:rotate(-12deg)}.qv-stamp.no{color:var(--text-2);border-color:var(--text-2);right:24px;transform:rotate(12deg)}.qv-btns{justify-content:center;align-items:center;gap:18px;display:flex}.qv-btn{border:1px solid var(--surface-3);background:var(--surface);width:64px;height:64px;color:var(--text-2);border-radius:50%;place-items:center;font-weight:800;display:grid}.qv-btn.yes{color:var(--like);border-color:var(--like);background:var(--like-soft)}.qv-btn.skip{width:52px;height:52px;font-size:.75rem}.qv-hint{text-align:center}.qv-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.qv-done .draw-check{width:72px;height:72px}.qv-done strong{font-family:var(--font-display);font-size:1.35rem}.qv-done .btn{margin-top:8px}.fab{transition:transform .1s, padding .3s var(--spring), gap .3s}.fab-label{white-space:nowrap;max-width:120px;transition:max-width .3s var(--ease-out), opacity .2s;overflow:hidden}.fab.mini{gap:0;padding:0 17px}.fab.mini .fab-label{opacity:0;max-width:0}.new-above{z-index:19;left:50%;top:calc(72px + env(safe-area-inset-top));background:var(--accent);color:var(--accent-ink);animation:drop-in .45s var(--spring);border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:800;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #00000059}@keyframes drop-in{0%{transform:translate(-50%,-70px)}}::view-transition-group(event-date){animation-duration:.45s;animation-timing-function:var(--ease-out)}::view-transition-old(event-date){object-fit:contain;height:100%;animation-duration:.3s}::view-transition-new(event-date){object-fit:contain;height:100%;animation-duration:.3s}.tap[data-nav] .ico{animation:.55s var(--spring)}.tap[data-nav=home] .ico{animation-name:tap-home}.tap[data-nav=idea] .ico{animation-name:tap-idea;animation-timing-function:ease-out}.tap[data-nav=music] .ico{animation-name:tap-music}.tap[data-nav=calendar] .ico{animation-name:tap-calendar;animation-timing-function:var(--ease-out)}.tap[data-nav=chat] .ico{animation-name:tap-chat}@keyframes tap-home{40%{transform:translateY(-4px)scaleY(1.1)}70%{transform:translateY(1px)scaleY(.95)}}@keyframes tap-idea{30%{filter:drop-shadow(0 0 6px var(--accent));transform:scale(1.12)}}@keyframes tap-music{25%{transform:rotate(-16deg)}60%{transform:rotate(10deg)}}@keyframes tap-calendar{45%{transform:perspective(60px)rotateX(55deg)}}@keyframes tap-chat{35%{transform:translateY(-5px)scale(1.12)}}.card.song.open,.qv-card{isolation:isolate;position:relative;overflow:hidden}.cover-backdrop{z-index:-1;pointer-events:none;height:340px;animation:.6s ease-out fade;position:absolute;top:0;left:0;right:0;overflow:hidden}.cover-backdrop-img{filter:blur(40px)saturate(1.5)brightness(.85);opacity:.6;background-position:50%;background-size:cover;position:absolute;inset:-60px}.cover-backdrop:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 20%, transparent), var(--surface) 92%);position:absolute;inset:0}:root[data-theme=light] .cover-backdrop-img{opacity:.38;filter:blur(40px)saturate(1.4)}.qv-card .cover-backdrop{height:100%}.qv-card .cover-backdrop:after{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 15%, transparent) 30%, var(--surface) 85%)}.cover-backdrop.stage{z-index:0;height:auto;inset:0}.cover-backdrop.stage .cover-backdrop-img{opacity:.32;filter:blur(60px)saturate(1.3)brightness(.6)}.cover-backdrop.stage:after{background:radial-gradient(ellipse at 50% 40%, transparent, var(--stage-bg) 85%)}.stage>:not(.cover-backdrop){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-new(root){animation:none!important}}