@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vlam:#e8501f;--roest:#b5400a;--geel:#f2d75a;--bg:#ece6dc;--surface:#f7f3ec;--surface-2:#e2dbcf;--ink:#1d1915;--ink-2:#5f564d;--line:#cfc5b7;--chrome:#f7f3ecf0;--sheet-bg:#fff;--stage:#3a342e;--ok:#2f7d3b;--bad:#c0392b;--warn:#b7791f;--ok-ink:#1f5f2a;--bad-ink:#a8311f;--knop:#b5400a;--layer-personal:#1c64d6;--layer-band:#e8501f;--layer-setlist:#7a3fd1;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Archivo Variable", "Archivo", "Arial Narrow", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:10px;--radius-sm:6px;--tap:44px;--shadow:0 6px 24px #1d191524;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15120f;--surface:#211c18;--surface-2:#2c2620;--ink:#efe8dd;--ink-2:#a89e92;--line:#3b332c;--chrome:#211c18f0;--stage:#0c0a08;--roest:#ee7a43;--ok-ink:#6fbf73;--bad-ink:#ff6b5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#15120f;--surface:#211c18;--surface-2:#2c2620;--ink:#efe8dd;--ink-2:#a89e92;--line:#3b332c;--chrome:#211c18f0;--stage:#0c0a08;--roest:#ee7a43;--ok-ink:#6fbf73;--bad-ink:#ff6b5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}a{color:var(--roest)}:focus-visible{outline:2px solid var(--vlam);outline-offset:2px}.muted{color:var(--ink-2)}.small{font-size:13px}.center{text-align:center}.spacer{flex:1}.pad{padding:12px}.warn-text{color:var(--warn)}.splash{background:var(--bg);height:100%}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:780;font-stretch:68%;line-height:.95}.btn{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn--icon{width:var(--tap);padding:0}.btn--small{min-height:36px;padding:0 12px;font-size:14px}.btn--small.btn--icon{width:36px;padding:0}.btn--primary{background:var(--knop);border-color:var(--knop);color:#fff}.btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn--danger{background:var(--bad);border-color:var(--bad);color:#fff}@media (hover:hover){.btn:not(:disabled):hover{border-color:var(--ink-2)}.btn--primary:not(:disabled):hover{filter:brightness(1.08);border-color:var(--roest)}}.link-btn{color:var(--roest);background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:none}.icon{flex:none}.screen{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;min-height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));background:var(--chrome);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar:before{content:"";height:env(safe-area-inset-top,0px);background:#1d1915;position:absolute;top:0;left:0;right:0}.topbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:700;overflow:hidden}.topbar-mid{justify-content:center;display:flex}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.topbar:not(:has(.topbar-mid)) .topbar-right{flex:none}.topbar .btn{flex:none}.topbar-mid{min-width:0}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:8px;font-size:24px;font-weight:800;font-stretch:62%;text-decoration:none;display:inline-flex}.navtabs{background:var(--surface-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.navtab{min-height:38px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.navtab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.sync-chip{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sync-dot{background:var(--warn);border-radius:50%;width:8px;height:8px}.sync-chip--online .sync-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.sync-chip--offline .sync-dot{background:var(--ink-2)}@media (max-width:640px){.navtab{padding:0 10px}.brand span,.sync-chip:not(.sync-chip--busy){gap:0;font-size:0}.sync-chip--busy{font-size:12px}.topbar{gap:6px}}.content{width:100%;max-width:1180px;padding:24px max(16px, env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));margin:0 auto}.content--narrow{max-width:860px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-head h1,.section-head h2{margin:0;font-size:clamp(34px,6vw,52px)}.subhead{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:32px 0 12px;font-size:15px}.empty{text-align:center;color:var(--ink-2);padding:40px 16px}.empty h3{color:var(--ink);margin:0 0 6px}.empty p{max-width:46ch;margin:0 auto 16px}.setlist-grid{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:14px;display:grid}.setlist-grid--past{margin-top:12px}.setlist-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:stretch;gap:14px;min-width:0;padding:16px;text-decoration:none;transition:transform .1s,box-shadow .15s;display:flex}.setlist-card:active{transform:scale(.985)}.setlist-card.is-next{border-color:var(--vlam);box-shadow:0 0 0 1px var(--vlam), var(--shadow)}.date-block{background:var(--ink);width:58px;color:var(--bg);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.is-next .date-block{background:var(--knop);color:#fff}.date-day{font-family:var(--font-display);font-size:30px;font-weight:800;font-stretch:70%;line-height:1}.date-month{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.setlist-card-body{flex:1;min-width:0}.setlist-card-title{font-size:18px;font-weight:700}.setlist-card-meta{color:var(--ink-2);font-size:14px}.setlist-card-songs{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:14px;overflow:hidden}.setlist-card-side{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.count{font-family:var(--font-display);flex-direction:column;align-items:flex-end;font-size:28px;font-weight:800;font-stretch:70%;line-height:1;display:flex}.count small{font-family:var(--font-ui);color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:600;font-stretch:100%}.offline-chip{color:var(--ink-2);background:var(--surface-2);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.offline-chip.is-ready{color:var(--ok-ink);background:color-mix(in srgb, var(--ok) 14%, transparent)}.offline-chip--big{padding:8px 12px;font-size:14px}.past{margin-top:28px}.past>.link-btn{min-height:var(--tap)}.setlist-head{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.setlist-date{font-family:var(--font-display);font-size:26px;font-weight:760;font-stretch:72%}.setlist-date:first-letter,.auth-setlist span:first-letter{text-transform:uppercase}.setlist-notes{white-space:pre-wrap;background:var(--surface);border-left:3px solid var(--ink-2);border-radius:6px;max-width:60ch;margin:10px 0 0;padding:8px 12px}.setlist-head-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.item-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 6px;display:flex}.item-row.is-cue{border-color:color-mix(in srgb, var(--vlam) 70%, transparent);box-shadow:inset 6px 0 0 var(--vlam);background:color-mix(in srgb, var(--vlam) 9%, var(--surface));flex-wrap:wrap}.item-votes .vote-word{display:inline}.item-row.is-cue .item-main{flex:180px}.item-votes .vote{border-color:var(--line);background:var(--surface);color:var(--ink)}.item-votes .vote--up.is-mine,.item-votes .vote--down.is-mine{color:#fff}.item-votes .vote--up.is-mine{background:var(--ok);border-color:var(--ok)}.item-votes .vote--down.is-mine{background:var(--bad);border-color:var(--bad)}@media (max-width:700px){.item-row.is-cue .item-main{flex:1 1 0}.item-row.is-cue .item-votes{flex-basis:100%;order:10;padding-left:34px}}.item-main{text-align:left;min-width:0;min-height:var(--tap);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:6px;display:flex}.item-index{font-family:var(--font-display);text-align:center;width:28px;color:var(--ink-2);font-size:24px;font-weight:800;font-stretch:70%}.item-text{flex-direction:column;min-width:0;display:flex}.item-title{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.item-meta{color:var(--ink-2);font-size:13px}.opw{color:var(--ink-2);border:1px solid var(--line);vertical-align:2px;border-radius:5px;margin-right:7px;padding:0 5px;font-size:12px;font-weight:700;display:inline-block}.cue-badge{color:var(--roest);font-weight:600}.key-chip{min-width:56px;min-height:var(--tap);border:1.5px solid var(--ink);background:var(--bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 10px;font-size:19px;font-weight:800;line-height:1.1;display:inline-flex}.key-chip-from{color:var(--ink-2);font-size:10px;font-weight:600}.item-actions{gap:8px;display:flex}.item-actions .btn--small.btn--icon{width:var(--tap);min-height:var(--tap)}.item-actions .item-remove{margin-left:16px}.add-row{justify-content:center;margin-top:20px;display:flex}@media (max-width:560px){.item-actions .btn:not(:last-child){display:none}.item-actions .item-remove{margin-left:0}.item-main{gap:8px}.item-index{width:20px}.item-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}.key-chip{min-width:48px}}.search-box{background:var(--surface);border:1px solid var(--line);min-height:48px;color:var(--ink-2);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{min-height:46px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search-box--page{margin-bottom:14px}.song-list{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.song-list li+li{border-top:1px solid var(--line)}.song-row{min-height:56px;color:var(--ink);grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.song-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.song-row-meta{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.song-row-keys{gap:4px;display:flex}@media (max-width:560px){.song-row{grid-template-columns:minmax(0,1fr) auto}.song-row-meta{display:none}}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-weight:700;display:inline-flex}.chip--key{justify-content:center;min-width:44px}.chip--static{min-height:28px;padding:0 9px;font-size:14px}.chip.is-warn{color:var(--ink-2);border-style:dashed}.chip.is-picked{background:var(--ok);border-color:var(--ok);color:#fff}.chip-sub{color:var(--ink-2);font-size:12px;font-weight:500}.chip.is-picked .chip-sub{color:#fff}.song-search{flex-direction:column;gap:10px;min-height:0;display:flex}.search-results{-webkit-overflow-scrolling:touch;max-height:min(56vh,520px);margin:0;padding:0;list-style:none;overflow:auto}.search-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;display:flex}.search-song{flex-direction:column;min-width:0;display:flex}.search-title{font-weight:650}.search-sheets{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.import-list{margin:0;padding:0;list-style:none}.import-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;display:grid}.import-file{font-weight:650}.import-meta{color:var(--ink-2);grid-column:1;font-size:13px}.import-row--error .import-meta{color:var(--bad-ink)}.import-row .link-btn{grid-area:1/2/span 2;align-self:center}.song-form{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.sheet-cards{flex-direction:column;gap:12px;display:flex}.sheet-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:16px;padding:12px;display:flex}.sheet-thumb-broken{text-align:center;color:var(--bad-ink);background:var(--surface-2);justify-content:center;align-items:center;padding:12px;font-size:13px;font-weight:600;display:flex}.sheet-thumb{border-radius:6px;flex:none;align-self:flex-start;overflow:hidden;box-shadow:0 1px 4px #00000026}.sheet-info{flex-direction:column;gap:6px;min-width:0;display:flex}.sheet-name{font-size:17px;font-weight:700}.sheet-facts,.sheet-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-chip{background:var(--surface-2);border-radius:999px;padding:3px 10px;font-size:13px}.status-chip--checked{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok-ink)}.status-chip--none{color:var(--ink-2)}.check-wrap{justify-content:center;width:100%;display:flex}.check-overlay{position:absolute;top:0;bottom:0;left:0;right:0}.check-box{border:2px solid var(--vlam);background:color-mix(in srgb, var(--vlam) 12%, transparent);border-radius:3px;padding:0;position:absolute}.pager{align-items:center;gap:8px;display:flex}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--ink-2);font-size:13px;font-weight:600}.field input,.field textarea,.field select,.setting select{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:46px;padding:8px 12px;font-size:16px}.field textarea{resize:vertical}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.field--grow{flex:3!important}.field--small{min-width:90px;flex:1!important}@media (max-width:520px){.field-row{flex-wrap:wrap}}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.form-error{color:var(--bad-ink);margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px}.panel h3{margin:0 0 12px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-head h3{margin:0}.swatches{gap:10px;display:flex}.swatch{border:3px solid var(--surface);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.swatch.is-on{box-shadow:0 0 0 3px var(--ink)}.segmented{background:var(--surface-2);border-radius:10px;padding:3px;display:inline-flex}.segmented button{min-height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:0 14px;font-weight:600}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.member-list{margin:0;padding:0;list-style:none}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.member-name{flex:1;font-weight:600}.avatar{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.invite-made{flex-direction:column;gap:12px;display:flex}.invite-code{font-family:var(--font-mono);letter-spacing:.06em;text-align:center;background:var(--bg);border:2px dashed var(--vlam);border-radius:12px;padding:14px;font-size:28px;font-weight:700}.share-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.share-row{flex-direction:column;gap:8px;display:flex}.share-link{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px;font-size:13px;display:block}.share-actions{gap:8px;display:flex}.invite-details summary{cursor:pointer;margin-top:12px;font-weight:600}.settings-list{flex-direction:column;display:flex}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.setting select{width:auto;max-width:60%}.setting input[type=checkbox]{width:24px;height:24px;accent-color:var(--ink)}.modal-backdrop{z-index:100;padding:max(16px, env(safe-area-inset-top,0px)) 16px max(16px, env(safe-area-inset-bottom,0px));background:#0f0c0a80;justify-content:center;align-items:center;animation:.14s ease-out fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border-radius:18px;flex-direction:column;width:min(520px,100%);max-height:100%;animation:.16s ease-out pop-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.modal--wide{width:min(820px,100%)}.modal:focus{outline:none}.modal-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 4px 20px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-body{-webkit-overflow-scrolling:touch;padding:8px 20px 20px;overflow:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop{animation:none}}.key-note{margin:0 0 10px}.key-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.key-cell{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex;position:relative}.key-name{font-size:24px;font-weight:800}.key-tag{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.key-cell.is-sheet{border-style:dashed;border-color:var(--ink-2)}.key-cell.is-current{background:var(--ink);color:var(--bg);border-color:var(--ink)}.key-cell.is-current .key-tag{color:var(--bg)}.toasts{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600;animation:.16s ease-out pop-in}.toast.has-action{pointer-events:auto;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex}.toast-action{min-height:36px;color:inherit;background:#7f7f7f4d;border:0;border-radius:999px;padding:0 14px;font-weight:800}.toast--ok{background:var(--ok);color:#fff}.toast--bad{background:var(--bad);color:#fff}.auth{min-height:100%;padding:max(24px, env(safe-area-inset-top,0px)) 16px max(24px, env(safe-area-inset-bottom,0px));background:radial-gradient(120% 70% at 50% 0,#e8501f47,#0000 60%),#1d1915;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border-radius:20px;width:min(440px,100%);padding:26px;box-shadow:0 30px 80px #00000073}.auth-brand{align-items:center;gap:14px;margin-bottom:18px;display:flex}.auth-title{font-family:var(--font-display);letter-spacing:.01em;font-size:34px;font-weight:800;font-stretch:62%;line-height:.9}.auth-sub{color:var(--ink-2);font-size:14px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form h2{margin:0;font-size:20px}.auth-form p{margin:0}.auth-form .btn{min-height:50px;font-size:16px}.auth-setlist{background:var(--bg);border-radius:12px;flex-direction:column;padding:12px 14px;display:flex}.auth-setlist b{font-size:18px}.auth-setlist span{color:var(--ink-2)}.auth-notice{border-left:4px solid var(--knop);background:var(--bg);border-radius:10px;margin:0;padding:10px 12px;font-weight:600}.auth-tip{color:var(--ink-2);background:var(--bg);border-radius:10px;margin:18px 0 0;padding:10px 12px;font-size:13px}.pdf-page{background:var(--sheet-bg);flex:none;position:relative;box-shadow:0 2px 14px #00000047}.pdf-canvas-holder,.pdf-canvas-holder canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pdf-loading,.pdf-page--loading{background:linear-gradient(100deg,#fff 30%,#f1ede6 50%,#fff 70%) 0 0/300% 100%;animation:1.2s linear infinite shimmer}.pdf-loading-label{text-align:center;color:#5f564d;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:15px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pdf-loading-label b{color:#1d1915;font-size:20px}.pdf-loading{position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{to{background-position:-150% 0}}.chord-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.chord-swap{color:#000;white-space:nowrap;box-sizing:border-box;font-family:Arial,Helvetica,Liberation Sans,sans-serif;position:absolute}.chord-overlay.is-highlight .chord-swap--chord{color:#b5400a}.play{background:var(--stage);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage{top:0;bottom:0;left:0;right:0;top:env(safe-area-inset-top,0px);touch-action:none;position:absolute;overflow:hidden}.stage-content{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.pages{align-items:flex-start;height:100%;display:flex}.pages--vertical{flex-direction:column}.no-sheet{background:var(--sheet-bg);color:#1d1915;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.no-sheet h2{font-family:var(--font-display);margin:0 0 8px;font-size:36px;font-stretch:70%}.zoom-reset{color:#fff;z-index:5;background:#1d1915d1;border:0;border-radius:999px;padding:8px 14px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.play-pill{z-index:10;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));color:#fff;font-variant-numeric:tabular-nums;opacity:.8;background:#1d1915db;border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 12px;font-size:15px;font-weight:700;animation:.24s cubic-bezier(.23,1,.32,1) pill-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.play-pill b{font-size:17px}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,12px)}}.song-flash{z-index:9;left:50%;top:calc(14px + env(safe-area-inset-top,0px));color:#fff;pointer-events:none;white-space:nowrap;background:#1d1915e6;border-radius:999px;align-items:baseline;gap:10px;max-width:min(560px,100% - 32px);padding:10px 18px;animation:1.6s cubic-bezier(.23,1,.32,1) forwards song-flash;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.song-flash-pos{font-variant-numeric:tabular-nums;color:#cfc6ba;font-weight:700}.song-flash-title{text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.song-flash-key{background:#b5400a;border-radius:6px;padding:0 7px;font-weight:800}@keyframes song-flash{0%{opacity:0;transform:translate(-50%,-8px)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.play-bar{z-index:10;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(980px, calc(100% - 20px - 2 * max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))));background:var(--surface);color:var(--ink);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:6px;transition:transform .24s cubic-bezier(.23,1,.32,1),opacity .2s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #00000059}.bar-hidden .play-bar{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 20px))}.bar-group{align-items:center;gap:4px;min-width:0;display:flex}.bar-group--nav{flex:1 1 0}.play-bar .bar-group:not(.bar-group--nav){flex:none}.bar-title{flex-direction:column;flex:1;min-width:0;padding:0 6px;line-height:1.25;display:flex}.bar-song{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.bar-sub{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.bar-sub.is-soon{color:var(--roest);font-weight:700}.bar-key{background:var(--bg);border-radius:12px;padding:2px}.key-display{min-width:64px;min-height:var(--tap);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex}.key-display b{font-size:26px}.key-display span{color:var(--ink-2);white-space:nowrap;font-size:11px}.key-display.is-flash{border-radius:10px;animation:1.6s ease-out key-flash}@keyframes key-flash{0%,30%{background:var(--vlam);color:#fff}}.key-display.is-flash span{color:inherit}.toggle{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);letter-spacing:.04em;border-radius:10px;padding:0 12px;font-weight:800}.toggle.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (max-width:760px){.bar-title{padding:0 2px}.bar-song{font-size:14px}.bar-sub{font-size:12px}.play-bar{gap:4px}.play-bar .btn--primary span{display:none}.play-bar .btn--primary{width:var(--tap);padding:0}}.next-hint{z-index:9;right:max(12px, env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));color:#fff;box-shadow:var(--shadow);background:#1d1915d6;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 16px;transition:bottom .22s;display:flex;position:absolute}.bar-hidden .next-hint{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.next-hint .muted{color:#cfc6ba;font-size:13px}.key-mini{background:var(--knop);color:#fff;border-radius:6px;padding:0 6px;font-weight:800}.play-notice{z-index:9;left:50%;top:calc(12px + env(safe-area-inset-top,0px));background:var(--warn);color:#fff;text-align:center;border-radius:999px;max-width:calc(100% - 200px);padding:8px 14px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%)}.play--empty{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.cue-stack{z-index:11;top:calc(10px + env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-end;gap:8px;max-width:min(380px,100% - 120px);display:flex;position:absolute}.cue-card{color:#fff;border:1.5px solid var(--vlam);background:#1d1915;border-radius:16px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px 6px 6px 12px;animation:.24s cubic-bezier(.23,1,.32,1) cue-in,1.8s ease-out cue-glow;display:flex;box-shadow:0 8px 24px #00000059}.cue-card--current{border-color:#ffffff40}@keyframes cue-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}}@keyframes cue-glow{0%{box-shadow:0 0 0 6px #e8501f8c,0 8px 24px #00000059}}.cue-card.is-compact{padding:4px 4px 4px 10px;animation:none}.cue-card.is-compact .cue-card-title{font-size:15px}@media (prefers-reduced-motion:reduce){.cue-card,.play-pill,.song-flash,.key-display.is-flash{animation:none}}.cue-card-line{color:#f3e3d6;align-items:center;gap:6px;font-size:14px;display:flex}.cue-card-line .icon{color:var(--vlam)}.cue-card-main{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:2px 0;display:flex;overflow:hidden}.cue-card-kicker{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (max-width:520px){.cue-stack{max-width:calc(100% - 96px)}.cue-card{gap:4px;padding:4px 4px 4px 10px}.cue-card-title{font-size:15px}.vote{min-width:44px;min-height:44px;padding:0 8px}.vote-word{display:none}}.cue-card-kicker{color:#f5b494;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.cue-card-title{white-space:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:17px;font-weight:800;display:flex}.cue-card-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.cue-card-key{background:#b5400a;border-radius:6px;flex:none;margin-left:2px;padding:0 6px}.cue-card-more{color:#f5b494;flex:none;font-size:14px;font-weight:700}.cue-card-actions{align-items:center;gap:2px;display:flex}.vote-buttons{gap:4px;display:flex}.vote{color:#fff;font-variant-numeric:tabular-nums;background:#ffffff14;border:1.5px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:52px;min-height:44px;padding:0 10px;font-weight:800;display:inline-flex}.vote--up.is-mine{background:var(--ok);border-color:var(--ok)}.vote--down.is-mine{background:var(--bad);border-color:var(--bad)}.cue-keys{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px;display:grid}.cue-key{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;display:flex}.cue-key b{font-size:24px}.cue-key span{color:var(--ink-2);font-size:12px}.cue-key.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cue-key.is-on span{color:var(--bg)}.layer-dot{vertical-align:-1px;border-radius:50%;width:12px;height:12px;display:inline-block}.layer-dot--personal{background:var(--layer-personal)}.layer-dot--band{background:var(--layer-band)}.layer-dot--setlist{background:var(--layer-setlist)}.ink-dock{z-index:12;left:max(10px, env(safe-area-inset-left,0px));right:max(10px, env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:absolute}.ink-dock>*{pointer-events:auto}.play .stage.is-drawing{cursor:crosshair}.chord-cover{position:absolute}.search-sub{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.search-row.is-first{background:color-mix(in srgb, var(--vlam) 8%, transparent);border-radius:10px}.chip--go{background:var(--knop);border-color:var(--knop);color:#fff;font-weight:700}.play.sheet-dark{--bg:#15120f;--surface:#211c18;--surface-2:#2c2620;--ink:#efe8dd;--ink-2:#a89e92;--line:#3b332c;--chrome:#211c18f0;--roest:#ee7a43;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:#000}.play.sheet-dark .pdf-page{filter:invert()hue-rotate(180deg);box-shadow:none}.scroll-pill{z-index:11;right:max(12px, env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:4px;padding:4px 4px 4px 12px;display:flex;position:absolute}.bar-hidden .scroll-pill{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.scroll-pill-label{color:var(--ink-2);margin-right:4px;font-size:13px}.scroll-pill-speed{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-weight:800}.bar-pos{font-variant-numeric:tabular-nums;color:var(--ink-2);margin-right:2px;font-weight:600}.auth-help{text-align:center;margin:16px 0 0;font-size:14px}.live-dot{background:var(--warn);vertical-align:1px;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;margin-right:2px;font-size:9px;display:inline-flex}.live-dot--online{background:var(--ok)}.live-dot--offline{background:var(--ink-2)}.live-dot b{font-size:9px;line-height:1}.live-dot--offline:has(b){border-radius:8px;width:auto;min-width:16px;height:16px;padding:0 4px}.live-dot--connecting:has(b){border-radius:8px;width:auto;min-width:16px;height:16px;padding:0 4px}.menu-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}@media (max-width:600px){.play-bar .bar-optional{display:none!important}.play-bar{gap:2px;padding:4px}.bar-key .key-display{min-width:52px}}.bar-live{justify-content:center;align-items:center;width:18px;margin-left:4px;display:inline-flex}.editor-screen{z-index:90;background:var(--bg);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.editor-body{flex:1;min-height:0}.editor-warning,.editor-note{padding:10px 16px;font-size:14px;font-weight:600}.editor-warning{color:#fff;background:#8a5a12}.editor-note{background:var(--surface-2);color:var(--ink)}.sheet-actions .btn{min-height:var(--tap)}.play-bar .btn,.play-bar .toggle,.play-bar .key-display{flex:none}@media (max-width:360px){.play-bar .bar-key .btn{display:none}}.pdf-clip{overflow:hidden}.pdf-clip-page{position:absolute}.search-row.is-suggest .search-sub{color:var(--roest);font-weight:600}.share-qr{flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;display:flex}.share-qr .qr{box-shadow:var(--shadow);border-radius:8px}.item-grip{width:36px;min-height:var(--tap);color:var(--ink-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;place-items:center;display:grid}.item-grip .icon path{stroke-width:3.2px}.item-row.is-dragging{z-index:5;background:var(--surface);cursor:grabbing;position:relative;box-shadow:0 10px 28px #00000038}.item-list.is-reordering .item-row:not(.is-dragging){pointer-events:none}.item-note{border-left:3px solid var(--ink-2);color:var(--ink);white-space:normal;margin-top:3px;padding-left:8px;font-size:14px;font-style:italic;display:block}.tally-chip{min-height:var(--tap);border:1px dashed var(--line);font-variant-numeric:tabular-nums;color:var(--ink-2);background:0 0;border-radius:10px;flex:none;padding:0 10px;font-weight:700}.share-meta{margin-top:4px}.item-note-pill{z-index:9;left:max(12px, env(safe-area-inset-left,0px));color:#fff;text-align:left;background:#1d1915;border:0;border-left:4px solid #a89e92;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(420px,100% - 24px);padding:8px 14px 8px 10px;font-size:15px;font-weight:600;line-height:1.3;display:flex;position:absolute;box-shadow:0 6px 18px #0000004d}.item-note-pill span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet-facts-line{color:var(--ink-2);margin:0 0 12px}.sheet-facts-line b{color:var(--ink)}.check-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.check-tools p{flex:260px;margin:0}.check-word{background:#1c64d60a;border:1px dashed #1c64d68c;border-radius:3px;padding:0;position:absolute}.check-word.is-likely{background:#1c64d61f;border:2px solid #1c64d6}.flag-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.flag-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:10px 0;display:grid}.flag-text{gap:2px;min-width:0;display:grid}.flag-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.flag-band{min-height:var(--tap);align-items:center;gap:8px;font-weight:600;display:inline-flex}.flag-band input{width:22px;height:22px}.flag-state{color:var(--ink-2);font-size:14px}.flag-state.is-on{color:var(--ok-ink);font-weight:700}.flag-controls select{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 10px}@media (max-width:560px){.flag-row{grid-template-columns:minmax(0,1fr)}.flag-controls{justify-content:flex-start}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){.btn--small,.chip:not(.chip--static),.navtab,.toast-action,.segmented button,.tally-chip,.item-note-pill,.cue-card.is-compact,.scroll-pill .btn,.offline-chip--big{min-height:var(--tap)}.link-btn,.settings-foot a{min-height:var(--tap);align-items:center;display:inline-flex}.brand{min-height:var(--tap);min-width:var(--tap);justify-content:center}.btn--small.btn--icon,.scroll-pill .btn--icon,.item-grip{width:var(--tap)}.swatch{width:var(--tap);height:var(--tap)}.invite-details summary{min-height:var(--tap);align-items:center;display:flex}.auth-help a{min-height:var(--tap);align-items:center;display:inline-flex}}.tally-inline{display:none}.swatches,.share-actions{flex-wrap:wrap}@media (max-width:380px){.tally-chip{display:none}.tally-inline{display:inline}.navtab .icon{display:none}.navtab{padding:0 10px}.sheet-card{flex-direction:column}.sheet-thumb{align-self:center}}.item-more{display:none}.item-more .icon path{stroke-width:3.2px}.item-menu{gap:10px;display:grid}.item-menu .btn{justify-content:flex-start}@media (max-width:560px){.item-actions.has-phone-menu .btn{display:none}.item-actions.has-phone-menu .item-more{display:inline-flex}}.only-small{display:none}@media (max-width:600px){.only-large{display:none!important}.only-small{display:inline}}.half-mark{pointer-events:none;z-index:3;position:absolute;left:0;right:0}.half-mark--lijn{border-top:2px dashed color-mix(in srgb, var(--vlam) 70%, transparent);height:0;animation:.4s ease-out half-mark-in}.half-mark--sluier{background:linear-gradient(to bottom, #ece6dc9e, #ece6dc9e calc(100% - 3px), color-mix(in srgb, var(--vlam) 60%, transparent) calc(100% - 3px))}.play.sheet-dark .half-mark--sluier{background:linear-gradient(to bottom, #0000008c, #0000008c calc(100% - 3px), color-mix(in srgb, var(--vlam) 60%, transparent) calc(100% - 3px))}.half-mark--rand{background:var(--vlam);border-radius:3px;width:6px;height:36px;margin-top:-18px;left:-10px;right:auto;box-shadow:0 0 0 2px #fff9}@keyframes half-mark-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.half-mark--lijn{animation:none}}.half-fade{pointer-events:none;z-index:4;background:linear-gradient(#fff 20%,#fff0);height:26px;position:absolute;left:0;right:0}.play.sheet-dark .half-fade{background:linear-gradient(#000 20%,#0000)}.side-open{z-index:12;top:calc(10px + env(safe-area-inset-top,0px));left:max(10px, env(safe-area-inset-left,0px));width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);box-shadow:var(--shadow);opacity:.88;border-radius:12px;place-items:center;display:grid;position:absolute}.play.sheet-dark .side-open{color:#efe8dd}.modal-backdrop--drawer{justify-content:flex-start;align-items:stretch;padding:0}.modal--drawer{width:min(380px,88vw);height:100%;max-height:none;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);border-radius:0 18px 18px 0;animation:.18s ease-out drawer-in}@keyframes drawer-in{0%{opacity:0;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){.modal--drawer{animation:none}}.side-controls{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.side-key{min-width:56px;font-size:20px}.side-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.side-item{width:100%;min-height:var(--tap);color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:16px;display:grid}.side-item.is-current{background:var(--ink);color:var(--bg)}.side-item.is-cue:not(.is-current){background:color-mix(in srgb, var(--vlam) 9%, transparent);border-color:color-mix(in srgb, var(--vlam) 55%, transparent);box-shadow:inset 6px 0 0 var(--vlam)}.side-pos{font-family:var(--font-display);text-align:center;color:inherit;opacity:.75;font-size:20px;font-weight:800;font-stretch:70%}.side-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.side-cue{color:var(--roest);font-weight:600}.side-item.is-current .side-cue{color:inherit}.side-keyname{font-weight:800}.side-foot{gap:8px;margin-top:16px;display:flex}.side-hint{align-items:center;gap:6px;margin-top:14px;display:flex}.play-bar .bar-cue{width:56px}@media (max-width:430px){.play-bar .bar-pos,.play-bar .bar-sub{display:none}.bar-song{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.15;display:-webkit-box}.play-bar .bar-cue{width:var(--tap)}}@media (max-width:359px){.bar-title{display:none}}.key-steps{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.key-steps .btn{justify-content:center}.key-cell{grid-template-rows:1fr 16px;place-items:center;padding:6px 2px 4px;display:grid}.key-tag{white-space:nowrap;align-self:start;font-size:10.5px}.key-cell.is-previous:not(.is-current){outline:2px dashed var(--ink-2);outline-offset:-5px}.key-extra{gap:10px;margin-top:14px;display:grid}.key-extra-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font-weight:600;display:flex}.key-extra-row select{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;padding:0 10px}.bar-key{background:0 0;padding:0}.play-bar .key-display{min-height:var(--tap);border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--surface)}html,body{overscroll-behavior:none}.modal-body,.search-results,.editor-screen *{overscroll-behavior:contain}@media (display-mode:standalone){#root:empty,#root>.splash:only-child{background:#1d1915 url(/icons/logo-vlam.svg) 50%/auto clamp(80px,16vmin,150px) no-repeat}}.editor-screen:before{content:"";height:env(safe-area-inset-top,0px);pointer-events:none;background:#1d1915;position:absolute;top:0;left:0;right:0}.modal-backdrop{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.pwa-update{z-index:80;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 16px;font-size:15px;font-weight:600;animation:.26s cubic-bezier(.23,1,.32,1) pwa-rise;display:flex;position:fixed;transform:translate(-50%)}.pwa-update-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:6px;overflow:hidden}.pwa-update-text:before{content:"";background:var(--vlam);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.pwa-update-go,.pwa-update-later{min-height:var(--tap);color:inherit;border:0;border-radius:999px;flex:none}.pwa-update-go{background:var(--bg);color:var(--ink);padding:0 18px;font-weight:800}.pwa-update-later{width:var(--tap);opacity:.7;background:0 0;justify-content:center;align-items:center;display:inline-flex}.install-hint{z-index:80;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(560px, calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 2px 12px 12px;animation:.3s cubic-bezier(.23,1,.32,1) pwa-rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000038}.pwa-update~.install-hint{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.toasts{bottom:max(calc(96px + env(safe-area-inset-bottom,0px)), calc(var(--install-hint-h,-999px) + 28px + env(safe-area-inset-bottom,0px)))}#root:has(.pwa-update) .toasts{bottom:max(calc(96px + env(safe-area-inset-bottom,0px)), calc(var(--install-hint-h,-999px) + 88px + env(safe-area-inset-bottom,0px)))}.install-hint-icon{border-radius:10px;flex:none}.install-hint-text{flex:1;gap:4px;min-width:0;font-size:14px;line-height:1.4;display:grid}.install-hint-text p{margin:0}.install-hint-text .install-hint-title{font-size:16px;font-weight:800}.install-hint-text .icon{vertical-align:-3px;color:var(--roest)}.install-hint-text .install-hint-note{color:var(--ink-2);font-size:13px}.install-hint-close{width:var(--tap);height:var(--tap);color:var(--ink-2);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:-8px;display:inline-flex}@media (max-width:560px){.install-hint-text .install-hint-note{display:none}.install-hint{gap:10px;padding:8px 2px 8px 10px}.install-hint-icon{width:36px;height:36px}.install-hint-text{font-size:13px}.install-hint-text .install-hint-title{font-size:15px}}@keyframes pwa-rise{0%{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion:reduce){.pwa-update,.install-hint{animation:none}}.screen{padding-bottom:var(--install-hint-h,0px)}.move-banner{z-index:85;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-left:5px solid var(--knop);background:var(--surface);width:min(620px,100% - 24px);color:var(--ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000038}.move-text{flex:280px;gap:4px;font-size:14px;line-height:1.4;display:grid}.move-text p{margin:0}.move-title{font-size:16px;font-weight:800}.move-actions{gap:8px;display:flex}.ov .ov-main{max-width:1200px;padding-top:28px}.ov a.btn{text-decoration:none}.ov-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;margin-bottom:24px;display:flex}.ov-head-text{min-width:0}.ov-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:36px;font-weight:780;font-stretch:70%;line-height:.95}.ov-sub{color:var(--ink-2);margin:6px 0 0;font-size:15px}.ov-eyebrow{font-family:var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12.5px;font-weight:700;line-height:1.3}.ov-date{flex:none}.ov-date-vis{background:var(--surface-2);width:56px;height:60px;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.ov-date-day{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:27px;font-weight:800;font-stretch:72%}.ov-date-month{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:3px;font-size:11.5px;font-weight:700}.ov-date-wd{display:none}.ov-date--big .ov-date-vis{background:var(--knop);color:#fff;border-radius:16px;width:84px;height:92px}.ov-date--big .ov-date-day{font-size:46px}.ov-date--big .ov-date-month{color:#fff;margin-top:4px;font-size:13px}.ov-next{flex-direction:column;gap:20px;min-width:0;display:flex}.ov-next-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.ov-next-when{color:var(--roest)}.ov-next-head{align-items:center;gap:20px;min-width:0;display:flex}.ov-next-headtext{min-width:0}.ov-next-title{letter-spacing:-.012em;overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:800;line-height:1.1}.ov-next-meta{color:var(--ink-2);margin:6px 0 0;font-size:16px}.ov-next-note{border-left:3px solid var(--vlam);white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:62ch;margin:0;padding:2px 0 2px 14px;font-size:15px;display:-webkit-box;overflow:hidden}.ov-next-set{flex-direction:column;gap:8px;min-width:0;display:flex}.ov-songs{margin:0;padding:0;list-style:none}.ov-song{border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:46px;padding:6px 0;display:grid}.ov-song:first-child{border-top:1px solid var(--line)}.ov-song-nr{font-family:var(--font-display);color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;font-stretch:72%}.ov-song-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.ov-opw{color:var(--roest);vertical-align:2px;border:1px solid;border-radius:5px;margin-right:8px;padding:0 5px;font-size:12px;font-weight:700;line-height:1.45;display:inline-block}.ov-key{border:1.5px solid var(--ink);text-align:center;border-radius:8px;min-width:42px;padding:3px 8px;font-size:15px;font-weight:800;line-height:1.25}.ov-key.is-none{border:1px dashed var(--line);color:var(--ink-2);font-size:13px;font-weight:600}.ov-more,.ov-next-emptyset{color:var(--ink-2);margin:0;font-size:14px}.ov-next-offline{background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.35;display:flex}.ov-next-offline .icon{margin-top:1px}.ov-next-offline.is-deels,.ov-next-offline.is-bijna{background:color-mix(in srgb, var(--warn) 18%, var(--surface))}.ov-next-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.ov .ov-play{border-radius:14px;gap:10px;min-height:52px;padding:0 28px 0 22px;font-size:17px}.ov .ov-open{border-radius:14px;min-height:52px;padding:0 20px}.ov-off{background:var(--surface-2);min-height:30px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 11px 3px 9px;font-size:14px;font-weight:600;display:inline-flex}.ov-off.is-klaar{color:var(--ok-ink);background:color-mix(in srgb, var(--ok) 15%, transparent)}.ov-off--small{background:0 0;min-height:0;padding:0;font-size:13px}.ov-off--small.is-klaar{background:0 0}.ov-list{margin:0;padding:0;list-style:none}.ov-item{min-height:72px;color:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;transition:background-color .15s;display:flex}.ov-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ov-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:16.5px;font-weight:700;line-height:1.25;overflow:hidden}.ov-item-meta,.ov-item-songs{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ov-item-songs{font-size:13.5px}.ov-item-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.ov-item-count{white-space:nowrap;font-size:14px;font-weight:650}.ov-item-count.is-empty{color:var(--ink-2);font-weight:500}.ov-item.is-past .ov-date-vis{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.ov-item.is-past .ov-item-title{font-weight:650}@media (hover:hover){.ov-item:hover{background:var(--surface-2)}}.ov-past{margin-top:28px}.ov-past-head{font-size:inherit;font-weight:inherit;margin:0}.ov-past-toggle{min-height:var(--tap);color:var(--ink-2);letter-spacing:.09em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:0 6px 0 0;font-size:12.5px;font-weight:700;display:inline-flex}.ov-count{background:var(--surface-2);min-width:24px;height:22px;color:var(--ink);letter-spacing:0;border-radius:999px;place-items:center;padding:0 7px;font-size:12.5px;display:inline-grid}.ov-past-toggle .icon{transition:transform .2s;transform:rotate(180deg)}.ov-past.is-open .ov-past-toggle .icon{transform:none}@media (hover:hover){.ov-past-toggle:hover{color:var(--ink)}}.ov-list--past{margin-top:4px}.ov-none,.ov-empty{border:1.5px dashed var(--line);border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;padding:36px 32px;display:flex}.ov-empty--search{border-style:solid;border-color:#0000;padding:28px 4px}.ov-none-icon{background:var(--surface-2);width:52px;height:52px;color:var(--roest);border-radius:14px;place-items:center;display:grid}.ov-none-title{margin:0;font-size:22px;font-weight:800;line-height:1.2}.ov-none-text{max-width:50ch;color:var(--ink-2);margin:0 0 4px}.ov-none .btn,.ov-empty .btn{min-height:48px}.ov .ov-search{border-radius:14px;min-height:52px;margin-bottom:18px;padding:0 14px}.ov .ov-search input{-webkit-appearance:none;appearance:none;min-height:50px;font-size:17px}.ov .ov-search input::-webkit-search-decoration{-webkit-appearance:none}.ov-results{color:var(--ink-2);margin:0 0 10px;font-size:14px}.ov-songlist{margin:0;padding:0;list-style:none}.ov-songrow{min-height:60px;color:var(--ink);align-items:center;gap:14px;padding:9px 14px;text-decoration:none;transition:background-color .15s;display:flex}.ov-songrow-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ov-songrow-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;line-height:1.3;overflow:hidden}.ov-songrow-artist{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ov-songrow-keys{flex:none;align-items:center;gap:6px;display:flex}.ov-keychip{border:1px solid var(--line);background:var(--bg);border-radius:8px;place-items:center;min-width:38px;height:30px;padding:0 9px;font-size:14px;font-weight:750;display:inline-grid}.ov-keychip.is-warn{color:var(--ink-2);border-style:dashed}.ov-nosheet{color:var(--ink-2);font-size:13.5px}@media (hover:hover){.ov-songrow:hover{background:var(--surface-2)}}.ov-stats{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:16px 18px;display:grid}.ov-stats>div{flex-direction:column-reverse;gap:2px;display:flex}.ov-stats>div+div{border-left:1px solid var(--line);padding-left:14px}.ov-stats dt{color:var(--ink-2);font-size:13px}.ov-stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:32px;font-weight:800;font-stretch:72%;line-height:1}.ov-stats .is-warn dd{color:var(--roest)}.ov-drop{border:1.5px dashed var(--line);color:var(--ink-2);border-radius:18px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.ov-drop p{gap:2px;margin:0;font-size:14px;display:grid}.ov-drop b{color:var(--ink);font-size:15px}@media (pointer:coarse){.ov-drop{display:none}}.koppel-titel{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12.5px;font-weight:700;line-height:1.3}.koppel-lijst{margin:0;padding:0;list-style:none}.koppel-item{align-items:center;gap:14px;min-width:0;display:flex}.koppel-logo{background:#fff;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #1d191524}.koppel-glyph{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .koppel-logo--spotify{background:#000;box-shadow:inset 0 0 0 1px #ffffff29}}:root[data-theme=dark] .koppel-logo--spotify{background:#000;box-shadow:inset 0 0 0 1px #ffffff29}.koppel-tekst{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.koppel-naam{font-size:16px;font-weight:700;line-height:1.3}.koppel-status{color:var(--ink-2);align-items:flex-start;gap:5px;font-size:14px;line-height:1.35;display:flex}.koppel-status .icon{flex:none;margin-top:2px}.is-gekoppeld .koppel-status{color:var(--ok-ink);font-weight:650}.koppel-account{color:var(--ink-2);font-weight:500}.is-fout .koppel-status{color:var(--bad-ink);font-weight:600}.koppel-actie{flex:none}.koppel .koppel-knop{border-radius:10px;min-height:40px;padding:0 14px;font-size:14.5px}.koppel .koppel-knop--uit{color:var(--ink-2)}.koppel .koppel-knop:disabled{opacity:1;color:var(--ink-2)}.koppel-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite koppel-spin}@keyframes koppel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.koppel-spinner{animation-duration:2.4s}}@media (pointer:coarse){.koppel .koppel-knop{min-height:var(--tap)}}.koppel--kaart{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px 18px 6px}.koppel--kaart .koppel-titel{margin-bottom:6px}.koppel--kaart .koppel-item{grid-template-columns:44px minmax(0,1fr);gap:10px 14px;padding:14px 0;display:grid}.koppel--kaart .koppel-item+.koppel-item{border-top:1px solid var(--line)}.koppel--kaart .koppel-actie{grid-column:2}.koppel--rij{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 28px;margin:0 0 18px;padding:12px 0;display:flex}.koppel--rij .koppel-lijst{flex-wrap:wrap;flex:1;gap:12px 40px;display:flex}.koppel--rij .koppel-item{flex:320px;max-width:520px}.koppel--tegels{margin-bottom:22px}.koppel--tegels .koppel-titel{margin-bottom:10px}.koppel--tegels .koppel-lijst{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.koppel--tegels .koppel-item{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"logo actie""tekst tekst";align-items:start;gap:14px 12px;padding:16px;display:grid}.koppel--tegels .koppel-logo{grid-area:logo}.koppel--tegels .koppel-tekst{grid-area:tekst}.koppel--tegels .koppel-actie{grid-area:actie;justify-self:end}.koppel--tegels .is-gekoppeld{border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}.koppel--tegels .is-fout{border-color:color-mix(in srgb, var(--bad) 45%, var(--line))}[data-ov=agenda] .ov-title{font-family:var(--font-ui);letter-spacing:-.015em;text-transform:none;font-size:30px;font-weight:800;font-stretch:100%;line-height:1.1}.ov-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}[data-ov=agenda] .ov-next{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:28px;box-shadow:0 1px 2px #1d19150d,0 12px 32px -16px #1d191538}[data-ov=agenda] .ov-next-actions{margin-top:4px}[data-ov=agenda] .ov-next.ov-none{box-shadow:none;background:0 0;border-style:dashed}.ov-side{flex-direction:column;gap:12px;min-width:0;display:flex}[data-ov=agenda] .ov-later,[data-ov=agenda] .ov-past{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:18px 12px 10px}[data-ov=agenda] .ov-later>.ov-eyebrow{padding:0 12px 6px}[data-ov=agenda] .ov-past{background:0 0;margin-top:0;padding:8px 12px}[data-ov=agenda] .ov-past-toggle{width:100%;padding:0 4px 0 12px}[data-ov=agenda] .ov-past-toggle .icon{margin-left:auto}[data-ov=agenda] .ov-item-songs{display:none}[data-ov=agenda] .ov-item.is-past{min-height:64px}@media (min-width:1000px){.ov-split{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:24px}.ov-split.is-solo{grid-template-columns:minmax(0,1fr)}[data-ov=agenda] .ov-next{padding:32px 34px}}.ov-lib-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.ov-lib-main{min-width:0}.ov-lib-side{flex-direction:column;gap:14px;min-width:0;display:flex}[data-ov=agenda] .ov-songlist{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:6px}[data-ov=agenda] .ov-songlist>li+li{border-top:1px solid var(--line)}[data-ov=agenda] .ov-songrow{border-radius:14px}@media (max-width:999px){.ov-lib-side{display:none}.ov-lib-split.has-koppel .ov-lib-side{order:-1;display:flex}.ov-lib-split.has-koppel .ov-stats,.ov-lib-split.has-koppel .ov-drop{display:none}}@media (min-width:1000px){.ov-lib-split{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.ov-lib-split.is-solo{grid-template-columns:minmax(0,1fr)}.ov-lib-side{top:calc(84px + env(safe-area-inset-top,0px));position:sticky}}[data-ov=lijst] .ov-main{max-width:1120px}[data-ov=lijst] .ov-title{font-size:30px}[data-ov=lijst] .ov-head{border-bottom:2px solid var(--ink);margin-bottom:20px;padding-bottom:16px}[data-ov=lijst] .ov-next:not(.ov-none){gap:18px;padding:8px 0 36px}[data-ov=lijst] .ov-date--big{display:none}[data-ov=lijst] .ov-next-title{font-family:var(--font-display);letter-spacing:.002em;text-transform:uppercase;font-size:clamp(46px,8.6vw,84px);font-weight:800;font-stretch:66%;line-height:.9}[data-ov=lijst] .ov-next-meta{color:var(--ink);margin-top:12px;font-size:17px;font-weight:600}[data-ov=lijst] .ov-next-sethead{padding-bottom:2px}[data-ov=lijst] .ov-later>.ov-eyebrow{border-top:2px solid var(--ink);padding:18px 0 8px}[data-ov=lijst] .ov-list>li{border-bottom:1px solid var(--line)}[data-ov=lijst] .ov-item{border-radius:0;gap:16px;min-height:76px;padding:12px 8px}[data-ov=lijst] .ov-date-vis{width:78px;height:auto;box-shadow:none;background:0 0;grid-template-columns:auto auto;grid-template-areas:"wd wd""day month";justify-content:start;align-items:baseline;column-gap:5px;display:grid}[data-ov=lijst] .ov-date-wd{color:var(--ink-2);grid-area:wd;margin-bottom:3px;font-size:13px;font-weight:600;display:block}[data-ov=lijst] .ov-date-day{grid-area:day;font-size:30px}[data-ov=lijst] .ov-date-month{color:var(--ink);grid-area:month;margin:0;font-size:13px}[data-ov=lijst] .ov-item-wd{display:none}[data-ov=lijst] .ov-item.is-past .ov-date-day,[data-ov=lijst] .ov-item.is-past .ov-date-month{color:var(--ink-2)}[data-ov=lijst] .ov-past{margin-top:0;padding-top:6px}[data-ov=lijst] .ov-list--past>li:last-child{border-bottom:0}@media (max-width:599px){[data-ov=lijst] .ov-item-songs{display:none}[data-ov=lijst] .ov-date-vis{width:58px}[data-ov=lijst] .ov-date-day{font-size:26px}}@media (min-width:900px){[data-ov=lijst] .ov-next:not(.ov-none){grid-template:"top set""head set""note set""offline set""actions set"1fr/minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:18px 64px;display:grid}[data-ov=lijst] .ov-next-top{grid-area:top}[data-ov=lijst] .ov-next-head{grid-area:head}[data-ov=lijst] .ov-next-note{grid-area:note}[data-ov=lijst] .ov-next-offline{grid-area:offline}[data-ov=lijst] .ov-next-actions{grid-area:actions;margin-top:6px}[data-ov=lijst] .ov-next-set{grid-area:set;padding-top:2px}[data-ov=lijst] .ov-item{grid-template-columns:78px minmax(0,1.5fr) minmax(0,1fr) 150px;grid-template-areas:"date title meta side""date songs meta side";align-items:center;gap:2px 24px;display:grid}[data-ov=lijst] .ov-item .ov-date{grid-area:date}[data-ov=lijst] .ov-item-body{display:contents}[data-ov=lijst] .ov-item-title{grid-area:title;align-self:end}[data-ov=lijst] .ov-item-songs{grid-area:songs;align-self:start}[data-ov=lijst] .ov-item-meta{grid-area:meta}[data-ov=lijst] .ov-item-side{grid-area:side}[data-ov=lijst] .ov-item:not(.has-songs) .ov-item-title{grid-row:1/span 2;align-self:center}}[data-ov=lijst] .ov-lib .ov-search{min-height:56px}[data-ov=lijst] .ov-groups{border-top:1px solid var(--line)}[data-ov=lijst] .ov-group{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);display:grid}[data-ov=lijst] .ov-letter{top:calc(72px + env(safe-area-inset-top,0px));font-family:var(--font-display);color:var(--roest);align-self:start;margin:0;padding:12px 0 8px 4px;font-size:34px;font-weight:800;font-stretch:70%;line-height:1;position:sticky}[data-ov=lijst] .ov-songlist>li+li{border-top:1px solid var(--line)}[data-ov=lijst] .ov-songrow{padding:9px 8px}@media (min-width:760px){[data-ov=lijst] .ov-songrow-main{flex-direction:row;align-items:baseline;gap:16px}[data-ov=lijst] .ov-songrow-title{flex:0 58%}[data-ov=lijst] .ov-songrow-artist{flex:1 1 0}[data-ov=lijst] .ov-songrow-keys{justify-content:flex-end;min-width:96px}}@media (max-width:599px){[data-ov=lijst] .ov-group{grid-template-columns:40px minmax(0,1fr)}[data-ov=lijst] .ov-letter{padding-left:2px;font-size:26px}}[data-ov=tegels] .ov-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}[data-ov=tegels] .ov-board>li{min-width:0;display:flex}[data-ov=tegels] .ov-board>li>*{flex:1;min-width:0}[data-ov=tegels] .ov-board-next{grid-column:1/-1}[data-ov=tegels] .ov-next{border:1px solid var(--line);border-color:color-mix(in srgb, var(--vlam) 30%, var(--line));background:var(--surface);background:color-mix(in srgb, var(--vlam) 4.5%, var(--surface));border-radius:24px;padding:24px}[data-ov=tegels] .ov-next.ov-none{border-style:dashed;border-color:var(--line);background:0 0}[data-ov=tegels] .ov-song,[data-ov=tegels] .ov-song:first-child{border-color:color-mix(in srgb, var(--vlam) 18%, var(--line))}[data-ov=tegels] .ov-board .ov-item{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;align-items:stretch;gap:10px;height:100%;min-height:190px;padding:18px}[data-ov=tegels] .ov-board .ov-item .ov-date-vis,[data-ov=tegels] .ov-list--past .ov-date-vis{width:auto;height:auto;box-shadow:none;background:0 0;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px}[data-ov=tegels] .ov-board .ov-item .ov-date-day{font-size:44px;line-height:.9}[data-ov=tegels] .ov-board .ov-item .ov-date-wd{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}[data-ov=tegels] .ov-board .ov-item .ov-date-month{color:var(--roest)}[data-ov=tegels] .ov-item-wd{display:none}[data-ov=tegels] .ov-board .ov-item-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box}[data-ov=tegels] .ov-board .ov-item-songs{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box}[data-ov=tegels] .ov-board .ov-item-side{border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px}.ov-add{border:1.5px dashed var(--line);width:100%;min-height:120px;color:var(--ink-2);background:0 0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:650;transition:background-color .15s,color .15s;display:flex}@media (hover:hover){.ov-add:hover{background:var(--surface);color:var(--ink)}[data-ov=tegels] .ov-board .ov-item:hover{background:var(--surface-2)}}[data-ov=tegels] .ov-list--past{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;margin-top:8px;display:grid}[data-ov=tegels] .ov-list--past .ov-item{border:1px solid var(--line);border-radius:16px;min-height:64px}[data-ov=tegels] .ov-list--past .ov-date-vis{width:64px}[data-ov=tegels] .ov-list--past .ov-item-songs,[data-ov=tegels] .ov-list--past .ov-item-side{display:none}@media (max-width:599px){[data-ov=tegels] .ov-board .ov-item{border-radius:18px;min-height:0;padding:14px}[data-ov=tegels] .ov-board .ov-item .ov-date-day{font-size:36px}[data-ov=tegels] .ov-board .ov-item-title{font-size:16px}[data-ov=tegels] .ov-board .ov-item-meta{white-space:normal}[data-ov=tegels] .ov-board .ov-item-songs{display:none}[data-ov=tegels] .ov-board .ov-item-side{flex-direction:column;align-items:flex-start;gap:2px}[data-ov=tegels] .ov-next{padding:20px}}@media (min-width:1000px){[data-ov=tegels] .ov-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}[data-ov=tegels] .ov-board-next{grid-area:span 2/span 2}[data-ov=tegels] .ov-next{padding:28px}}[data-ov=tegels] .ov-lib .ov-songlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}[data-ov=tegels] .ov-lib .ov-songlist>li{min-width:0;display:flex}[data-ov=tegels] .ov-songrow{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;flex:1;align-items:stretch;gap:12px;min-height:132px;padding:16px}[data-ov=tegels] .ov-songrow-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;display:-webkit-box}[data-ov=tegels] .ov-songrow-keys{margin-top:auto}@media (max-width:599px){[data-ov=tegels] .ov-lib .ov-songlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-ov=tegels] .ov-songrow{min-height:118px;padding:14px}[data-ov=tegels] .ov-songrow-title{-webkit-line-clamp:3;font-size:15.5px}[data-ov=tegels] .ov-songrow-artist{font-size:13px}.ov .ov-main{padding-top:20px}.ov-head{margin-bottom:18px}.ov-title{font-size:30px}[data-ov=agenda] .ov-title{font-size:26px}.ov-next{gap:16px}[data-ov=agenda] .ov-next{border-radius:20px;padding:20px}.ov-next-head{gap:14px}.ov-date--big .ov-date-vis{border-radius:14px;width:64px;height:72px}.ov-date--big .ov-date-day{font-size:36px}.ov-next-title{font-size:24px}.ov-next-meta{font-size:15px}.ov .ov-play{flex:auto}.ov-none,.ov-empty{padding:28px 20px}.koppel--rij{flex-direction:column;align-items:stretch}.koppel--rij .koppel-item{flex-basis:100%;grid-template-columns:44px minmax(0,1fr);gap:10px 14px;display:grid}.koppel--rij .koppel-actie{grid-column:2}[data-ov=agenda] .ov-item{grid-template-columns:auto minmax(0,1fr);gap:4px 14px;display:grid}[data-ov=agenda] .ov-item .ov-date{grid-row:1/span 2;align-self:center}[data-ov=agenda] .ov-item-side{flex-direction:row;grid-column:2;align-items:center;gap:12px}}@media (max-width:400px){[data-ov=lijst] .ov-item{grid-template-columns:auto minmax(0,1fr);gap:4px 14px;display:grid}[data-ov=lijst] .ov-item .ov-date{grid-row:1/span 2;align-self:center}[data-ov=lijst] .ov-item-side{flex-direction:row;grid-column:2;align-items:center;gap:12px}}@media (max-width:359px){[data-ov=tegels] .ov-board{grid-template-columns:minmax(0,1fr)}[data-ov=tegels] .ov-board .ov-item-side{flex-direction:row;align-items:center;gap:12px}}@media (prefers-reduced-motion:reduce){.ov-item,.ov-songrow,.ov-add,.ov-past-toggle .icon{transition:none}}.overview-setting{border-top:1px solid var(--line);margin-top:16px}.overview-setting .setting{border-bottom:0;padding-bottom:6px}.overview-setting p{margin:0 0 4px}.cp-page{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.cp-text{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cp-band,.cp-box{margin:0;padding:0;position:absolute}.cp-box--comment-box{box-sizing:border-box;border-style:solid}.cp-run{white-space:pre;font-kerning:none;font-feature-settings:"kern" 0, "liga" 0, "clig" 0;font-variant-ligatures:none;letter-spacing:0;word-spacing:0;text-transform:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Arial,Helvetica,Liberation Sans,sans-serif;text-decoration:none;position:absolute}.cp-run--mono{font-family:Courier New,Courier,Liberation Mono,monospace}.cpe{background:var(--bg);height:100%;min-height:0;color:var(--ink);font-family:var(--font-ui);flex-direction:column;display:flex;position:relative}.cpe-toolbar{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.cpe-tools{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.cpe-tools::-webkit-scrollbar{display:none}.cpe-actions{flex:none;align-items:center;gap:6px;display:flex}.cpe-sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:6px 2px}.cpe-btn{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}.cpe-btn:active{background:var(--surface-2)}.cpe-btn:disabled{opacity:.45;cursor:default}.cpe-btn--small{min-height:36px;padding:0 10px;font-size:14px}.cpe-btn--mono{font-family:var(--font-mono);min-width:var(--tap);font-weight:700}.cpe-btn--primary{background:var(--knop);border-color:var(--knop);color:#fff}.cpe-btn--primary:active{background:var(--knop);opacity:.85}.cpe-btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.cpe-btn[aria-pressed=true],.cpe-seg__btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}@media (hover:hover){.cpe-btn:not(:disabled):hover,.cpe-chip:hover,.cpe-seg__btn:hover{border-color:var(--ink-2)}}.cpe-banner{background:var(--surface-2);border-bottom:1px solid var(--line);border-left:4px solid var(--vlam);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.cpe-banner__text{flex:200px;font-size:14px}.cpe-main{flex:auto;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid}@media (orientation:landscape) and (min-width:700px){.cpe-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cpe-source{border-bottom:0;border-right:1px solid var(--line)}}.cpe-source{border-bottom:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.cpe-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--line);flex:none;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.cpe-chips::-webkit-scrollbar{display:none}.cpe-chip{border:1px solid var(--line);background:var(--bg);min-width:44px;min-height:36px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;padding:0 10px;font-size:15px;font-weight:700}.cpe-chip:active{background:var(--surface-2)}.cpe-textarea{resize:none;background:var(--surface);width:100%;min-height:0;color:var(--ink);font-family:var(--font-mono);-moz-tab-size:4;tab-size:4;-webkit-appearance:none;appearance:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;border:0;border-radius:0;outline:none;flex:auto;margin:0;padding:12px 14px;font-size:16px;line-height:1.5;display:block}.cpe-textarea::placeholder{color:var(--ink-2);opacity:.7}.cpe-warnings{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;min-height:0;max-height:34%;display:flex}.cpe-warnings.is-collapsed{max-height:none}.cpe-warnings__head{width:100%;min-height:40px;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.cpe-warnings__count{color:var(--bad-ink);margin-left:8px}.cpe-warnings__list{-webkit-overflow-scrolling:touch;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.cpe-warning{width:100%;min-height:var(--tap);border:0;border-top:1px solid var(--line);border-left:4px solid var(--ink-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.cpe-warning:active{background:var(--surface-2)}.cpe-warning--error{border-left-color:var(--bad)}.cpe-warning--warning{border-left-color:var(--warn)}.cpe-warning__line{min-width:64px;color:var(--ink-2);flex:none;font-weight:700}.cpe-warning__msg{flex:auto;min-width:0}.cpe-warning__sev{color:var(--ink-2);flex:none;font-size:12px}.cpe-warning--error .cpe-warning__sev{color:var(--bad-ink)}.cpe-warning--warning .cpe-warning__sev{color:var(--warn)}.cpe-preview{background:var(--surface-2);flex-direction:column;min-width:0;min-height:0;display:flex}.cpe-preview-bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.cpe-field{align-items:center;gap:6px;min-width:0;display:inline-flex}.cpe-field__label{color:var(--ink-2);white-space:nowrap;font-size:13px;font-weight:600}.cpe-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);max-width:220px;min-height:36px;color:var(--ink);font:inherit;padding:0 8px;font-size:16px}.cpe-select:disabled{opacity:.5}.cpe-size{align-items:center;gap:4px;display:inline-flex}.cpe-size__value{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:14px;font-weight:600}.cpe-seg{border:1px solid var(--line);border-radius:var(--radius-sm);flex:none;display:inline-flex;overflow:hidden}.cpe-seg__btn{border:0;border-left:1px solid var(--line);background:var(--bg);min-height:36px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;padding:0 10px;font-size:14px;font-weight:600}.cpe-seg__btn:first-child{border-left:0}.cpe-info{color:var(--ink-2);white-space:nowrap;margin-left:auto;font-size:13px}.cpe-pages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:center;gap:12px;min-height:0;padding:12px;display:flex;overflow:auto}.cpe-page-wrap{box-shadow:var(--shadow);cursor:text;flex:none}.cpe-empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;max-width:420px;margin:auto;padding:20px}.cpe-empty__title{margin:0 0 6px;font-size:17px;font-weight:700}.cpe-empty__text{color:var(--ink-2);margin:0 0 14px;font-size:15px}.cpe-empty__text code{font-family:var(--font-mono);color:var(--ink)}.cpe-empty__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cpe-panel{z-index:20;background:var(--chrome);justify-content:center;align-items:flex-start;padding:6vh 12px 12px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cpe-panel-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;max-width:620px;min-height:0;max-height:100%;box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.cpe-panel-title{margin:0;font-size:18px;font-weight:700}.cpe-panel-text{color:var(--ink);margin:0;font-size:15px}.cpe-muted{color:var(--ink-2)}.cpe-panel-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cpe-panel-arrow{color:var(--ink-2);font-size:18px}.cpe-panel-actions{justify-content:flex-end;gap:8px;display:flex}.cpe-paste{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);white-space:pre;flex:auto;height:40vh;min-height:180px;overflow:auto}@media (max-width:520px){.cpe-toolbar{padding:4px 6px}.cpe-btn{padding:0 10px;font-size:14px}.cpe-select{max-width:160px}.cpe-info{margin-left:0}}@media (pointer:coarse){.cpe-btn--small,.cpe-chip,.cpe-select,.cpe-seg__btn{min-height:var(--tap)}}.ink-layer{touch-action:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;position:absolute;top:0;left:0;overflow:hidden}.ink-layer[data-draw]{touch-action:none;cursor:crosshair}.ink-layer[data-draw][data-tool=text]{cursor:text}.ink-layer[data-draw][data-tool=eraser]{cursor:none}.ink-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.ink-svg--marker{mix-blend-mode:multiply}.ink-marker{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.ink-ink{stroke:none}.ink-eraser-cursor{fill:var(--sheet-bg);fill-opacity:.45;stroke:var(--ink-2);stroke-width:1.5px;vector-effect:non-scaling-stroke;display:none}.ink-eraser-cursor[data-on]{display:inline}.ink-text{box-sizing:content-box;font-family:var(--font-ui);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-shadow:0 0 1px var(--sheet-bg), 0 0 2px var(--sheet-bg), 0 0 3px var(--sheet-bg), 0 0 5px var(--sheet-bg);pointer-events:none;margin:0;padding:0;font-weight:600;line-height:1.2;position:absolute}.ink-text-editor{box-sizing:content-box;transform-origin:0 0;min-width:2em;font-family:var(--font-ui);isolation:isolate;outline-offset:4px;cursor:text;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;outline:2px dashed;font-weight:600;line-height:1.2;display:inline-block;position:absolute}.ink-text-editor:before{content:"";z-index:-1;border-radius:var(--radius-sm);background:var(--sheet-bg);opacity:.85;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.ink-text-editor__mirror{white-space:pre;visibility:hidden;display:block;overflow:hidden}.ink-text-editor__input{box-sizing:border-box;width:100%;height:100%;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;caret-color:currentColor;-webkit-appearance:none;appearance:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;position:absolute;top:0;left:0}.ink-toolbar{box-sizing:border-box;border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:var(--surface);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);max-width:100%;box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;align-items:stretch;padding:6px;font-size:15px;line-height:1.2;display:flex}.ink-toolbar *,.ink-toolbar :before,.ink-toolbar :after{box-sizing:border-box}.ink-toolbar__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;display:flex}.ink-toolbar__group{flex:none;align-items:center;gap:2px;display:flex}.ink-toolbar button{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;border:0;margin:0}.ink-toolbar__btn,.ink-toolbar__swatch,.ink-toolbar__size,.ink-toolbar__eye{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-sm);color:var(--ink);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.ink-toolbar__btn svg,.ink-toolbar__eye svg{width:24px;height:24px;display:block}.ink-toolbar__btn:active,.ink-toolbar__swatch:active,.ink-toolbar__size:active,.ink-toolbar__eye:active{background:var(--surface-2)}@media (hover:hover){.ink-toolbar__btn:hover,.ink-toolbar__swatch:hover,.ink-toolbar__size:hover,.ink-toolbar__eye:hover{background:var(--surface-2)}}.ink-toolbar__btn[aria-pressed=true],.ink-toolbar__size[aria-pressed=true]{background:var(--surface);color:var(--roest);box-shadow:inset 0 0 0 2px var(--roest)}.ink-toolbar button:disabled{opacity:.35;cursor:default;background:0 0}.ink-toolbar__seg{border-radius:calc(var(--radius) + 2px);background:var(--surface-2);padding:2px}.ink-toolbar__seg-btn{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius);color:var(--ink-2);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:500;display:inline-flex}.ink-toolbar__seg-btn[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:650}.ink-toolbar__seg-btn[aria-disabled=true]{opacity:.45}.ink-toolbar__dot{width:12px;height:12px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;display:inline-block}.ink-toolbar__swatch-dot{width:26px;height:26px;box-shadow:0 0 0 1px var(--line);border-radius:50%;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ink-toolbar__dot,:root:not([data-theme=light]) .ink-toolbar__swatch-dot{box-shadow:0 0 0 1px var(--ink-2)}:root:not([data-theme=light]) .ink-toolbar__eye-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--ink-2)}}:root[data-theme=dark] .ink-toolbar__dot,:root[data-theme=dark] .ink-toolbar__swatch-dot{box-shadow:0 0 0 1px var(--ink-2)}:root[data-theme=dark] .ink-toolbar__eye-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--ink-2)}.ink-toolbar__swatch[aria-pressed=true] .ink-toolbar__swatch-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.ink-toolbar__fixed{min-height:var(--tap);color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:inline-flex}.ink-toolbar__size-dot{background:currentColor;border-radius:50%;display:block}.ink-toolbar__size-glyph{font-weight:650;line-height:1}.ink-toolbar__eye[aria-pressed=false]{color:var(--ink-2)}.ink-toolbar__eye-dot{width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);position:absolute;bottom:7px;right:6px}.ink-toolbar__done{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius);background:var(--ink);color:var(--surface);padding:0 18px;font-weight:650}.ink-toolbar__done:active{opacity:.8}.ink-toolbar button:focus-visible{outline:2px solid var(--roest);outline-offset:2px}.ink-toolbar__hint{text-align:center;color:var(--ink-2);padding:6px 10px 2px;font-size:13px}.ink-toolbar__hint:empty,.ink-toolbar--compact .ink-toolbar__seg-label{display:none}.ink-toolbar--compact .ink-toolbar__seg-btn{padding:0}@media (max-width:600px){.ink-toolbar__row{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.ink-toolbar__row::-webkit-scrollbar{display:none}.ink-toolbar__seg-label{display:none}.ink-toolbar__seg-btn{padding:0}.ink-toolbar__done{box-shadow:-14px 0 12px -2px var(--chrome);flex:none;position:sticky;right:0}}