.vote-panel-slot{padding:24px;display:block;overflow:auto}.vote-panel{inline-size:100%;color:var(--ink)}.vote-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.vote-heading h2{font:900 40px/1.15 var(--font-title);color:var(--course-ink);overflow-wrap:anywhere;margin:0}.vote-heading .song-level{font-size:16px}.vote-next{background:var(--ink);color:var(--paper-hi);flex-shrink:0}.vote-people{gap:20px;margin-block-start:26px;display:grid}.vote-person{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vote-person>span{font:22px var(--font-head);color:var(--participant);min-inline-size:76px}.vote-person>div{flex-wrap:wrap;gap:5px;display:flex}.vote-person button{block-size:50px;inline-size:60px;font:900 24px var(--font-title);padding:2px}.vote-person button[aria-pressed=true]{background:var(--participant);color:var(--vote-white);border-color:var(--participant)}.spotlight-tools{flex-wrap:wrap;gap:8px;display:flex}.spotlight-tools button{border:0;padding:4px 0;font-size:12px}.spotlight-indicator{font-size:12px}.spotlight-indicator:before{content:"";background:var(--ring);border-radius:50%;block-size:6px;inline-size:6px;margin-inline-end:6px;display:inline-block}.vote-band{font:700 22px/1 var(--font-hand);justify-content:center;gap:10px;display:flex}.vote-band>span{text-overflow:ellipsis;white-space:nowrap;max-inline-size:2.8em;overflow:clip}.participant-editor{margin-block:20px}.participant-editor label{gap:8px;display:grid}.participant-editor>div{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.participant-editor button{border-radius:50%;block-size:36px;inline-size:36px}.broadcast-settings{margin-block-start:24px;font-size:12px}.broadcast-settings label{align-items:center;gap:4px;margin-inline-end:12px;display:inline-flex}.broadcast-viewport{background:var(--paper);place-items:center;display:grid;position:fixed;inset:0;overflow:clip}.broadcast-stage{transform-origin:50%;flex-shrink:0;position:absolute;overflow:clip}.broadcast-stage>header{border-block-end:2px solid var(--ink);block-size:96px;font:44px var(--font-head);justify-content:space-between;align-items:center;gap:32px;padding-inline:40px;display:flex}.broadcast-stage>header>span:first-child{font-size:36px}.broadcast-stage [data-testid=vote-legend]{gap:30px;font-size:30px;display:flex}.broadcast-stage [data-testid=broadcast-progress]{font-size:26px}.broadcast-row{border-block-end:1.5px solid var(--line);display:flex}.broadcast-label{inline-size:150px;font:900 72px var(--font-title);white-space:pre-line;flex-shrink:0;place-items:center;display:grid}.broadcast-label-text{text-align:center;white-space:pre-wrap;word-break:keep-all;overflow-wrap:normal;max-block-size:100%;inline-size:100%;min-inline-size:0}.broadcast-songs{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 30px;display:flex}.broadcast-stage .song-text{pointer-events:none}.broadcast-stage .song-line-main{font-size:max(22px,1em)}.broadcast-spotlight{background:var(--spotlight-paper);grid-template-columns:1120px 1fr;align-items:center;gap:50px;padding:40px;display:grid;position:absolute;inset:0}.broadcast-spotlight iframe{aspect-ratio:16/9;background:var(--bitmap-bg);border:0;inline-size:1120px}.broadcast-spotlight.without-video{grid-template-columns:1fr}.spotlight-copy{justify-items:center;gap:40px;min-inline-size:0;display:grid}.spotlight-level{font:900 72px var(--font-title);align-items:center;gap:24px;display:flex}.spotlight-title{isolation:isolate;font:900 72px/1.15 var(--font-title);color:var(--course-ink);text-align:center;overflow-wrap:anywhere;margin:16px 0;position:relative}.spotlight-title:before{content:"";background:var(--ring);-webkit-mask:var(--spotlight-ring) center/100% 100% no-repeat;mask:var(--spotlight-ring) center/100% 100% no-repeat;z-index:-1;position:absolute;inset:-40px -22px}.without-video .spotlight-title{font-size:96px}.spotlight-copy>p{font:36px var(--font-head);color:var(--ink-2);margin:0}.spotlight-votes{gap:20px;display:flex}.spotlight-votes>div{font:30px var(--font-head);justify-items:center;gap:14px;display:grid}.spotlight-votes b{border:2px dashed var(--line);block-size:126px;inline-size:126px;font:900 64px var(--font-title);border-radius:22px;place-items:center;display:grid}.spotlight-votes b[data-decided=true]{outline:4px solid var(--participant);outline-offset:5px}.broadcast-start{background:var(--spotlight-paper);inline-size:100%;font:44px var(--font-head);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.broadcast-spotlight{animation:.2s cast-fade}@keyframes cast-fade{0%{opacity:0}to{opacity:1}}}@media not (min-width:600px){.vote-heading{flex-wrap:wrap}.vote-heading h2{font-size:30px}.vote-person button{inline-size:45px}}.broadcast-spotlight{z-index:10}.broadcast-start{z-index:20}.broadcast-board{block-size:calc(100% - 96px)}.broadcast-row{box-sizing:border-box}.broadcast-songs{gap:0;padding:0 30px;display:grid}.broadcast-song{isolation:isolate;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px;display:flex;position:relative}.broadcast-song-ring{background:var(--ring);z-index:-1;position:absolute;inset:8px 10px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.broadcast-song-title{font-family:var(--font-title);color:var(--course-ink);font-weight:900;line-height:1.1}.broadcast-song-title>span{display:block}.broadcast-song-sub{color:var(--ink-2);font-size:.62em}.broadcast-song-meta{font:18px var(--font-head);color:var(--ink-2)}.broadcast-song .vote-band{margin-block-start:6px;font-size:26px}.pool-items>.drop-slot:has([data-current=true]){grid-column:span 2;justify-self:center}.spotlight-title{font-size:96px}.board{position:relative}@media (min-width:1024px){.app-header{border-block-end:0;inline-size:-moz-fit-content;inline-size:fit-content}.board-workspace{border-block-start:2px solid var(--ink)}}@media (min-width:1024px) and (not (min-width:1440px)){.toolbar-main button{padding-inline:5px;font-size:13px}.toolbar-main .toolbar-separator{margin-inline:8px}}.vote-person>span{font-weight:700}.pool-items>.drop-slot:has([data-current=true]){place-items:center;display:grid}.spotlight-votes b[data-voted=true]{border-style:solid;border-color:var(--participant)}.vote-heading>div{flex:1;min-inline-size:0}.vote-heading h2{overflow-wrap:normal}.vote-title-line{white-space:nowrap;display:block}.vote-title-line[data-size=sub]{color:var(--ink-2);font-weight:400}@media (min-width:1024px){.workspace-side:has(.vote-people)>.pool:not(.pool-pinned){block-size:min(50%,100% - 420px)}.vote-panel-slot:has(.vote-people){flex-shrink:0;min-block-size:358px;padding:16px 24px}.vote-people{gap:12px;margin-block-start:16px}.vote-person{grid-template-columns:76px minmax(0,1fr);gap:8px;display:grid}.vote-person>div{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.vote-person button{inline-size:100%;max-inline-size:60px}}.vote-panel-slot .broadcast-settings{margin-block-start:8px}@media (min-width:1024px){.workspace-side:has([data-testid=vote-tie])>.pool:not(.pool-pinned){block-size:min(50%,100% - 490px)}}.vote-heading h2.vote-empty{font:var(--text-sm)/1.4 var(--font-ui);color:var(--ink-2);word-break:keep-all;overflow-wrap:normal}.song-card{block-size:var(--card-height);aspect-ratio:var(--card-ratio);background:var(--bitmap-bg);-webkit-user-select:none;user-select:none;vertical-align:middle;flex:none;display:inline-block;overflow:clip}.song-card img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.card-sheet{flex-wrap:wrap;gap:0;display:flex}@media (hover:hover) and (pointer:fine){.song-card:hover{filter:brightness(1.1)}}.upload-zone[data-dragging=true]{outline:3px dashed var(--accent);outline-offset:-3px;background:color-mix(in oklch, var(--accent) 15%, transparent)}.upload-card{display:inline-block;position:relative}.upload-info{min-block-size:24px;min-inline-size:24px;position:absolute;inset-block-start:0;inset-inline-end:0}.upload-info:active{filter:brightness(.8)}.upload-name{overflow-wrap:anywhere;word-break:normal;line-break:strict;text-wrap:balance}.pool-pinned .upload-zone{flex-direction:column;flex:1;min-block-size:0;display:flex}.upload-zone>p{margin-block:8px}.song-card-shell{vertical-align:middle;flex:none;display:inline-flex;position:relative}.song-info{opacity:0;color:var(--ink-2);font-size:var(--text-xs);background:0 0;border:0;padding:0 4px;position:absolute;inset-block-start:0;inset-inline-end:0}.song-card-shell:focus-within .song-info{opacity:1}.song-text{border-radius:var(--radius-sm);inline-size:calc(var(--card-height) * 300 / 168);color:var(--ink);text-align:center;background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.song-copy{z-index:1;flex-direction:column;justify-content:center;gap:3px;inline-size:max-content;max-inline-size:calc(100% - 12px);display:flex;position:relative}.song-difficulty{color:var(--ink-2);font:400 var(--text-xs)/1.1 var(--font-head)}.song-title-lines{font:900 18px/1.15 var(--font-title);color:var(--course-ink)}.song-line{white-space:nowrap;display:block}.song-line-sub{color:var(--ink-2)}.text-card-shell[data-ringed=true]{margin-inline:var(--ring-space-x,0px);margin-block:var(--ring-space-y,0px)}.ura-stamp{block-size:1.15em;inline-size:1.15em;font:inherit;vertical-align:.08em;border:1.5px solid;border-radius:50%;place-items:center;margin-inline-start:4px;display:inline-grid;transform:rotate(-12deg)}.song-text[data-size=S] .song-title-lines{font-size:14px}.song-text[data-size=S] .song-difficulty,.song-text[data-size=S] .song-line-sub{font-size:var(--text-3xs)}.song-text[data-size=L] .song-title-lines{font-size:25px}.song-text[data-size=L] .song-difficulty{font-size:16px}.song-text[data-size=L] .song-line-sub{font-size:17px}.song-text[data-size=S] .card-yt-badge{display:none}.song-text .card-yt-badge{color:var(--ink-2);background:0 0;padding:0;font-size:.8em;position:static}.song-ring{inline-size:var(--ring-width,132%);block-size:var(--ring-height,145%);background:var(--ring);opacity:.9;pointer-events:none;position:absolute;inset-block-start:calc((100% - var(--ring-height,145%)) / 2);inset-inline-start:calc((100% - var(--ring-width,132%)) / 2);-webkit-mask-size:100% 100%;mask-size:100% 100%}.song-text[data-selected=true]{outline:3px solid var(--ink);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.song-card-shell:hover .song-info{opacity:1}.song-text:hover{filter:none}.song-text:hover .song-title-lines{text-decoration:underline}}@media (prefers-reduced-motion:no-preference){.song-ring[data-animate=true]{animation:.4s cubic-bezier(.16,1,.3,1) draw-ring}@keyframes draw-ring{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}@media (prefers-reduced-motion:reduce){.song-card{transform:none!important}}.drag-overlay .song-card{opacity:.85}@media (prefers-reduced-motion:no-preference){.drag-overlay .song-card{transform:scale(1.04)}}.ura-stamp>span{font:900 .7em/1 Zen Maru Gothic,sans-serif}[data-course=oni]{--course-ink:var(--course-oni-ink)}[data-course=ura]{--course-ink:var(--course-ura-ink)}.song-level{color:var(--course-ink);font-family:var(--font-title);font-weight:900}.song-line[lang=ko]{word-break:keep-all;overflow-wrap:normal}.modal[data-testid=song-detail]{inline-size:min(648px,100% - 32px)}.song-detail-content{gap:12px;min-inline-size:0;display:grid}.song-detail-content h3{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0}.song-detail-content .song-detail-card .song-card{block-size:auto;inline-size:100%;display:block}.song-detail-card .song-card-shell{display:block}.song-detail-content iframe{aspect-ratio:16/9;background:var(--bitmap-bg);border:0;block-size:auto;inline-size:100%}.song-detail-content label{gap:8px;display:grid}.song-detail-content input{inline-size:100%;min-inline-size:0}.song-detail-content form{gap:8px;display:grid}.song-detail-content form p:empty{display:none}.song-detail-chips{flex-wrap:wrap;gap:8px;display:flex}.song-card-shell{vertical-align:middle;display:inline-block;position:relative}.song-info{min-block-size:24px;min-inline-size:24px;padding:0;position:absolute;inset-block-start:0;inset-inline-end:0}.song-info:active{filter:brightness(.8)}.song-card{position:relative}.card-yt-badge{color:var(--ink);background:var(--ink);pointer-events:none;position:absolute;inset-block-end:2px;inset-inline-end:4px}@media (hover:hover) and (pointer:fine){.song-info{opacity:0}.song-card-shell:hover .song-info,.song-card-shell:focus-within .song-info{opacity:1}}.song-detail-chips span{border:0;border-radius:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e8e6e1;--paper-2:#dedbd5;--paper-hi:#f4f2ee;--ink:#161616;--ink-2:#55514b;--line:#b3aea6;--ring:#d23b2f;--course-oni-ink:#b8126a;--course-ura-ink:#6b2fd0;--danger:#a9372b;--scrim:#16161673;--bitmap-bg:#000;--label-dark:#111;--label-light:#f5f5f5;--font-ui:"Gowun Dodum", "Malgun Gothic", sans-serif;--font-head:"Jua", "Malgun Gothic", sans-serif;--font-title:"Nunito", "Zen Maru Gothic", "Jua", sans-serif;--font-hand:"Gaegu", "Jua", sans-serif;--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:22px;--text-xl:26px;--text-2xl:34px;--text-3xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4 L6 8 L10 4' fill='none' stroke='%23161616' stroke-width='1.5'/%3E%3C/svg%3E");--stroke:1.5px;--stroke-heavy:2px;--bg-page:var(--paper);--bg-board:var(--paper);--text:var(--ink);--text-muted:var(--ink-2);--accent:var(--ink);--label-width:100px;--page-gutter:24px;--title-size:var(--text-2xl);--vote-white:#fff;--spotlight-paper:#e8e6e1f5}*{box-sizing:border-box}:root{color:var(--text);background:var(--bg-page);overflow-wrap:break-word}body{min-inline-size:0;margin:0;line-height:1.6}.app>*{grid-column:content;min-inline-size:0}h1{font-size:var(--title-size);margin-block:0 .75rem;line-height:1.3}h2{margin-block:0 .5rem;font-size:1.125rem}p{margin-block:0 .5rem}.song-count{font-variant-numeric:tabular-nums}.board-workspace{--effective-card-height:var(--display-card-height)}.board{border:1px solid var(--line)}.tier-row{grid-template-columns:var(--label-width) minmax(0, 1fr) 80px;min-block-size:var(--effective-card-height);display:grid}.tier-label{border-inline-end:1px solid var(--line);place-items:center;min-inline-size:0;padding:5px;display:grid;position:relative}.tier-label-text{text-align:center;white-space:pre-wrap;overflow-wrap:normal;word-break:keep-all;max-block-size:calc(100% - 10px);inline-size:calc(100% - 10px);font-weight:700;line-height:1.2;position:absolute;inset-inline:5px}.tier-items,.pool-items{flex-wrap:wrap;align-content:start;gap:0;min-inline-size:0;display:flex}.tier-items{min-block-size:var(--effective-card-height);position:relative}.row-count{background:var(--line);color:var(--text);font-size:var(--text-xs);pointer-events:none;border-radius:4px;padding-inline:5px;line-height:1.5;position:absolute;inset-block-end:3px;inset-inline-end:5px}.row-controls{background:var(--line);justify-content:center;align-items:center;display:flex}.row-controls button{background:0 0;border:0;block-size:40px;inline-size:40px;padding:0}.row-arrows{flex-direction:column;display:flex}.row-arrows button{block-size:20px;font-size:var(--text-xs)}.pool{margin-block:20px}.pool-header{flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:8px;display:flex}.pool-header h2,.pool-header p{margin:0}.pool-header p{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.card-sizes{margin-inline-start:auto;display:flex}.card-sizes button{min-inline-size:34px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:active:not(:disabled){filter:brightness(.8)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar{margin-block-end:8px}.toolbar:empty,[data-testid=settings-toggle]{display:none}.board-workspace .song-card{block-size:var(--effective-card-height)}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){border-color:var(--accent)}}@media not (min-width:1024px){.board-workspace{--label-width:80px}}@media not (min-width:768px){.tier-row{grid-template-columns:var(--label-width) minmax(0, 1fr)}.row-controls{display:none}.show-settings .tier-row{grid-template-columns:var(--label-width) minmax(0, 1fr) 80px}.show-settings .row-controls{display:flex}[data-testid=settings-toggle]{display:inline-block}}@media not (min-width:480px){.board-workspace{--label-width:64px}}.label-drop{min-inline-size:0;display:grid}.drop-slot{display:contents}.insertion-marker{inline-size:0;block-size:var(--effective-card-height);border-inline-start:3px solid var(--accent);z-index:1;pointer-events:none;margin-inline-end:-3px}.song-card{touch-action:pan-y}.drag-overlay{--effective-card-height:var(--display-card-height);pointer-events:none}.pool-pinned{z-index:5;block-size:var(--pool-height);background:var(--bg-page);flex-direction:column;margin-block-end:0;display:flex;position:sticky;inset-block-end:0}.pool-pinned .pool-header{flex:none}.pool-pinned .pool-items{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-block-size:0;overflow-y:auto}.pool-resize-handle{cursor:ns-resize;touch-action:none;border-block-start:3px solid var(--text-muted);flex:none;block-size:12px}.pool-resize-handle:active{border-color:var(--accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}.song-card[data-selected=true]{outline:3px solid var(--accent);outline-offset:-3px}.song-card:active{filter:brightness(.85)}.song-card:focus-visible{outline:2px solid var(--ink)}html{scrollbar-gutter:stable}html:has(dialog:modal){overflow:hidden}.modal{border:1px solid var(--line);background:var(--bg-page);max-block-size:calc(100dvh - 32px);inline-size:min(560px,100% - 32px);color:var(--text);border-radius:10px;padding:24px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-block-end:16px;display:flex}.modal-header h2{margin:0}.row-palette{flex-wrap:wrap;gap:10px;margin-block-end:20px;display:flex}.row-palette button{border:2px solid var(--ink);border-radius:50%;block-size:36px;inline-size:36px;min-inline-size:36px;padding:0}.modal-label{gap:8px;display:grid}.modal textarea{field-sizing:content;resize:vertical;min-block-size:3lh;max-block-size:12lh;inline-size:100%;font:inherit;padding:10px}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:20px;display:grid}.modal button:active{filter:brightness(.85)}.modal :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.toolbar-main{flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:12px;display:flex}.toolbar-main .toolbar{margin:0}.app:has(.presenting)>.app-header{display:none}.presenting>.toolbar-main,.presenting .pool-toolbar{display:none}.presenting .tier-row{grid-template-columns:var(--label-width) minmax(0, 1fr)}.presenting .row-controls{display:none}.presenting{--effective-card-height:var(--display-card-height)}[data-testid=present-exit]{margin-block:12px}.export-options{gap:12px;margin-block-start:16px;display:grid}.export-options input[type=text],.export-options input:not([type]){inline-size:100%;font:inherit}.export-options [role=group]{gap:8px;display:flex}.export-preview-scroll{max-block-size:45dvh;overflow:auto}.export-preview-button{background:0 0;border:0;inline-size:100%;padding:0;display:block}.export-preview-button img{block-size:auto;inline-size:100%;display:block}.export-preview-button.original-size{inline-size:max-content}.export-preview-button.original-size img{inline-size:auto}button:active{filter:brightness(.85)}.pool-tools,.pool-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pool-tools{margin-block-end:8px}.pool-tools input,.pool-tools select{min-inline-size:0;max-inline-size:100%;font:inherit;color:var(--text);background:var(--bg-board);border:1px solid var(--text-muted);border-radius:3px;padding:6px 8px}.pool-tools input{flex:12rem}.pool-pinned .pool-toolbar{max-block-size:max(0px, calc(100% - var(--effective-card-height) - 60px));overscroll-behavior:contain;flex:0 auto;min-block-size:0;overflow-y:auto}.upload-controls>p{margin-block:8px}.pool-pinned .upload-controls{flex:none;align-items:center;gap:8px;min-inline-size:0;padding-block:4px;display:flex}.pool-pinned .upload-controls>button{flex:none}.pool-pinned .upload-controls>p{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;margin:0;overflow:clip}.share-tabs{gap:.5rem;margin-block-end:1rem;display:flex}.share-tabs [aria-selected=true]{border-color:currentColor;font-weight:700}.share-panel{gap:1rem;display:grid}.share-panel label{gap:.5rem;min-inline-size:0;display:grid}.share-panel textarea{field-sizing:content;overflow-wrap:anywhere;min-block-size:4lh;max-block-size:10lh;inline-size:100%}.share-panel input{max-inline-size:100%}.share-tabs button:active,.share-panel button:active{transform:scale(.98)}:root{font-family:var(--font-ui);font-size:var(--text-sm)}body{line-height:1.4}::selection{background:var(--ink);color:var(--paper)}*{scrollbar-color:var(--line) var(--paper)}.app{display:block}.app-header{block-size:64px;padding:0 var(--space-6);align-items:center;gap:var(--space-4);border-block-end:var(--stroke-heavy) solid var(--ink);display:flex}.app-header h1{font:400 var(--text-2xl)/1 var(--font-head);white-space:nowrap;margin:0}.app-header h2{color:var(--ink-2);font:var(--text-xs)/1.4 var(--font-ui);max-inline-size:235px;margin:0}.app-header>p{display:none}button,input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:var(--stroke) solid var(--line);border-radius:var(--radius-md)}button{font-family:var(--font-head);padding:6px 10px}input,select,textarea{caret-color:var(--ink);padding:6px 8px}input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:1}button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--ink)}button:disabled{opacity:.45}:focus-visible,.song-card:focus-visible,.modal :focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--radius-sm)}.board-workspace{grid-template-columns:minmax(0,1fr) 584px;block-size:calc(100dvh - 64px);display:grid;position:relative}.toolbar-main{flex-wrap:nowrap;gap:2px;block-size:64px;margin:0;position:absolute;inset-block-end:100%;inset-inline-end:var(--space-6)}.toolbar-main button{white-space:nowrap;background:0 0;border-color:#0000;padding-inline:10px}.toolbar{align-items:center;display:flex}.toolbar-separator{background:var(--line);flex:none;block-size:20px;inline-size:1px;margin-inline:16px}.ui-icon{vertical-align:middle;flex:none;display:inline-block}button:disabled .ui-icon{color:var(--line)}button:has(.ui-icon){justify-content:center;align-items:center;display:inline-flex}[data-testid=toolbar-undo],[data-testid=toolbar-redo]{block-size:32px;inline-size:32px;padding:0}[data-testid=toolbar-reset]{color:var(--ink-2);font-weight:400}.board{border:0;border-inline-end:var(--stroke-heavy) solid var(--ink);flex-direction:column;min-inline-size:0;display:flex;overflow-y:auto}.tier-row{min-block-size:max(120px, calc(var(--effective-card-height) * 1.65));flex:1 0 auto}.tier-row+.tier-row{border-block-start:var(--stroke) solid var(--line)}.tier-label{border:0}.tier-label-text{font-family:var(--font-title);font-weight:900;line-height:1.1}.tier-items{align-content:center;align-items:center;gap:4px;padding:0 4px}.tier-items[data-over=true],.label-drop[data-over=true]{background:var(--paper-2)}.row-count{color:var(--ink-2);font:var(--text-md)/1 var(--font-head);background:0 0;padding:0;inset-block:10px auto;inset-inline-end:12px}.row-controls{color:var(--ink-2);background:0 0;flex-direction:column}.row-controls button{color:var(--ink-2);block-size:28px;inline-size:34px;font-size:var(--text-sm)}.row-arrows button{block-size:28px}.empty-row{align-items:center;gap:var(--space-8);color:var(--ink-2);font-size:var(--text-xs);display:flex}.empty-oval{inline-size:calc(var(--effective-card-height) * 1.8);block-size:var(--effective-card-height);border:var(--stroke) dashed var(--line);border-radius:50%;flex:none}.workspace-side{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex;overflow-y:auto}.pool{flex-direction:column;flex:none;block-size:50%;min-block-size:150px;margin:0;display:flex;position:relative}.pool-pinned{block-size:var(--pool-height);z-index:auto}.pool-toolbar,.pool-pinned .pool-toolbar{flex:none;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:8px 4px;max-block-size:none;padding:12px 16px 8px;display:grid;overflow:visible}.pool-header,.pool-tools{display:contents}.pool-header h2{font:var(--text-xl)/1 var(--font-head);white-space:nowrap;grid-area:1/1}.pool-header p{color:var(--ink-2);font-size:var(--text-2xs);text-align:end;white-space:nowrap;grid-area:1/2}.pool-display-controls{flex-direction:column;grid-area:1/4;align-items:end;display:flex}.pool-video-setting{white-space:nowrap;font:13px/1.4 var(--font-ui);align-items:center;gap:4px;display:flex}.card-sizes{margin:0}.card-sizes button{min-inline-size:28px;padding:4px 6px}.pool-toolbar button{color:var(--ink-2);background:0 0;border-color:#0000}.pool-toolbar button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}[data-testid=pool-sort]{inline-size:93px;font:var(--text-xs) var(--font-head);grid-area:1/3;padding:5px}[data-testid=pool-search-open]{grid-area:1/5;padding:2px 5px;font-size:22px}[data-testid=pool-pin-toggle]{grid-area:1/6;padding:4px}.pool-filter-chips{flex-wrap:nowrap;gap:0}.pool-filter-chips:first-of-type{grid-area:2/1/auto/5}.pool-filter-chips:nth-of-type(2){grid-area:2/5/auto/7;margin-inline-start:8px}.pool-filter-chips button{font-size:var(--text-sm);white-space:nowrap;padding:5px 7px}[data-testid=pool-search]{grid-area:3/1/auto/-1;inline-size:100%}[data-testid=pool-filter-clear]{grid-area:4/1/auto/-1;justify-self:end}.upload-zone,.pool-pinned .upload-zone{flex-direction:column;flex:1;min-block-size:0;display:flex}.pool-items,.pool-pinned .pool-items{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(var(--effective-card-height) * 300 / 168)), 1fr));border-block-start:var(--stroke) solid var(--line);flex:1;align-content:start;align-items:center;gap:8px 0;min-block-size:0;padding:12px 4px;display:grid;overflow-y:auto}.pool-items>.text-card-shell{justify-self:center;max-inline-size:100%}.pool-items .song-text{max-inline-size:100%}.upload-controls,.pool-pinned .upload-controls{border-block-start:var(--stroke) dashed var(--line);font-size:var(--text-xs);flex:none;order:2;align-items:center;gap:8px;padding:6px 12px;display:flex}.upload-controls>p{margin:0}.upload-controls button{font-size:var(--text-xs);white-space:nowrap}.vote-panel-slot{min-block-size:150px;color:var(--ink-2);border-block-start:var(--stroke-heavy) solid var(--ink);flex:1;place-items:center;padding:24px;display:grid}.pool-resize-handle{z-index:2;border:0;block-size:12px;position:absolute;inset-block-end:-6px;inset-inline:0}.pool-resize-handle:focus-visible{outline-offset:-3px}.modal{border:var(--stroke-heavy) solid var(--ink);border-radius:var(--radius-lg);background:var(--paper-hi)}.modal::backdrop{background:var(--scrim)}.modal-header h2{font:24px/1.2 var(--font-head)}.modal-header button{background:0 0;border:0}.modal .danger{background:var(--danger);color:var(--paper-hi)}.modal-actions>button:last-child,[data-testid=song-form-save],[data-testid=export-download]{background:var(--ink);color:var(--paper-hi)}.row-palette button{border-color:var(--line)}.row-palette button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.song-detail-content h3{font:900 32px/1.2 var(--font-title);margin:0}.song-detail-chips{color:var(--ink-2)}.song-preview>canvas{max-inline-size:210px;margin-block:16px;display:block}.app>[data-testid=toast]{pointer-events:none;z-index:20;background:var(--paper-hi);border-radius:6px;max-inline-size:calc(100% - 24px);padding:6px 12px;position:fixed;inset-block-end:8px;inset-inline-start:50%;transform:translate(-50%)}.app>[data-testid=toast]:empty{display:none}.presenting{block-size:100dvh;display:block}.presenting>.workspace-side{display:none}.presenting>.board{border:0;block-size:calc(100% - 48px);margin-block-start:48px}[data-testid=present-exit]{z-index:5;margin:0;position:fixed;inset-block-start:8px;inset-inline-start:8px}@media (hover:hover) and (pointer:fine){.toolbar-main button:hover:not(:disabled),.pool-toolbar button:hover:not(:disabled){background:var(--paper-2)}.row-controls button:hover{color:var(--ink)}}@media (min-width:1024px) and (not (min-width:1440px)){.board-workspace{grid-template-columns:minmax(0,1fr) 40%}.app-header h2{display:none}.pool-toolbar{grid-template-columns:auto 1fr auto auto;padding-inline:8px}.pool-header p{font-size:var(--text-3xs)}.pool-display-controls{grid-area:2/2;justify-self:end}[data-testid=pool-sort]{grid-area:1/3}[data-testid=pool-search-open]{grid-area:2/3}[data-testid=pool-pin-toggle]{grid-area:1/4}.pool-filter-chips:first-of-type{flex-wrap:nowrap;grid-area:3/1/auto/5;overflow-x:auto}.pool-filter-chips:nth-of-type(2){grid-area:2/1}[data-testid=pool-search]{grid-row:4}[data-testid=pool-filter-clear]{grid-row:5}}@media not (min-width:1024px){.app-header{block-size:auto;min-block-size:64px;padding:16px}.app-header h2{display:none}.board-workspace{block-size:auto;display:block}.toolbar-main{border-block-end:2px solid var(--ink);flex-wrap:wrap;block-size:auto;padding:8px;position:static}.board{border-inline-end:0}.workspace-side{border-block-start:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:visible}.pool{block-size:430px}.vote-panel-slot{border-block-start:0;border-inline-start:2px solid var(--ink)}.pool-toolbar{flex-wrap:wrap;display:flex}.pool-filter-chips{flex-wrap:nowrap;max-inline-size:100%;overflow-x:auto}.pool-pinned{block-size:var(--pool-height)}.presenting>.board{block-size:100dvh}}@media not (min-width:768px){.board-workspace{--effective-card-height:var(--display-card-height);--label-width:80px}.workspace-side{display:flex}.vote-panel-slot{border-block-start:2px solid var(--ink);border-inline-start:0}.pool-pinned{z-index:5;position:sticky;inset-block-end:0}.pool-pinned .pool-resize-handle{inset-block:-6px auto}.tier-items{column-gap:4px;padding-inline:4px}.empty-row{flex-wrap:wrap;gap:8px}.tier-row{min-block-size:110px}.show-settings .tier-items{padding-inline:4px}}@media not (min-width:480px){.board-workspace{--label-width:64px}}@media (min-width:1024px){html{scrollbar-gutter:auto}}.pool-pinned .pool-toolbar{flex:0 auto;max-block-size:calc(100% - 70px);overflow-y:auto}.tier-items:has(.insertion-marker){background:var(--paper-2)}a{color:var(--ink);-webkit-text-decoration-color:var(--ink-2);text-decoration-color:var(--ink-2);text-underline-offset:.15em}@media (min-width:768px){.song-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.song-form>*{grid-column:1}.song-form>.song-preview{grid-area:1/2/span 10;position:sticky;inset-block-start:0}}@media not (min-width:1024px){.app-header{flex-direction:column;align-items:start;gap:8px}.app-header h2{max-inline-size:100%;font-size:var(--text-xs);display:block}}.pool-items p[role=status]{text-align:center;grid-column:1/-1;padding-block-start:48px}input[type=checkbox],input[type=radio]{accent-color:var(--ink)}select,.pool-tools select,.song-form select{appearance:none;border:var(--stroke) solid var(--line);background-image:var(--select-chevron);background-position:right 8px center;background-repeat:no-repeat;background-size:12px;padding-inline-end:28px}.file-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-picker>span{font:var(--text-xs)/1.4 var(--font-ui);overflow-wrap:anywhere}.upload-controls>p{text-overflow:ellipsis;white-space:nowrap;overflow:clip}@media not (min-width:1024px){.pool-filter-chips:nth-of-type(2){margin-inline-start:8px}}[data-testid=pool-sort]{background-image:var(--select-chevron);background-position:right 8px center;background-repeat:no-repeat;background-size:12px;padding-inline-end:28px}@media not (min-width:1024px){.presenting>.board{block-size:calc(100dvh - 48px)}.toolbar-separator{display:none}.toolbar-main{gap:8px}}.tier-row:has(.empty-row){min-block-size:100px}@media not (min-width:1440px){.pool-pinned{block-size:var(--pool-height);min-block-size:min-content}.pool-pinned .pool-toolbar{flex:none;max-block-size:none;overflow-y:visible}.pool-pinned .pool-items{min-block-size:calc(var(--effective-card-height) * 2 + 34px);contain:size;flex:1}.pool-pinned .upload-zone{flex:1;min-block-size:min-content}}@media not (min-width:1280px){.tier-items .song-copy{max-inline-size:calc(100% - 24px)}}@media not (min-width:1440px){.pool-toolbar,.pool-pinned .pool-toolbar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px 4px;display:grid}.pool-header h2{grid-area:1/1}.pool-header p{grid-area:1/2/2/5}[data-testid=pool-sort]{grid-area:2/1}.pool-display-controls{grid-area:2/2}[data-testid=pool-search-open]{grid-area:2/3}[data-testid=pool-pin-toggle]{grid-area:2/4}.pool-filter-chips:first-of-type{grid-area:3/1/auto/5}.pool-filter-chips:nth-of-type(2){grid-area:4/1/auto/5;margin-inline-start:0}.pool-filter-chips,.pool-filter-chips:first-of-type{flex-wrap:wrap;overflow:visible}.pool-filter-chips button{flex:none}[data-testid=pool-search]{grid-row:5}[data-testid=pool-filter-clear]{grid-row:6}}.text-card-shell[data-ringed=true] .song-copy{background:var(--song-paper,var(--paper))}[data-decoration]:before{content:attr(data-decoration)}