: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;--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.active .icon{background:var(--accent-soft)}.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{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.att{border:1px solid var(--surface-3);height:40px;color:var(--text-2);background:0 0;border-radius:12px;font-size:.88rem;font-weight:600}.att.on.present{border-color:var(--rep);color:var(--rep-text);background:#2bb39a29;font-weight:700}.att.on.maybe{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft);font-weight:700}.att.on.absent{border-color:var(--danger);color:var(--danger-text);background:#ff6b6b1a;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;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;animation:.22s ease-out up;overflow:auto}.modal-head{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:18px 18px 8px;display:flex;position:sticky;top:0}.modal-head h2{margin:0}.modal-body{padding:8px 18px 22px}@media (width>=600px){.modal-backdrop{align-items:center}.modal{border-radius:24px}}@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)}.home-uptodate{color:var(--ok-text);align-items:center;gap:8px;font-weight:600;display:flex}.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)}}.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}