.sk{animation:sk-in var(--t-mid) var(--ease) .15s both;flex-direction:column;gap:10px;display:flex}@keyframes sk-in{0%{opacity:0}}.sk-title,.sk-block,.sk-row{background:var(--surface);border-radius:var(--r-control)}.sk-title{border-radius:var(--r-chip);width:55%;height:34px;margin:16px 4px 12px}.sk-block{border-radius:var(--r-block);height:132px}.sk-row{height:58px}.vouw{transition:grid-template-rows calc(var(--t-mid) * .75) var(--ease), margin-top calc(var(--t-mid) * .75) var(--ease);grid-template-rows:0fr;display:grid}.vouw[data-open=true]{transition-duration:var(--t-mid);grid-template-rows:1fr}.vouw-in{opacity:0;min-width:0;min-height:0;transition:opacity var(--t-fast) var(--ease);overflow:hidden}.vouw[data-open=true]>.vouw-in{opacity:1;overflow-clip-margin:6px;transition-delay:80ms;overflow:clip}.ls-page{min-height:0;padding-top:var(--safe-top);flex-direction:column;flex:1;display:flex;position:relative}.ls-top{flex-shrink:0;align-items:center;gap:10px;padding:12px 16px 8px;display:flex}.ls-chip{flex-shrink:0}.ls-plek{min-width:0;color:var(--text-lyric);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.ls-tip{border-radius:var(--r-chip);background:var(--surface-raised);min-height:34px;color:var(--text-lyric);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:14px;display:inline-flex}.ls-tip-rond{border-radius:50%;justify-content:center;width:38px;min-height:38px;padding:0}.ls-tip-amber{background:var(--amber-soft);color:var(--amber-text)}.ls-klaar{flex-shrink:0;min-height:44px}.ls-scroll{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;max-width:720px;min-height:0;margin:0 auto;padding:0 12px 24px;display:flex;overflow-y:auto}.ls-vorige{margin:0 8px;font-size:15px}.ls-straks,.ls-pauze{border-radius:var(--r-block);color:var(--text);font:inherit;text-align:left;border:0;flex-direction:column;gap:6px;padding:20px;display:flex}.ls-straks:active{background:var(--surface-raised)}.ls-label{color:var(--text-muted);font-size:15px}.ls-label-red{color:var(--red-text);font-weight:600}.ls-titel{font-size:30px;line-height:1.1}.ls-groot{font-family:var(--font-display);font-size:40px;line-height:1.05}.ls-sub{color:var(--text-lyric);font-size:16px}.ls-feiten{flex-direction:column;gap:10px;margin-top:8px;display:flex}.ls-blokken{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ls-blok{border-radius:var(--r-control);background:var(--surface-sunk);flex-direction:column;padding:12px 14px;display:flex}.ls-blok-k{color:var(--text-muted);font-size:14px}.ls-blok-v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:42px;line-height:1.1}.ls-blok-v.is-akkoord{font-family:var(--font-chord);font-size:38px;font-weight:600}.ls-regel{justify-content:space-between;gap:16px;font-size:17px;display:flex}.ls-regel>:last-child{text-align:right}.ls-kop{color:var(--text-muted);margin:6px 8px 0;font-size:15px;font-weight:500}.ls-daarna{margin:0;padding:0 8px;list-style:none}.ls-daarna li,.ls-rij{align-items:center;gap:12px;min-height:48px;display:flex}.ls-nr{width:20px;color:var(--text-muted);font-variant-numeric:tabular-nums}.ls-naam{min-width:0;color:var(--text-lyric);flex:1;font-size:18px}.ls-key{font:600 16px var(--font-chord);color:var(--text-lyric)}.ls-reserve{background:var(--surface-reserve);margin:0;padding:4px 16px;list-style:none}.ls-reserve li+li{border-top:1px solid var(--line)}.ls-rij{width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;padding:0}.ls-rij svg{color:var(--text-muted)}.ls-ongedaan{color:var(--amber-text);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:16px;display:flex}.ls-balk{padding:12px 12px calc(14px + var(--safe-bottom));background:var(--bg-menu);border-top:1px solid var(--line);flex-shrink:0;gap:8px;display:flex}.ls-balk .btn{flex:1 1 0;min-height:60px}.ls-hoofd{flex-grow:1.4}.ls-kies{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.ls-kies-in{width:100%;max-width:560px;max-height:80%;padding:16px 16px calc(16px + var(--safe-bottom));border-radius:var(--r-block) var(--r-block) 0 0;background:var(--surface);flex-direction:column;gap:10px;display:flex}.ls-kies-lijst{margin:0;padding:0;list-style:none;overflow-y:auto}.ls-kies-lijst .ls-rij{border-radius:14px;padding:0 12px}.ls-kies-lijst .ls-rij.is-reserve{background:var(--surface-reserve);margin-bottom:6px}.ls-leeg{padding:12px}.ls-page[data-layout=phone-landscape] .ls-straks{padding:14px 18px}.ls-uitloop{border-radius:var(--r-control);background:var(--amber-soft);color:var(--amber-text);align-items:center;gap:10px;padding:10px 14px;font-size:16px;display:flex}.ls-uitloop-tekst{flex:1;min-width:0}.ls-uitloop .btn{flex-shrink:0;min-height:44px}.ls-volgt{color:var(--text-muted)}.ls-terug{flex-direction:column;flex:1;min-height:0;display:flex}.ls-terug-titel{margin:12px 8px 0;font-size:30px}.ls-terug .ls-sub{margin:0 8px}.ls-terug-lijst{margin:8px 0 0;padding:4px 16px;list-style:none}.ls-terug-rij{align-items:center;gap:10px;min-height:60px;display:flex}.ls-terug-rij+.ls-terug-rij{border-top:1px solid var(--line)}.ls-duim{background:var(--surface-raised);width:52px;height:52px;color:var(--text-muted);border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ls-duim-omlaag svg{transform:rotate(180deg)}.ls-duim.is-goed{background:var(--green-soft);color:var(--green)}.ls-duim.is-mis{background:var(--amber-soft);color:var(--amber-text)}.mdb{padding:12px 16px calc(12px + var(--safe-bottom));background:var(--bg-menu);border-top:1px solid var(--line);animation:mdb-op var(--t-mid) var(--ease);flex-shrink:0;gap:8px;display:flex}.mdb .btn{flex:1 1 0;gap:10px;max-width:420px;min-height:58px}.mdb .btn:first-child{margin-left:auto}.mdb .btn:last-child{margin-right:auto}@keyframes mdb-op{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.mdb{animation:none}}.ls-zon{cursor:pointer;border:0;width:44px;min-height:44px}.ls-zon.is-aan{background:var(--text);color:var(--bg)}.ls-terug .ls-scroll{padding-top:16px}.agenda{min-height:0;padding-top:var(--safe-top);flex-direction:column;flex:1;display:flex;position:relative}.agenda-head{transition:border-color var(--t-mid) ease;border-bottom:1px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;display:flex;position:relative;container-type:inline-size}.agenda-slot{flex:1;min-width:0;height:44px;position:relative}.agenda-slot>*{transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:0}.agenda-slot img{width:auto;height:30px;display:block;transform:translateY(-50%)}.agenda-slot-month{white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:100%;font-size:20px;font-weight:700;line-height:28px;overflow:hidden;transform:translateY(-10%)}.agenda-head.is-stuck img{opacity:0;transform:translateY(-90%)}.agenda-head.is-stuck .agenda-slot-month{opacity:1;transform:translateY(-50%)}.agenda-head.is-stuck{border-bottom-color:var(--line)}.agenda-find-btn{background:var(--surface-sunk);width:56px;height:56px;color:var(--text-muted);border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;display:inline-flex}.agenda-find-btn:active{color:var(--text)}.agenda-slot,.agenda-add-top,.agenda-switch{transition:opacity .16s ease .2s, transform .2s var(--ease) .2s}.agenda-find-btn{transition:opacity 0s linear .24s, color var(--t-fast) ease}.agenda-head.is-finding .agenda-slot,.agenda-head.is-finding .agenda-add-top,.agenda-head.is-finding .agenda-switch{opacity:0;transition:opacity 90ms ease, transform .16s var(--ease)}.agenda-head.is-finding .agenda-slot{transform:translate(-8px)}.agenda-head.is-finding .agenda-switch{transform:translate(8px)}.agenda-head.is-finding .agenda-find-btn{opacity:0;transition:opacity}.agenda-find{--find-ease:cubic-bezier(.16, 1, .3, 1);background:var(--surface-sunk);height:56px;box-shadow:inset 0 0 0 2px var(--control-on);color:var(--text-muted);clip-path:inset(0 var(--clip-r,0px) 0 var(--clip-l,0px) round 16px);opacity:0;pointer-events:none;transition:clip-path .24s var(--find-ease), opacity 0s linear .24s, box-shadow 80ms ease;border-radius:16px;align-items:center;gap:10px;padding:0 4px 0 17px;display:flex;position:absolute;top:14px;left:16px;right:16px}.agenda-head:not(.is-finding) .agenda-find{box-shadow:inset 0 0 0 2px #0000}.agenda-head.is-finding .agenda-find{clip-path:inset(0 round 16px);opacity:1;pointer-events:auto;transition:clip-path .34s var(--find-ease) 60ms, opacity 0s, box-shadow .22s ease .38s}.agenda-find-icon{transform:translateX(var(--clip-l,0px));transition:transform .24s var(--find-ease);flex-shrink:0;display:inline-flex}.agenda-head.is-finding .agenda-find-icon{transition:transform .34s var(--find-ease) 60ms;transform:none}.agenda-find input,.agenda-find-close{opacity:0;transition:opacity}.agenda-head.is-finding .agenda-find input,.agenda-head.is-finding .agenda-find-close{opacity:1;transition:opacity .18s .22s}.agenda-find input{min-width:0;min-height:48px;color:var(--text);caret-color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px}.agenda-find input::placeholder{color:var(--text-muted)}.agenda-find input::-webkit-search-cancel-button{display:none}.agenda-find-close{width:48px;height:48px;color:var(--text-muted);background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.agenda-views .agenda-find-results{z-index:3;background:var(--bg);animation:.22s .12s both find-in;position:absolute;inset:0}@keyframes find-in{0%{opacity:0}}@container (width<=520px){.agenda-switch button svg{display:none}.agenda-switch button{padding:0 14px}}.agenda-empty{padding:24px 20px 0}.agenda-switch{background:var(--surface-sunk);border-radius:16px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:relative}.agenda-switch-pill{background:var(--control-on);border-radius:12px;width:calc(50% - 6px);transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.agenda-switch.is-right .agenda-switch-pill{transform:translate(calc(100% + 4px))}.agenda-switch button{min-height:48px;color:var(--text-muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.agenda-switch button.is-on{color:var(--text)}.agenda-views{flex:1;min-height:0;position:relative;overflow:clip}.agenda-view{transition:opacity var(--t-mid) var(--ease) calc(var(--t-mid) / 3), transform var(--t-slow) var(--ease) calc(var(--t-mid) / 3), visibility 0s linear 0s;flex-direction:column;display:flex;position:absolute;inset:0}.show-list .agenda-view+.agenda-view,.show-calendar .agenda-view:first-child{opacity:0;visibility:hidden;transition:opacity calc(var(--t-mid) / 2) var(--ease), transform calc(var(--t-slow) * .75) var(--ease), visibility 0s linear calc(var(--t-slow) * .75);transform:translate(40px)}.show-calendar .agenda-view:first-child{transform:translate(-40px)}.agenda-split{flex:1;gap:8px;min-height:0;padding:0 12px 0 0;display:flex}.agenda-side{flex-direction:column;flex:0 0 clamp(372px,40%,520px);min-width:0;min-height:0;display:flex}.agenda-main{flex-direction:column;flex:1;min-width:0;min-height:0;padding:14px 0 16px;display:flex}.agenda-scroll{flex:1;min-height:0;padding:0 8px 96px;position:relative;overflow-y:auto}.month-group{flex-direction:column;gap:2px;display:flex}.month-head{border-bottom:1px solid var(--line);margin:0 0 4px;padding:8px;font-size:20px;font-weight:700;line-height:28px}.month-group+.month-group .month-head{padding-top:24px}.ev-row{text-align:left;width:100%;min-height:66px;color:var(--text);transition:background var(--t-fast) ease;background:0 0;border:0;border-radius:14px;grid-template-columns:48px 6px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:0 8px;display:grid}.ev-row:active{background:var(--surface-sunk)}.ev-row.is-picked{background:var(--surface)}.ev-date{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;height:44px;display:flex}.ev-date-top{color:var(--text-muted);font-size:12px;font-weight:500;line-height:14px}.ev-date-top.is-near{color:var(--text);font-weight:600}.ev-date-num{font-size:24px;font-weight:700;line-height:28px}.ev-bar{background:var(--kind-gig);border-radius:3px;width:6px;height:44px}.ev-bar.is-rehearsal{background:var(--kind-rehearsal)}.ev-bar.is-option{border:2px solid var(--kind-gig);background:0 0}.ev-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.ev-title,.ev-sub{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.ev-title{font-size:17px;font-weight:600;line-height:22px}.ev-title.is-rehearsal{color:var(--text-muted);font-weight:400}.ev-sub{color:var(--text-muted);margin-top:4px;font-size:14px;line-height:18px}.ev-place{align-items:center;gap:5px;display:flex}.ev-place svg{flex:none}.ev-place span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ev-changed{color:var(--amber)}.ev-label{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;max-width:120px;height:26px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.ev-label.is-option{border-color:var(--option-line);color:var(--text-lyric)}.ev-label.is-green{background:var(--green-quiet);color:var(--green-quiet-text)}.ev-label.is-amber{background:var(--amber-soft);color:var(--amber)}.agenda.is-split .agenda-head{padding-left:20px}.agenda.is-split .agenda-find{left:20px}.agenda.is-split .agenda-scroll{padding:0 8px 96px}.agenda.is-split .month-head{padding-left:12px;font-size:22px}.agenda.is-split .ev-row{grid-template-columns:56px 6px minmax(0,1fr) auto;column-gap:16px;min-height:76px;padding:0 12px}.agenda.is-split .ev-date,.agenda.is-split .ev-bar{height:48px}.agenda.is-split .ev-date-top{font-size:13px;line-height:16px}.agenda.is-split .ev-date-num{font-size:28px;line-height:30px}.agenda.is-split .ev-title{font-size:18px;line-height:24px}.agenda.is-split .ev-sub{font-size:15px;line-height:20px}.agenda.is-split .ev-label{max-width:170px;height:28px;font-size:14px}.agenda-side{position:relative;container-type:inline-size}.mark-kort{display:none}@container (width<=399px){.mark-lang{display:none}.mark-kort{display:inline}}.ev-screen{min-height:0;padding-top:var(--safe-top);flex-direction:column;flex:1;display:flex}.ev-detail{flex-direction:column;flex:1;min-height:0;display:flex}.ev-topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.ev-back{min-height:48px;color:var(--text);background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:16px;font-weight:600;display:inline-flex}.ev-back:active{background:var(--surface)}.ev-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 20px 96px;display:flex;overflow-y:auto}.agenda.is-split .ev-body{gap:14px;padding:0 0 24px}.ev-when{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.info-contact{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.info-contact-name{font-size:17px;font-weight:500}.block-status{align-items:center;gap:8px;display:inline-flex}.ev-note{margin:0}.away-line{align-items:center;gap:8px;display:flex}.ev-foot{flex-wrap:wrap;gap:10px;display:flex}.ev-foot:empty{display:none}.ev-foot .btn{flex:1 1 0;min-width:0}.info-list{flex-direction:column;display:flex}.info-row{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:10px 0;display:flex}.info-row:last-child{border-bottom:1px solid var(--line)}.info-row.is-stacked{flex-direction:column;align-items:flex-start;gap:4px;min-height:48px}.info-label{flex:1;font-size:16px}.info-value{text-align:right;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:8px;font-size:19px;font-weight:600;display:inline-flex}.info-value.is-open{color:var(--text-muted);font-size:16px;font-weight:400}.ev-open{align-items:center;gap:8px;margin:0;display:flex}.info-value>.dot{align-self:center}.info-row:has(.info-lines){align-items:baseline}.info-lines{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.info-note{color:var(--text-muted);font-size:16px;font-weight:400}.info-row.is-stacked .info-value{text-align:left;font-size:17px;font-weight:500}.rh-progress{flex-direction:column;gap:8px;display:flex}.progress-text{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.progress{background:var(--control);border-radius:6px;height:6px;display:block;overflow:hidden}.progress-bar{background:var(--green);height:100%;transform:translateX(calc(var(--pct,0%) - 100%));transition:transform var(--t-slow) var(--ease);border-radius:6px;display:block}.rh-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rh-row{align-items:center;gap:4px;min-height:56px;display:flex}.rh-row+.rh-row{border-top:1px solid var(--line)}.rh-check{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.rh-dot{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--text-muted);color:var(--bg);transition:background var(--t-mid) ease, box-shadow var(--t-mid) ease, transform var(--t-mid) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.rh-dot svg{opacity:0;transition:opacity var(--t-fast) ease, transform var(--t-mid) var(--ease);transform:scale(.4)}.rh-check.is-done .rh-dot{background:var(--green);box-shadow:none;transform:scale(1.07)}.rh-check.is-done .rh-dot svg{opacity:1;transform:scale(1)}.rh-open{text-align:left;min-width:0;min-height:56px;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 2px 0 6px;display:flex}.rh-open svg{color:var(--text-muted);flex-shrink:0}.rh-text{flex:1;min-width:0}.rh-title{white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-mid) ease;font-size:17px;display:block;overflow:hidden}.rh-title.is-done{color:var(--text-muted)}.rh-note{color:var(--amber);align-items:center;gap:7px;margin-top:4px;font-size:14px;display:flex}.rh-hint{margin:-6px 0 0;font-size:14px}.rh-open .chip{flex-shrink:0}.agenda-mc{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 12px 96px;display:flex;overflow-y:auto}.mc{background:var(--surface);border-radius:var(--r-block);padding:12px}.mc-bar{align-items:center;gap:6px;padding:0 0 8px;display:flex}.mc-title{text-transform:capitalize;flex:1;min-width:0;margin:0;font-size:22px}.mc-title-btn{min-height:48px;color:inherit;font:inherit;text-transform:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;margin-left:-8px;padding:0 8px;display:inline-flex}.mc-title-btn svg{color:var(--text-muted);transition:transform var(--t-mid) var(--ease)}.mc-title-btn[aria-expanded=true] svg{transform:rotate(180deg)}.mc-title-btn:active{background:var(--surface-sunk)}.mc-today{min-height:48px;padding:0 16px;font-size:15px}.mc-week,.mc-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.mc-week span{text-align:center;color:var(--text-muted);padding-bottom:6px;font-size:13px;font-weight:600}.mc-grid{touch-action:pan-y;gap:2px}.mc-grid.from-right{animation:mc-right var(--t-mid) var(--ease)}.mc-grid.from-left{animation:mc-left var(--t-mid) var(--ease)}@keyframes mc-right{0%{opacity:0;transform:translate(24px)}}@keyframes mc-left{0%{opacity:0;transform:translate(-24px)}}.mc-day{aspect-ratio:5/4;min-height:48px;max-height:72px;color:var(--text);transition:background var(--t-fast) ease;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;display:flex;position:relative}.mc-day.is-out .mc-num,.mc-day.is-past .mc-num{color:var(--text-dim)}.mc-day.is-today .mc-num{color:var(--red-text)}.mc-day.is-on{background:var(--control-on)}.mc-day.is-today.is-on{box-shadow:inset 0 0 0 2px var(--red-text)}.mc-day.is-today.is-on .mc-num{color:var(--text)}.mc-num{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;line-height:1}.mc-marks{align-items:center;gap:3px;height:6px;display:flex}.m-gig{background:var(--text);border-radius:3px;flex-shrink:0;width:16px;height:5px}.m-reh{width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--text-muted);border-radius:50%;flex-shrink:0}.m-away{background:var(--amber);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.m-away.is-inline{position:static}.mc-legend{flex-wrap:wrap;align-items:center;gap:8px 20px;margin:8px 0 0;padding:0 4px;font-size:13px;display:flex}.mc-legend span{align-items:center;gap:7px;display:inline-flex}.yearbar{border-bottom:1px solid var(--line);margin:0 -12px 12px;padding:2px 0 12px}.yearbar-row{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab;align-items:flex-end;gap:6px;padding:0 12px;scroll-padding-inline:12px;display:flex;overflow-x:auto}.yearbar-row.is-slepen{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.yearbar-row::-webkit-scrollbar{display:none}.yearbar-month{min-width:52px;height:132px;color:var(--text);font-family:var(--font-body);scroll-snap-align:center;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:6px;padding:8px 6px 10px;display:flex}.yearbar-month.is-on{background:var(--surface-raised);box-shadow:inset 0 0 0 2px var(--text)}.yearbar-count{min-height:18px;color:var(--text-lyric);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:18px}.yearbar-staaf{background:var(--text-dim);width:22px;height:4px;transition:height .22s var(--ease);border-radius:6px}.yearbar.is-open .yearbar-staaf{height:calc(4px + 64px * var(--n,0));transition:height var(--t-slow) var(--ease) calc(.12s + min(var(--i,0), 12) * 25ms)}.yearbar-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}.yearbar-month.is-on .yearbar-count,.yearbar-month.is-on .yearbar-label{color:var(--text)}.yearbar-month.is-on .yearbar-staaf{background:var(--text)}.yearbar-month.is-past .yearbar-count{color:var(--text-dim)}.yearbar-month.is-past .yearbar-staaf{background:var(--control-on)}.yearbar-month.is-past.is-on .yearbar-staaf{background:var(--text)}.day{background:var(--surface-sunk);border-radius:var(--r-block);animation:day-in var(--t-mid) var(--ease);flex-direction:column;gap:2px;padding:16px;display:flex}@keyframes day-in{0%{opacity:.4;transform:translateY(6px)}}.day-title{margin:0;padding:0 4px 6px;font-size:16px;font-weight:600}.agenda .day .ev-row{grid-template-columns:6px minmax(0,1fr) auto}.agenda .day .ev-row:active{background:var(--surface)}.agenda .day .ev-row.is-picked{background:var(--surface-raised)}.day .ev-date{display:none}.day.is-main{border-radius:var(--r-block);background:var(--surface);flex:1;gap:8px;padding:22px 24px}.day.is-main .day-title{padding:0 0 4px;font-size:28px}.day-empty,.day-away{align-items:center;gap:8px;margin:0;padding:4px;display:flex}.day-block{margin-top:6px;display:flex}.day-block .btn{flex:1}.day-new{gap:8px;margin-top:6px;display:flex}.day-new .btn{flex:1}.agenda-add{z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.agenda-add-btn{background:var(--surface-raised);min-height:56px;color:var(--text);transition:transform var(--t-fast) ease;border:0;border-radius:18px;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:0 10px 28px #0000008c}.agenda-add-btn:active{transform:scale(.96)}.agenda-add-menu{background:var(--surface-raised);min-width:190px;animation:add-in var(--t-mid) var(--ease);transform-origin:100% 100%;border-radius:20px;flex-direction:column;padding:6px;display:flex;box-shadow:0 12px 32px #0000008c}.agenda-add-top .agenda-add-menu{transform-origin:0 0;animation-name:add-down}@keyframes add-down{0%{opacity:0;transform:translateY(-8px)scale(.94)}}@keyframes add-in{0%{opacity:0;transform:translateY(8px)scale(.94)}}.agenda-add-menu button{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-size:17px;font-weight:600;display:flex}.agenda-add-menu button:active{background:var(--control)}.agenda-add-scrim{z-index:4;animation:scrim-in var(--t-mid) ease;background:#00000059;border:0;position:absolute;inset:0}.agenda-add.is-bar{border-top:1px solid var(--line);flex-shrink:0;align-items:stretch;padding:12px 16px 16px;position:relative;bottom:auto;right:auto}.agenda-add.is-bar .agenda-add-btn{box-shadow:none;justify-content:center}.agenda-add.is-bar .agenda-add-menu{position:absolute;bottom:calc(100% + 8px);left:16px;right:16px}.agenda.is-split .agenda-scroll,.agenda.is-split .agenda-mc{padding-bottom:24px}@keyframes scrim-in{0%{opacity:0}}@media (width>=980px){.ev-name{font-size:32px}}.agenda.is-split .agenda-mc{padding-left:4px;padding-right:4px}.agenda.is-split .mc{padding:8px}@container (width>=400px){.agenda.is-split .agenda-mc{padding-left:8px;padding-right:8px}.agenda.is-split .mc{padding:12px}}.agenda.is-split .mc-title{white-space:nowrap;font-size:19px}.agenda.is-split .mc-bar{gap:4px}.agenda.is-split .mc-today{padding:0 10px}.mc-day.is-past .m-gig{background:var(--text-dim)}.m-gig.is-off{box-shadow:inset 0 0 0 1.5px var(--text-dim);background:0 0}.ev-bar.is-past{background:var(--text-dim)}.ev-bar.is-option.is-past{border-color:var(--text-dim);background:0 0}.ev-again{flex-direction:column;gap:6px;display:flex}.ev-again-note{margin:0 4px;font-size:14px}@media (prefers-reduced-motion:reduce){.agenda-head,.agenda-slot>*,.agenda-switch-pill,.agenda-switch button,.agenda-view,.mc-grid,.day,.yearbar-month,.yearbar-staaf,.agenda-find,.agenda-find-icon,.agenda-find input,.agenda-find-close,.agenda-find-results,.agenda-switch,.agenda-find-btn,.agenda-slot,.yearbar-staaf,.progress-bar{transition:none!important;animation:none!important}}.ev-kop{border-radius:var(--r-block);background:var(--surface);flex-direction:column;gap:18px;margin-top:12px;padding:26px 20px 8px;display:flex}.agenda.is-split .ev-kop{margin-top:0;padding:28px 24px 8px}.ev-kop-top{align-items:flex-start;gap:12px;display:flex}.ev-kop-text{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.ev-name{text-wrap:balance;font-size:31px;line-height:1.08}.ev-edit{flex-shrink:0;gap:7px;min-height:44px;padding:0 14px;font-size:15px;font-weight:500}.ev-kop-rijen{border-top:1px solid var(--line);flex-direction:column;display:flex}.ev-kop-rij{min-height:60px;color:var(--text);align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.ev-kop-rij+.ev-kop-rij{border-top:1px solid var(--line)}.ev-kop-rij>svg{color:var(--text-muted);flex-shrink:0}.ev-kop-waarde{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:17px;font-weight:500;display:flex}.ev-kop-waarde.is-open{color:var(--text-muted);font-weight:400}.ev-plaats-adres{font-size:14px;font-weight:400}.ev-route{background:var(--surface-raised);border-radius:12px;flex-shrink:0;align-items:center;min-height:40px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.ev-plaats:active .ev-route{background:var(--control-on)}.ev-zakelijk{background:var(--surface);border-radius:20px;margin-top:-6px}.ev-zakelijk-kop{width:100%;min-height:56px;color:var(--text);font:500 16px var(--font-body);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 20px;display:flex}.agenda.is-split .ev-zakelijk-kop{padding:0 24px}.ev-zakelijk-titel{flex:1}.ev-zakelijk-samen{font-size:14px;font-weight:400}.ev-zakelijk-kop svg,.ts-kop>svg{color:var(--text-muted);transition:transform var(--t-fast) var(--ease);flex-shrink:0}.ev-zakelijk.is-open .ev-zakelijk-kop svg,.ts.is-open .ts-kop>svg{transform:rotate(180deg)}.ev-zakelijk-lijst{padding:0 20px 6px}.agenda.is-split .ev-zakelijk-lijst{padding:0 24px 6px}.ev-zakelijk-lijst .info-row:last-child{border-bottom:0}.ev-notitie-rij{align-items:flex-start;padding:16px 0 10px}.ev-notitie-rij>svg{margin-top:2px}.ev-notitie-tekst{color:var(--text-lyric);white-space:pre-line;font-weight:400;display:block}.ev-voet{padding:14px 20px calc(14px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--bg);flex-direction:column;flex-shrink:0;gap:10px;display:flex}.agenda.is-split .ev-voet{padding:14px 0 0}.ev-voet .ev-letop{padding:14px 16px}.ev-voet .ev-foot{flex-wrap:nowrap;gap:8px}.ev-voet .ev-foot .btn{white-space:nowrap;padding-inline:10px}.ev-voet .ev-foot:has(>:nth-child(3)) .btn svg{display:none}.ev-voet .ev-note{text-align:center}.ev-letop{background:var(--amber-soft);border-radius:18px;gap:12px;padding:16px;display:flex}.ev-letop>svg{color:var(--amber);flex-shrink:0;margin-top:2px}.ev-letop-kop{color:var(--amber-text);font-size:15px;font-weight:600}.ev-letop p{white-space:pre-line;margin:2px 0 0;font-size:17px;font-weight:500}.ev-notitie{flex-direction:column;gap:4px;padding:6px 4px 0;font-size:15px;display:flex}.ev-notitie p{color:var(--text-lyric);white-space:pre-line;margin:0;font-size:17px}.ts{border:1px solid #ffffff29;border-radius:18px;margin:10px 0 12px;padding:0 16px}.ts-kop{width:100%;min-height:68px;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;display:flex}.ts-kop-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ts-kop-titel{font-size:19px;font-weight:600}.ts-kop-samen,.ts-kop-open{font-variant-numeric:tabular-nums;font-size:14px}.ts-kop-open{align-items:center;gap:6px;display:inline-flex}.ts-kop-open .dot{width:6px;height:6px}.ts-lijst{margin:0;padding:0 0 14px;list-style:none}.ts-rij{grid-template-columns:56px 22px minmax(0,1fr);align-items:stretch;min-height:60px;display:grid}.ts-tijd{color:var(--text-muted);font-variant-numeric:tabular-nums;align-self:center;font-size:17px}.ts-rij.is-set .ts-tijd{color:var(--text);font-size:19px;font-weight:600}.ts-lijn{justify-content:center;align-items:center;display:flex;position:relative}.ts-lijn:before{content:"";background:var(--chip);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.ts-lijst>.ts-rij:first-child .ts-lijn:before{top:50%}.ts-lijst>.ts-rij:last-child .ts-lijn:before{bottom:50%}.ts-lijst>.ts-rij:only-child .ts-lijn:before{display:none}.ts-stip{border:2px solid var(--text-muted);background:var(--bg);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:relative}.ts-rij.is-set .ts-stip{background:var(--text);border:0;width:14px;height:14px}.ts-rij.is-leeg .ts-stip{border-style:dashed}.ts-rij.is-pauze{min-height:36px}.ts-pauze{align-self:center;padding-left:22px;font-size:15px}.ts-tekst{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding-left:8px;font-size:17px;font-weight:500;display:flex}.ts-tekst .muted{font-size:16px;font-weight:400}.ts-waarde{font-weight:600}.ts-set{background:var(--surface);min-height:60px;color:var(--text);font-family:var(--font-body);text-align:left;border:0;border-radius:16px;align-items:center;gap:10px;margin:10px 0 10px 8px;padding:0 12px 0 14px;display:flex}.ts-set>svg{color:var(--text-muted);flex-shrink:0}button.ts-set:active{background:var(--surface-raised)}.ts-set-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.ts-set-naam{font-size:17px;font-weight:600}.ts-set-onder{font-variant-numeric:tabular-nums;font-size:14px}.ts-rij.is-voorbij .ts-tijd,.ts-rij.is-voorbij .ts-tekst,.ts-rij.is-voorbij .ts-set-naam{color:var(--text-dim)}.ts-rij.is-voorbij .ts-stip{border-color:var(--control-on);background:var(--control-on)}.ts-rij.is-voorbij .ts-set{background:var(--surface-sunk)}.ts-rij.is-bezig .ts-set{background:var(--red-soft)}.ts-rij.is-nu{min-height:44px}.ts-rij.is-nu .ts-tijd,.ts-nu{color:var(--red-text);align-self:center;font-size:15px;font-weight:600}.ts-nu{padding-left:10px}.ts-rij.is-nu .ts-stip{background:var(--red);border:0;width:16px;height:16px;box-shadow:0 0 0 5px #d9291a40}.ts-meer{background:var(--surface);min-height:44px;color:var(--text-muted);font:500 15px var(--font-body);border:0;border-radius:14px;margin:-4px 0 14px 78px;padding:0 14px}@media (prefers-reduced-motion:reduce){.ev-zakelijk-kop svg,.ts-kop>svg{transition:none}}.agenda.is-split .agenda-slot img{display:none}.agenda-add-top{z-index:5;flex-shrink:0;position:relative}.agenda-add-plus{width:56px;height:56px;color:var(--text);background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.agenda-add-plus:hover,.agenda-add-plus[aria-expanded=true]{background:var(--surface-sunk)}.agenda-add-top .agenda-add-menu{position:absolute;top:calc(100% + 8px);left:0}.agenda.is-split .ev-title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.ev-plekke{border:0;border-top:1px solid var(--line);text-align:left;width:100%;font:inherit;background:0 0;flex-direction:column;align-items:stretch;gap:0}.ev-kop-rij:first-child.ev-plekke{border-top:0}.ev-plekke-iconen{flex-wrap:wrap;gap:8px;display:flex}.ev-plekke-icoon{background:var(--surface-raised);width:40px;height:40px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.ev-plekke-icoon.is-let{background:var(--amber-soft);color:var(--amber-text)}.ev-plekke-woorden{padding-top:8px;font-size:15px;display:block}.ts-rij.is-programma .ts-stip{background:var(--text-dim);border:0;border-radius:2px;width:8px;height:8px}.ts-rij.is-programma{min-height:40px}.ts-rij.is-programma .ts-tekst{color:var(--text-lyric);justify-content:flex-start;align-items:baseline;font-size:16px}.ts-programma{font-size:13px}.ts-rij.is-set.is-leeg .ts-stip{border:2px dashed var(--text-muted);background:var(--bg)}.me-sub{margin-top:6px}.me-card{margin-top:16px;padding:20px}.me-h{font-size:18px;font-weight:600}.me-p{margin:6px 0 14px;font-size:15px}.me-sample{color:var(--text-lyric);transition:font-size var(--t-mid) var(--ease);margin:16px 0 0}.me-foot{margin:18px 4px 0;font-size:14px}.view-picker{background:var(--surface-sunk);border-radius:18px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.view-opt{min-height:46px;color:var(--text-muted);transition:background var(--t-fast) ease, color var(--t-fast) ease;background:0 0;border:0;border-radius:13px;flex:96px;font-size:15px;font-weight:600}.view-opt.is-on{background:var(--control-on);color:var(--text)}.stepper{align-items:center;gap:10px;margin-top:12px;display:flex}.stepper-btn{background:var(--control);border:0;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:600;display:inline-flex}.stepper-btn:disabled{opacity:.35}.stepper-val{text-align:center;min-width:70px;font-weight:600}.me-attention .me-h{align-items:center;gap:10px;display:flex}.me-logout{margin-top:24px}.me-members{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.me-member{background:var(--surface-sunk);border-radius:18px;padding:12px 12px 12px 16px}.me-member-row{align-items:center;gap:10px;min-height:48px;display:flex}.me-member-name{flex-direction:column;flex:1;min-width:0;font-size:15px;display:flex}.me-member-name strong{font-size:17px}.me-invite-btn{min-height:44px;padding:0 14px;font-size:15px}.me-invite{animation:me-open var(--t-mid) var(--ease) both;flex-direction:column;gap:10px;margin-top:12px;display:flex}@keyframes me-open{0%{opacity:0;transform:translateY(-6px)}}.me-input{border-radius:var(--r-control);background:var(--surface-raised);border:2px solid #0000;min-height:52px;padding:0 16px;font-size:17px}.me-input:focus{border-color:var(--text-muted);outline:none}.me-error{color:var(--amber-text);margin:0;font-size:15px}@media (prefers-reduced-motion:reduce){.me-invite{animation:none}}.away-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.away-row{background:var(--surface-sunk);border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 14px;display:flex}.away-text{flex-direction:column;flex:1;min-width:0;display:flex}.away-date{font-size:16px;font-weight:600}.away-note{font-size:14px}.away-form{flex-direction:column;gap:12px;display:flex}.away-dates{flex-wrap:wrap;gap:10px;display:flex}.away-dates .away-fld{flex:140px}.away-fld{flex-direction:column;gap:6px;min-width:0;display:flex}.me-label{font-size:14px;font-weight:600}.away-actions{gap:10px;display:flex}.away-actions .btn{flex:1}.me-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sx{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sx>.screen-scroll{padding-bottom:110px}.sx-empty{margin:18px 4px 0;font-size:16px}.sx-group{margin-top:22px}.sx-h{color:var(--text-muted);margin:0 4px 10px;font-size:16px;font-weight:600}.sx-list{margin:0;padding:6px;list-style:none}.sx-list li+li{border-top:1px solid var(--line)}.sx-row{width:100%;min-height:68px;color:var(--text);text-align:left;transition:background var(--t-fast) ease;background:0 0;border:0;border-radius:16px;align-items:center;gap:14px;padding:8px 10px;display:flex}.sx-row:active{background:var(--surface-raised)}.sx-date{flex-direction:column;flex-shrink:0;align-items:center;width:46px;line-height:1.1;display:flex}.sx-date.is-concept{background:var(--surface-sunk);height:44px;color:var(--text-muted);border-radius:12px;justify-content:center}.sx-date-day{font-size:19px;font-weight:600}.sx-date-month{color:var(--text-muted);font-size:13px}.sx-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sx-row-title{font-size:17px;font-weight:600}.sx-row-sub{font-size:14px}.sx-more{border-radius:var(--r-control);min-height:48px;color:var(--text-muted);background:0 0;border:0;margin:10px auto 0;padding:0 18px;font-size:15px;font-weight:600;display:block}.sx-more:active{background:var(--surface)}.sx-archive-toggle{margin-top:26px}.sx-add{z-index:5;position:absolute;bottom:16px;right:16px}.sx-add-btn{background:var(--text);min-height:56px;color:var(--bg);transition:transform var(--t-fast) ease;border:0;border-radius:18px;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:0 10px 28px #0000008c}.sx-add-btn:active{transform:scale(.96)}.sx-page{min-height:0;padding-top:var(--safe-top);flex-direction:column;flex:1;display:flex;position:relative}.sx-top-actions{gap:8px;display:flex}.sx-top-btn{min-height:48px;padding:0 16px;font-size:16px}.app[data-layout=phone] .sx-topbar{gap:6px;padding-left:10px;padding-right:12px}.app[data-layout=phone] .sx-top-btn{padding:0 14px}.app[data-layout=phone] .sx-top-btn svg{display:none}.sx-scroll{min-height:0;padding:0 16px calc(32px + var(--safe-bottom));flex:1;overflow-y:auto}.sx-head{max-width:1200px;margin:4px auto 16px;padding:0 4px}.sx-name{font-size:29px}.sx-head-sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:16px;display:flex}.sx-change{color:var(--amber-text);margin:8px 0 0;font-size:15px}.sx-blank{flex-direction:column;align-items:flex-start;gap:16px;max-width:760px;margin:0 auto;padding:24px;display:flex}.sx-blank p{margin:0;font-size:16px}.sx-sets{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(var(--sx-titel,19px) * 14)), 1fr));align-items:stretch;gap:14px;max-width:1200px;margin:0 auto;display:grid}@media (width<=640px){.sx-sets{grid-template-columns:minmax(0,1fr)}}.sx-set.is-reserve{background:var(--surface-reserve)}.sx-set.is-reserve .sx-set-meta,.sx-set.is-reserve .sx-song-num{color:var(--text-reserve-muted)}.sx-reserve-groep+.sx-reserve-groep{border-top:1px solid #ffffff2e;margin-top:8px}.sx-reserve-kop{color:var(--text-reserve-muted);margin:0;padding:12px 12px 2px;font-size:15px;font-weight:500}.sx-set{padding:8px 6px 10px}.sx-set-head{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px 8px;display:flex}.sx-set-name{font-size:19px;font-weight:600}.sx-set-meta{white-space:nowrap;font-size:14px}.sx-songs{margin:0;padding:0;list-style:none}.sx-songs li+li{border-top:1px solid var(--line)}.sx-song{width:100%;min-height:58px;color:var(--text);text-align:left;transition:background var(--t-fast) ease;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.sx-song:active{background:var(--surface-raised)}.sx-song-num{text-align:right;min-width:24px;color:var(--text-muted);font-size:calc(var(--sx-titel,19px) * .82);font-variant-numeric:tabular-nums;flex-shrink:0}.sx-song-mid{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sx-song-title{font-size:var(--sx-titel,19px);font-weight:600;line-height:1.25}.sx-song-parts{font-size:max(14px, calc(var(--sx-titel,19px) * .72));color:var(--text-muted);line-height:1.3}.sx-song-extra{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.sx-song-note{font-size:max(15px, calc(var(--sx-titel,19px) * .75));color:var(--text-muted);align-items:center;gap:7px;display:inline-flex}.sx-song-key{text-align:right;min-width:36px;font-family:var(--font-chord);font-weight:600;font-size:calc(var(--sx-titel,19px) * .9);color:var(--text-lyric);flex-shrink:0}.sx-song.is-skipped .sx-song-title,.sx-song.is-skipped .sx-song-key{color:var(--text-muted);text-decoration:line-through}.sx-break{margin:6px 12px 2px;font-size:14px}.sx-song.is-hier{background:var(--red-soft)}.sx-song.is-hier .sx-song-num{color:var(--red-text);font-weight:700}.sx-scrim{z-index:6;opacity:0;visibility:hidden;transition:opacity var(--t-mid) ease, visibility 0s linear var(--t-mid);background:#00000059;border:0;position:absolute;inset:0}.sx-scrim.is-open{opacity:1;visibility:visible;transition:opacity var(--t-mid) ease, visibility 0s}.sx-details{top:calc(72px + var(--safe-top));z-index:7;background:var(--surface-raised);transform-origin:100% 0;opacity:0;visibility:hidden;width:min(380px,100% - 32px);max-height:calc(100% - 96px);transition:opacity var(--t-fast) ease, transform var(--t-mid) var(--ease), visibility 0s linear var(--t-mid);border-radius:22px;padding:10px;position:absolute;right:16px;overflow-y:auto;transform:translateY(-8px)scale(.96);box-shadow:0 12px 32px #0000008c}.sx-details.is-open{opacity:1;visibility:visible;transition:opacity var(--t-mid) ease, transform var(--t-mid) var(--ease), visibility 0s;transform:none}.sx-dl{margin:0;padding:4px 8px 8px}.sx-dl-row{gap:12px;padding:8px 0;font-size:16px;display:flex}.sx-dl-row+.sx-dl-row{border-top:1px solid var(--line)}.sx-dl-row dt{flex-shrink:0;width:92px}.sx-dl-row dd{min-width:0;margin:0}.sx-menu{border-top:1px solid var(--line);flex-direction:column;padding-top:6px;display:flex}.sx-menu:empty{display:none}.sx-menu button{min-height:52px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-size:17px;font-weight:600;display:flex}.sx-menu button:active{background:var(--control)}.sx-start{margin-top:18px}.sx-start-copy{font-size:15px;font-weight:600}.sx-start-of{margin:12px 4px 0;font-size:15px}.sx-link{width:100%;min-height:72px;color:var(--text);text-align:left;border:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.sx-link:active{background:var(--surface-raised)}.sx-link-text{flex-direction:column;flex:1;gap:3px;display:flex}.sx-link-title{font-size:17px;font-weight:600}.sx-link-sub{font-size:14px}.sx-link-hint{margin:0 4px;font-size:15px}@media (prefers-reduced-motion:reduce){.sx-details,.sx-scrim{transition:none}}.gp-knop{border-radius:var(--r-control);background:var(--surface-sunk);width:100%;min-height:60px;color:var(--text);text-align:left;border:0;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex}.gp-knop-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gp-knop-titel{font-size:17px;font-weight:600}.gp-knop-sub{font-size:14px}.gp-pijl{width:40px;color:var(--text-muted);transition:transform var(--t-mid) var(--ease);justify-content:center;display:inline-flex}.gp-knop.is-open .gp-pijl{transform:rotate(180deg)}.gp-lijst{border-radius:var(--r-control);background:var(--surface-sunk);max-height:380px;margin-top:8px;padding:6px;overflow-y:auto}.gp-maand{color:var(--text-muted);margin:14px 10px 6px;font-size:14px;font-weight:600}.gp-regel{width:100%;min-height:60px;color:var(--text);text-align:left;transition:background var(--t-fast) ease;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:6px 8px;display:flex}.gp-regel:active{background:var(--surface-raised)}.gp-regel.is-gekozen,.gp-regel .sx-date.is-concept{background:var(--surface)}.gp-regel-titel{font-size:16px;font-weight:600}.gp-vink{width:28px;color:var(--green);justify-content:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.gp-pijl{transition:none}}.sx-letter{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 8px 12px;font-size:16px;display:flex}.sx-letter>span{flex-direction:column;gap:2px;display:flex}.sx-letter-wie{font-size:13px}.sx-top-actions{transition:opacity var(--t-mid) ease, transform var(--t-mid) var(--ease)}.sx-top-actions.is-weg{opacity:0;pointer-events:none;transform:translate(12px)}.sx-houder,.sx-melding{color:var(--text-muted);animation:sx-fade var(--t-mid) ease;margin:8px 0 0;font-size:15px}.sx-melding{color:var(--amber-text)}.sx-conflict{animation:sx-fade var(--t-mid) ease;margin-top:12px}@keyframes sx-fade{0%{opacity:0}}.lv{animation:sx-fade var(--t-mid) ease;padding-bottom:210px;transition:opacity .24s}.lv.is-weg{opacity:0}.lv.is-weg .lv-bar{transform:translateY(100%)}.sx-sets{animation:sx-fade var(--t-mid) ease}.lv-row{transition:background var(--t-fast) ease;border-radius:14px}.lv-row.is-dragging{background:var(--surface-raised);box-shadow:0 8px 24px #00000073}.lv-line{align-items:center;gap:6px;min-height:60px;padding:4px 4px 4px 0;display:flex}.lv-grip{width:48px;height:52px;color:var(--text-muted);touch-action:none;background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lv-grip:active{background:var(--surface-raised)}.lv-title{min-width:0;min-height:52px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:4px 6px;display:flex}.lv-row.is-skipped .sx-song-title{color:var(--text-muted);text-decoration:line-through}.lv-skip{background:var(--surface-raised);min-height:48px;color:var(--text);transition:background var(--t-fast) ease, transform var(--t-fast) ease;border:0;border-radius:14px;flex-shrink:0;padding:0 14px;font-size:15px;font-weight:600}.lv-skip:active{transform:scale(.96)}.lv-skip.is-on{background:var(--control-on)}.lv-naar{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px 12px 54px;font-size:15px;display:flex}.lv-naar-knop{min-height:48px}.lv-erbij{border-top:1px solid var(--line);padding:6px 6px 2px}.lv-erbij-knop{min-height:52px;color:var(--text);background:0 0;border:0;border-radius:14px;align-items:center;gap:8px;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.lv-pick{padding:4px 6px 8px}.lv-pick-list{margin:8px 0 0;padding:0;list-style:none}.lv-pick-row{width:100%;min-height:52px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:17px;font-weight:600;display:flex}.lv-pick-row:active{background:var(--surface-raised)}.lv-pick-leeg{padding:10px;font-size:15px}.lv-bar{z-index:5;padding:12px 16px calc(14px + var(--safe-bottom));background:var(--bg-menu);border-top:1px solid var(--line);animation:lv-op var(--t-slow) var(--ease);transition:transform .24s var(--ease);position:absolute;bottom:0;left:0;right:0}@keyframes lv-op{0%{transform:translateY(100%)}}.lv-bar>*{max-width:760px;margin-left:auto;margin-right:auto}.lv-stand{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:10px;display:flex}.lv-zin{color:var(--amber-text);margin:0;font-size:16px}.lv-zin.muted{color:var(--text-muted)}.lv-terug{white-space:nowrap;opacity:0;transition:opacity var(--t-fast) ease, transform var(--t-mid) var(--ease);flex-shrink:0;transform:translate(8px)}.lv-terug.is-op{opacity:1;transform:none}.lv-knoppen{gap:10px;display:flex}.lv-knoppen .btn-secondary{min-height:58px}.lv-knoppen .btn-primary{flex:1}@media (prefers-reduced-motion:reduce){.lv,.lv-bar,.sx-houder,.sx-melding,.sx-conflict{animation:none}.sx-top-actions{transition:none}}.sx-meldingen{flex-direction:column;gap:10px;margin-top:16px;display:flex}.sx-conflict{transition:opacity .22s ease, transform .24s var(--ease)}.sx-conflict.is-weg{opacity:0;transform:translateY(-6px)}.app[data-layout=phone-landscape] .lv-bar{padding-top:8px;padding-bottom:calc(8px + var(--safe-bottom));align-items:center;gap:12px;display:flex}.app[data-layout=phone-landscape] .lv-bar>*{margin:0}.app[data-layout=phone-landscape] .lv-stand{flex:1;min-width:0}.app[data-layout=phone-landscape] .lv-knoppen{flex:none}.app[data-layout=phone-landscape] .lv-knoppen .btn{min-height:52px}.app[data-layout=phone-landscape] .lv{padding-bottom:96px}.sx-head-sub .chip{animation:sx-fade var(--t-mid) ease}.sx-row-text>.chip{align-self:flex-start;margin-top:3px}.update-notice.bevestiging{top:auto;bottom:calc(24px + var(--safe-bottom));text-align:center;width:max-content;max-width:min(520px,100vw - 32px);line-height:1.35;transform:translate(-50%,12px)}.update-notice.bevestiging.is-on{transform:translate(-50%)}.app[data-layout=phone] .update-notice.bevestiging{bottom:calc(86px + var(--safe-bottom))}.rep-count{margin-top:6px}.rep-list{margin:14px 0 0;padding:0 6px;list-style:none;overflow:hidden}.rep-list>li:first-child{margin-top:-1px}.rep-list .rep-parts{white-space:normal;line-height:1.3}.rep-row{border-top:1px solid var(--line)}.rep-picked{font-variant-numeric:tabular-nums;margin-left:2px}.rep-filters{flex-direction:column;gap:16px;margin-top:12px;padding:16px;display:flex}.rep-frow{flex-direction:column;gap:8px;display:flex}.rep-flabel{color:var(--text-muted);font-size:16px}.rep-opts{flex-wrap:wrap;gap:8px;display:flex}.rep-opt{border-radius:var(--r-control);background:var(--control);min-width:48px;min-height:48px;color:var(--text);transition:background var(--t-fast) ease, transform var(--t-fast) ease;border:0;padding:0 16px;font-size:17px;font-weight:500}.rep-opt:active{transform:scale(.97)}.rep-opt[aria-pressed=true]{background:var(--control-on);box-shadow:inset 0 0 0 2px var(--text);font-weight:600}.rep-opt-key{font-family:var(--font-chord);padding:0 12px;font-weight:600}.rep-reset{width:100%}.rep-genre{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-top:18px;padding:0 10px 0 4px;display:flex}.rep-genre-name{font-size:19px;font-weight:600}.rep-genre-count{font-variant-numeric:tabular-nums;flex:1;font-size:16px}.rep-genre-chev{color:var(--text-muted);transition:transform var(--t-mid) var(--ease);display:inline-flex;transform:rotate(-90deg)}.rep-genre-chev[data-open=true]{transform:none}.rep-genre+.vouw .rep-list{margin-top:2px}.rep-tools{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.rep-tools .rep-new{grid-column:1/-1}@media (width>=600px){.rep-tools{display:flex}}.rep-search{border-radius:var(--r-control);background:var(--surface-sunk);min-height:56px;color:var(--text-muted);align-items:center;gap:10px;margin-top:12px;padding:0 16px;display:flex}.rep-search-input{min-width:0;min-height:56px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:19px}.rep-search-input:focus-visible{outline:none}.rep-search:focus-within{outline:2px solid var(--text);outline-offset:-2px}.rep-search-input::-webkit-search-cancel-button{appearance:none}.rep-empty{margin:14px 4px 0;font-size:16px}.rep-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rep-artist{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rep-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 10px 8px 14px;display:flex}.rep-title{min-width:0;font-size:18px;font-weight:600}.rep-meta{white-space:nowrap;align-items:center;gap:6px;font-size:15px;display:inline-flex}.rep-lock{display:inline-flex}.song{--tool-space:calc(108px + var(--safe-bottom));--side-space:16px;flex:1;min-height:0;display:flex}.song[data-layout=phone]{--side-space:12px}.song[data-layout=phone-landscape]{--tool-space:16px}.song.chrome-off{--tool-space:calc(16px + var(--safe-bottom))}.song-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.song-head{flex-shrink:0}.song-head-inner{padding:calc(14px + var(--safe-top)) 16px 12px;align-items:center;gap:12px;display:flex}.song[data-layout=phone-landscape] .song-head-inner{padding-right:120px}.song-parts{scrollbar-width:none;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}.song[data-layout=phone-landscape] .song-parts{padding-right:120px}.song-part{border-radius:var(--r-control);background:var(--surface);max-width:260px;min-height:56px;color:var(--text);font:inherit;text-align:left;transition:background var(--t-fast) var(--ease);border:0;flex-direction:column;flex:1 0 140px;justify-content:flex-start;align-items:flex-start;gap:1px;padding:8px 12px;display:flex}.song-part.is-now{background:var(--red-soft)}.song-part-num{color:var(--text-muted);font-size:13px}.song-part.is-now .song-part-num{color:var(--red-text);font-weight:600}.song-part-title{font-size:16px;font-weight:600;line-height:1.25}.song-part-key{font:600 14px var(--font-chord);color:var(--text-lyric)}.song-facts{gap:36px;margin:0 28px 0 12px;display:flex}.song-fact{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.song-fact dt{color:var(--text-muted);font-size:13px}.song-fact dd{font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin:0;font-size:19px;font-weight:600;line-height:1.2;display:inline-flex}.song-fact-key{font-family:var(--font-chord)}.song-fact-lock{color:var(--text-muted);display:inline-flex}.song[data-layout=phone] .song-facts{display:none}.song-head-text{flex:1;min-width:0}.song-context{font-size:14px}.song-title{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:23px;overflow:hidden}.song-body{flex:1;min-height:0;position:relative}.sheet,.drums{top:0;left:var(--side-space);right:var(--side-space);bottom:var(--tool-space);opacity:0;visibility:hidden;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease), bottom var(--t-slow) var(--ease), visibility 0s linear var(--t-slow);position:absolute;overflow:auto;transform:scale(.985)}.song[data-layout=phone-landscape] .sheet,.song[data-layout=phone-landscape] .drums{right:116px}.sheet.is-shown,.drums.is-shown{opacity:1;visibility:visible;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease), bottom var(--t-slow) var(--ease), visibility 0s;transform:none}.sheet{background:var(--surface-sunk);cursor:default;border-radius:26px;padding:24px 28px 40px}.song[data-layout=phone] .sheet{padding:18px 18px 32px}.sheet-hint,.sheet-mynote{margin:0 0 18px;font-size:15px}.sheet-sec{opacity:.38;transition:opacity var(--t-mid) ease;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:0 22px;padding:6px 0 24px;display:grid}.song[data-layout=phone] .sheet-sec{display:block}.sheet-sec.is-current{opacity:1}.sec-label{color:#c8c8ce;background:var(--chip);border-radius:var(--r-chip);transition:background var(--t-mid) ease, color var(--t-mid) ease;justify-self:start;margin-top:4px;padding:6px 11px;font-size:14px;font-weight:600;display:inline-block}.sheet-sec.is-current .sec-label{background:var(--red);color:#fff}.sec-body{min-width:0}.song[data-layout=phone] .sec-body{margin-top:4px}.sec-cue{color:var(--amber);margin-top:10px;font-size:15px;font-weight:600}.sec-instr{padding-top:6px;font-size:16px}.line{font-size:var(--sheet-size,22px);flex-wrap:wrap;align-items:flex-end;padding-top:10px;display:flex}.line.is-chords-only{gap:.2em 1.1em}.seg{flex-direction:column;min-width:0;display:inline-flex}.seg-chord{font-family:var(--font-chord);color:var(--text);white-space:pre;padding-right:.5em;font-weight:600;line-height:1.25}.line.is-chords-only .seg-chord{padding-right:0}.seg-text{color:var(--text-lyric);white-space:pre-wrap;line-height:1.35}.view-vocals .lyric-only{font-size:calc(var(--sheet-size,22px) * 1.2);padding-top:6px;line-height:1.4}.view-bass .seg-chord{font-size:1.15em}.view-bass .seg-text{color:var(--text-muted);font-size:.8em}.drums{padding-bottom:12px}.drums-top{flex-wrap:wrap;gap:12px;display:flex}.drums-count{flex:999 220px;padding:18px 20px}.drums-tempo{flex:340px;align-items:center;gap:16px;padding:14px 22px;display:flex}.drums-label{font-size:14px;display:block}.drums-value{margin-top:4px;font-size:18px;font-weight:500}.drums-bpm{font-size:46px;line-height:.95;display:block}.drums-tempo-text{flex-direction:column;display:flex}.beats{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.beat{background:var(--control);border-radius:50%;width:14px;height:14px;position:relative}.beat.is-one{width:22px;height:22px}.beat:after{content:"";background:var(--text);opacity:0;border-radius:50%;position:absolute;inset:0}.beat.is-one:after{background:var(--red-text)}.beat.is-now:after{opacity:var(--glow,0);transform:scale(calc(1 + var(--glow,0) * .2))}.metro-btn{border-radius:var(--r-control);background:var(--control);min-height:52px;color:var(--text-muted);transition:background var(--t-fast) ease, color var(--t-fast) ease;border:0;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.metro-btn.is-on{background:var(--red-soft);color:var(--red-text)}.metro-btn:disabled{opacity:.4}.strip{gap:6px;height:126px;margin-top:14px;display:flex}.song[data-layout=phone] .strip{flex-direction:column;height:420px}.strip-block{background:var(--surface-raised);min-width:64px;color:var(--text);text-align:left;transition:background var(--t-mid) ease, opacity var(--t-mid) ease;border:0;border-radius:16px;flex-direction:column;flex-basis:0;justify-content:space-between;padding:12px;display:flex;overflow:hidden}.song[data-layout=phone] .strip-block{flex-direction:row;align-items:center;min-height:48px}.strip-block.is-played{opacity:.45}.strip-block.is-current{background:var(--red);opacity:1}.strip-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.strip-block.is-current .strip-name{color:#fff;font-weight:600}.strip-bars{font-size:20px;font-weight:600}.drums-cues{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.drums-cue{flex:240px;padding:16px 18px}.scrim{z-index:1;background:0 0;border:0;position:absolute;inset:0}.toolbar{z-index:2;left:50%;bottom:calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:calc(100% - 32px);max-width:560px;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease);background:#1c1c21f0;border-radius:26px;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.song.chrome-off .toolbar{opacity:0;transform:translate(-50%,140%)}.song[data-layout=phone-landscape] .toolbar{flex-direction:column;justify-content:space-between;width:92px;inset:12px 12px 12px auto;transform:none}.song[data-layout=phone-landscape].chrome-off .toolbar{transform:translate(130%)}.tool{min-height:62px;color:var(--text);transition:background var(--t-fast) ease, opacity var(--t-fast) ease;background:0 0;border:0;border-radius:19px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.tool-main{background:#2e2e36;flex-grow:1.6}.tool.is-on{background:var(--control-on)}.tool:disabled{opacity:.4;cursor:default}.tool-aa{font-size:19px;font-weight:600;line-height:24px}.song[data-layout=phone-landscape] .tool{flex:none;width:76px;min-height:64px}.panel{z-index:3;left:50%;bottom:calc(104px + var(--safe-bottom));transform-origin:50% 100%;opacity:0;visibility:hidden;width:calc(100% - 32px);max-width:440px;max-height:calc(100% - 150px);transition:opacity var(--t-fast) ease, transform var(--t-mid) var(--ease), visibility 0s linear var(--t-mid);background:#1e1e24f7;border-radius:26px;padding:18px;position:absolute;overflow-y:auto;transform:translate(-50%)translateY(14px)scale(.94);box-shadow:0 18px 48px #0000008c}.panel.is-open{opacity:1;visibility:visible;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease), visibility 0s;transform:translate(-50%)scale(1)}.song[data-layout=phone-landscape] .panel{transform-origin:100% 100%;width:360px;max-width:calc(100% - 132px);max-height:calc(100% - 24px);bottom:12px;left:auto;right:116px;transform:translateY(14px)scale(.94)}.song[data-layout=phone-landscape] .panel.is-open{transform:none}.panel-h{color:var(--text-muted);margin-bottom:8px;font-size:14px;display:block}.panel-fold{opacity:0;transition:grid-template-rows var(--t-slow) var(--ease), opacity var(--t-mid) ease;grid-template-rows:0fr;display:grid}.panel-fold>*{min-height:0;overflow:hidden}.panel-fold.is-open{opacity:1;grid-template-rows:1fr}.panel-row{justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.panel-row .stepper{margin-top:0}.panel-warn{background:var(--amber-soft);color:var(--amber-text);border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.panel-warn .dot{margin-top:6px}.panel-note-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.note-field{background:var(--surface-sunk);resize:vertical;border:2px solid #0000;border-radius:14px;width:100%;margin-top:4px;padding:12px 14px;font-size:16px}.note-field:focus{border-color:var(--control-on);outline:none}.note-saved{opacity:0;transition:opacity var(--t-mid) ease;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:inline-flex}.note-saved.is-on{opacity:1}.list-rail{z-index:4;flex:0 0 76px;position:relative}.list-rail-in{width:300px;padding:calc(14px + var(--safe-top)) 8px 14px;background:var(--bg);clip-path:inset(0 224px 0 0);transition:clip-path var(--t-slow) var(--ease), box-shadow var(--t-mid) ease;flex-direction:column;gap:4px;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden auto}.list-rail.is-open .list-rail-in{clip-path:inset(0 -40px 0 0);box-shadow:12px 0 36px #00000080}.list-toggle,.list-item{min-height:52px;color:var(--text-muted);text-align:left;white-space:nowrap;transition:background var(--t-fast) ease, color var(--t-fast) ease;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:0 10px;display:flex}.list-toggle{padding:0 14px}.list-item.is-current{background:var(--surface-raised);color:var(--text)}.list-num{background:var(--surface-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.list-item.is-current .list-num{color:#000;background:#fff}.list-num.is-done{background:var(--green-soft);color:var(--green)}.list-label{text-overflow:ellipsis;opacity:0;min-width:0;transition:opacity var(--t-mid) ease;font-size:15px;overflow:hidden}.list-rail.is-open .list-label{opacity:1}.song-edit{flex-shrink:0;min-height:44px;padding:0 14px;font-size:15px}.panel.listen{max-width:560px}.listen-none{margin:10px 0 0;font-size:16px}.listen-block{margin-top:12px}.listen-video{aspect-ratio:16/9;background:var(--surface-sunk);border:0;border-radius:16px;width:100%;display:block}.listen-spotify{background:var(--surface-sunk);border:0;border-radius:12px;width:100%;height:152px;display:block}.listen-off{background:var(--surface-sunk);color:var(--text-muted);border-radius:16px;margin:0;padding:16px;font-size:16px}.listen-tip-wrap{padding-bottom:12px}.listen-tip{background:var(--surface-sunk);border-radius:16px;padding:14px}.listen-tip p{margin:0;font-size:16px}.listen-tip-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.panel-zon{min-width:88px}.panel-zon.is-aan{background:var(--text);color:var(--bg)}.login{min-height:100%;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));justify-content:center;align-items:center;display:flex;overflow-y:auto}.login-inner{width:100%;max-width:400px;animation:login-in var(--t-slow) var(--ease) both}@keyframes login-in{0%{opacity:0;transform:translateY(12px)}}.login-logo{width:auto;height:48px;margin-bottom:40px;display:block}.login-form{flex-direction:column;display:flex}.login-title{font-size:32px}.login-p{margin:10px 0 24px;font-size:17px}.login-strong{color:var(--text);word-break:break-all;font-weight:600}.login-label{margin-bottom:8px;font-size:15px;font-weight:600}.login-input{border-radius:var(--r-control);background:var(--surface-raised);min-height:58px;transition:border-color var(--t-fast) ease;border:2px solid #0000;margin-bottom:16px;padding:0 18px;font-size:19px}.login-input:focus{border-color:var(--text-muted);outline:none}.login-code{font-family:var(--font-chord);letter-spacing:.3em;text-align:center;font-size:26px}.login-error{color:var(--amber-text);margin:-4px 0 16px;font-size:15px}.login-back{margin-top:10px}@media (prefers-reduced-motion:reduce){.login-inner{animation:none}}.login-merk{align-items:center;gap:12px;margin-bottom:40px;font-size:24px;display:flex}.onderhoud{height:100%;padding:24px calc(16px + var(--safe-left)) 24px calc(16px + var(--safe-right));background:var(--bg);justify-content:center;align-items:center;display:flex}.onderhoud-inner{text-align:left;flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.onderhoud-titel{margin:0;font-size:29px}.onderhoud-p{color:var(--text-muted);margin:0 0 6px;font-size:17px;line-height:1.5}.melding{padding:10px calc(12px + var(--safe-left)) 10px calc(16px + var(--safe-right));padding-top:calc(10px + var(--safe-top));background:var(--amber-soft);color:var(--amber-text);flex:none;align-items:center;gap:10px;display:flex}.melding-tekst{flex-grow:1;font-size:15px;line-height:1.4}.melding-weg{width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-12px 0;padding:0;display:inline-flex}.app>.onderhoud{flex:auto;min-width:0}.app{background:var(--bg);height:100%;padding-left:var(--safe-left);padding-right:var(--safe-right);display:flex;overflow:hidden}.app[data-layout=phone]{flex-direction:column}.stage{flex:1;min-width:0;min-height:0;position:relative}.layer{transition:opacity var(--t-mid) var(--ease) calc(var(--t-mid) / 3), transform var(--t-slow) var(--ease) calc(var(--t-mid) / 3), visibility 0s linear 0s;flex-direction:column;display:flex;position:absolute;inset:0}.layer.is-before,.layer.is-after{opacity:0;visibility:hidden;pointer-events:none;transition:opacity calc(var(--t-mid) / 2) var(--ease), transform calc(var(--t-slow) * .75) var(--ease), visibility 0s linear calc(var(--t-slow) * .75)}.layer.is-before{transform:translate(-40px)}.layer.is-after{transform:translate(40px)}.app-grid{transition:grid-template-columns var(--t-slow) var(--ease), grid-template-rows var(--t-slow) var(--ease);grid-template:"rail stage"minmax(0,1fr)"rail tabs"0/0 minmax(0,1fr);display:grid;overflow:clip}.app-grid[data-rail]{grid-template-columns:92px minmax(0,1fr)}.app-grid[data-tabs]{grid-template-rows:minmax(0, 1fr) calc(70px + var(--safe-bottom))}.app-grid>.rail{grid-area:rail}.app-grid>.stage{grid-area:stage}.app-grid>.tabbar{grid-area:tabs}.rail{background:var(--bg-menu);opacity:0;min-width:0;padding:calc(18px + var(--safe-top)) 0 18px;transition:opacity var(--t-mid) ease;flex-direction:column;align-items:center;gap:8px;display:flex;overflow:hidden}.rail.is-on{opacity:1;border-right:1px solid var(--line)}.app[data-layout=phone] .rail{display:none}.rail-item{width:68px;min-height:66px;color:var(--text-muted);transition:background var(--t-fast) ease, color var(--t-fast) ease;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.rail-logo{object-fit:contain;width:66px;height:auto;max-height:40px;margin-bottom:10px}.rail-item.is-me{margin-top:auto}.rail-item.is-active{background:var(--red-soft);color:var(--red-text);font-weight:600}.tabbar{background:var(--bg-menu);opacity:0;min-height:0;padding:0 10px var(--safe-bottom);border-top:1px solid var(--line);transition:opacity var(--t-mid) ease;display:flex;overflow:hidden}.tabbar.is-on{opacity:1}.app:not([data-layout=phone]) .tabbar{display:none}.tab-item{min-height:60px;color:var(--text-muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.tab-item.is-active{color:var(--red-text);font-weight:600}.screen-scroll{min-height:0;padding:calc(14px + var(--safe-top)) 16px 28px;flex:1;overflow-y:auto}.screen-inner{max-width:760px;margin:0 auto}.back-link{min-height:44px;color:var(--text);background:0 0;border:0;align-items:center;gap:4px;padding:0 8px 0 0;font-size:17px;display:inline-flex}.screen-title{padding:10px 4px 0}.screen-title h1{margin-top:6px;font-size:30px}.update-notice{left:50%;top:calc(12px + var(--safe-top));z-index:10;background:var(--surface-raised);color:var(--text);opacity:0;visibility:hidden;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease), visibility 0s linear var(--t-slow);border:0;border-radius:14px;padding:10px 16px;font-size:15px;position:fixed;transform:translate(-50%,-12px);box-shadow:0 8px 24px #00000080}.update-notice.is-on{opacity:1;visibility:visible;transition:opacity var(--t-mid) ease, transform var(--t-slow) var(--ease), visibility 0s;transform:translate(-50%)}.beheer-solo,.beheer-leeg{flex-direction:column}.app-shell{background:var(--bg);flex-direction:column;height:100%;display:flex}.app-shell>.app{flex:auto;height:auto;min-height:0}.beheer-swap,.beheer-swap>.swap-laag{flex:auto;min-height:0}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/rockingplayers/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/rockingplayers/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/rockingplayers/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/rockingplayers/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/rockingplayers/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/rockingplayers/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/rockingplayers/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/rockingplayers/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/rockingplayers/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/rockingplayers/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0e;--surface:#1b1f29;--surface-sunk:#0f1218;--surface-raised:#262c3a;--surface-reserve:#1c2b33;--text-reserve-muted:#a9b6bd;--chip:#2e3543;--control:#2e3543;--control-on:#424a5c;--line:#ffffff17;--bg-menu:#000;--text:#fff;--text-muted:#9e9ea6;--text-lyric:#c4c4cc;--text-faint:#6a6a72;--text-dim:#8a8a92;--red:#d9291a;--red-text:#ff5447;--red-soft:#ff54471a;--kind-gig:#c98a6e;--kind-rehearsal:#5d7396;--option-line:#6b707b;--green:#34c77b;--green-soft:#34c77b29;--green-quiet:#14291d;--green-quiet-text:#7fd1a0;--amber:#f5a524;--amber-text:#f5c26b;--amber-soft:#f5a52426;--font-display:"Archivo Black", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-chord:"IBM Plex Mono", ui-monospace, monospace;--r-block:24px;--r-control:16px;--r-chip:10px;--ease:cubic-bezier(.22, .8, .24, 1);--t-fast:.18s;--t-mid:.32s;--t-slow:.48s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root.zon{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f1f1f1;--surface-sunk:#e4e4e4;--surface-raised:#dedede;--surface-reserve:#dde7ec;--text-reserve-muted:#2f3b42;--chip:#d6d6d6;--control:#d6d6d6;--control-on:#b5b5b5;--line:#00000029;--bg-menu:#fff;--text:#000;--text-muted:#333;--text-lyric:#111;--text-dim:#444;--red-text:#a3140a;--red-soft:#d9291a1f;--green:#11663a;--green-soft:#11663a24;--amber:#8a5a00;--amber-text:#6b4600;--amber-soft:#e39a0b33}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;font-size:16px;line-height:1.4}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--text);outline-offset:2px}h1,h2,h3{margin:0}.display{font-family:var(--font-display);letter-spacing:.005em;font-weight:400;line-height:1.08}.muted{color:var(--text-muted)}.btn{border-radius:var(--r-control);min-height:48px;transition:background var(--t-fast) ease, transform var(--t-fast) ease, opacity var(--t-fast) ease;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary:disabled{background:var(--control);color:var(--text-muted);opacity:1}.btn-primary{background:var(--red);color:#fff;min-height:58px;font-size:17px}.btn-secondary{background:var(--surface-raised);color:var(--text)}.btn-block{width:100%}.icon-btn{border-radius:var(--r-control);background:var(--surface-raised);width:48px;height:48px;color:var(--text);border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.surface{background:var(--surface);border-radius:var(--r-block)}.chip{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;font-weight:600;display:inline-flex}.chip-neutral{color:var(--text-muted);background:var(--chip)}.chip-red{color:var(--red-text);background:var(--red-soft)}.chip-amber{color:var(--amber);background:var(--amber-soft)}.chip-green{color:var(--green);background:var(--green-soft)}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-amber{background:var(--amber)}.status-green{color:var(--green);font-weight:600}.status-amber{color:var(--amber);font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.iv{box-sizing:border-box;min-height:100vh;padding:calc(16px + var(--safe-top)) 16px calc(32px + var(--safe-bottom));background:var(--bg);color:var(--text)}.iv-head{margin-bottom:16px}.iv-head p{margin:4px 0 0}.iv-fout{text-align:center;max-width:480px;margin:30vh auto 0;font-size:19px}.iv-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.iv-weergave{gap:8px;display:flex}.iv-weergave .btn[aria-pressed=true]{background:var(--control-on)}.iv-titel{margin:16px 0 4px;font-size:29px}.iv-feiten{color:var(--text-lyric);margin:0 0 12px;font-size:17px}.iv-blad{min-height:60vh;display:flex;position:relative}.iv-blad .sheet{opacity:1;visibility:visible;flex:1;position:static;overflow:visible;transform:none}.iv-blad .sheet-sec{opacity:1}@media (width<=640px){.iv-blad .sheet-sec{display:block}.iv-blad .sheet{padding:18px 18px 32px}}