:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1ea;--muted:#9a958c;--bg:#0c0d10;--panel:#16181e;--line:#f4f1ea1f;--accent:#ffb020;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Outfit,Avenir,sans-serif}.online-screen{justify-content:flex-start;gap:24px;padding-top:48px}.online-heading,.online-room-code,.online-result{justify-content:space-between;align-items:center;gap:16px;display:flex}.online-heading h1{margin:8px 0 0;font-size:clamp(2rem,6vw,3.8rem)}.online-screen .lede{margin:0}.online-entry-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.online-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px}.online-card h2{margin:0 0 16px;font-size:1.2rem}.online-card h2:not(:first-child){margin-top:28px}.online-card p,.online-hint{color:var(--muted);line-height:1.6}.online-field{flex-direction:column;gap:8px;max-width:340px;font-size:.9rem;display:flex}.online-field input{background:var(--bg);border:1px solid var(--line);font:inherit;color:var(--ink);border-radius:8px;padding:12px}.online-entry-grid .action{margin-top:20px}.online-midi-pick{margin-top:16px;display:block}.band-loading{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px 20px}.band-loading-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.band-loading-heading p{margin:0;font-size:.9rem}.band-loading-heading strong{color:var(--accent);font-variant-numeric:tabular-nums}.band-loading progress{width:100%;height:10px;accent-color:var(--accent);background:var(--bg);border:0;border-radius:10px;margin:14px 0 10px;display:block;overflow:hidden}.band-loading progress::-webkit-progress-bar{background:var(--bg);border-radius:10px}.band-loading progress::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width .15s}.band-loading progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.band-loading small{color:var(--muted);font-variant-numeric:tabular-nums}.band-loading-retry{margin-top:12px;display:block}.online-room-code{border:1px solid var(--line);border-radius:12px;padding:16px 20px}.online-room-code strong{color:var(--accent);letter-spacing:.14em;margin-left:8px}.band-setup-bar{width:min(100% - 40px,1120px);margin:24px auto 0}.band-setup-bar .online-room-code{flex-wrap:wrap}.band-setup-bar p{color:var(--muted);font-size:.9rem;line-height:1.5}.band-members{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.band-member{flex-direction:column;gap:8px;display:flex}.band-member span{color:var(--muted);font-size:.85rem}.online-hint{margin:0;font-size:.85rem}.online-screen .choice small{color:var(--muted);margin-top:6px;display:block}.online-result{border-top:1px solid var(--line);padding:14px 0}.online-result p{margin:6px 0;font-size:.85rem}.online-result>div:last-child{text-align:right}.band-live{overflow-wrap:anywhere;border:1px solid var(--line);background:#0c0d10eb;border-radius:12px;flex-direction:column;align-self:start;gap:8px;max-width:260px;margin:18px 22px 8px 0;padding:12px 16px;font-size:.8rem;display:flex}.band-live>strong{color:var(--accent);font-size:1rem}.band-live p{margin:0}.band-mate{grid-template-columns:10px minmax(0,1fr);align-items:center;gap:1px 8px;display:grid}.band-lamp{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--muted);background:0 0;border-radius:50%;grid-row:1/span 2}.band-mate-name{color:var(--ink);font-weight:700}.band-mate-part{color:var(--muted)}.band-mate.is-in .band-lamp{background:var(--accent);box-shadow:0 0 8px var(--accent)}.band-mate.is-slip .band-lamp{background:#ffb020;animation:.7s ease-in-out infinite band-slip;box-shadow:0 0 8px #ffb020}.band-mate.is-out .band-lamp{box-shadow:none;background:#c45a4e}@keyframes band-slip{50%{opacity:.25}}.band-live .text-button{align-self:flex-start;font-size:.75rem}.band-track-picker{gap:18px}.band-extra-tracks{gap:12px;display:grid}.band-extra-row{grid-template-columns:1.7rem minmax(0,1fr) 2.7rem 3rem minmax(9.5rem,13rem) 5.8rem;align-items:center;gap:12px;display:grid}.band-extra-row>.track-check{grid-area:1/1}.band-extra-row>strong{overflow-wrap:anywhere;grid-area:1/2}.band-extra-row>.part-volume{grid-area:1/5}.band-extra-row .track-row-details>.preview-button{grid-column:6}.track-row-details{display:contents}.part-row>.part-volume{grid-area:1/6}.part-row .track-row-details>.preview-button{grid-area:1/7}.track-more-window{display:none}.sound-menu-root.track-more-sheet{width:min(540px,100vw - 32px);height:auto;max-height:85dvh}.track-more-body{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid;overflow:auto}.track-more-body>.sound-menu,.track-more-body>.sound-select,.track-more-body>.track-effects-menu{grid-column:1/-1}.track-more-body .mix-toggle{min-height:48px}.track-effects-menu.is-in-window .more-toggle{width:auto;padding:10px 16px;font-size:1rem}.track-effects-menu.is-in-window .track-settings-dialog{width:100%;margin-top:12px;position:static}@media (width<=600px){.online-entry-grid{grid-template-columns:1fr}.online-heading{align-items:flex-start}.online-room-code{flex-wrap:wrap}.online-card{padding:18px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height:100dvh){html,body,#root{height:100dvh}}body{background:radial-gradient(ellipse 80% 42% at 50% -10%, #ffb02029, transparent 55%), var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.screen{flex-direction:column;justify-content:safe center;gap:40px;width:min(880px,100% - 32px);min-height:100%;margin:0 auto;padding:28px 0 56px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.wordmark{letter-spacing:.01em;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(4.6rem,16vw,8.5rem);font-weight:400;line-height:.82}.lede,.page-head p,.hud-note{max-width:38rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.45}.home-copy{flex-direction:column;gap:14px;display:flex}.site-nav{z-index:8;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;width:100%;padding:10px 20px;display:flex;position:sticky;top:0}.site-logo{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;margin-right:8px;padding:4px 8px 4px 4px;display:flex}.site-logo img{border-radius:7px;display:block}.site-logo span{letter-spacing:.02em;font-family:Anton,Impact,sans-serif;font-size:1.55rem;line-height:1}.site-nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.site-nav-links button,.site-nav-signin{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:700}.site-nav-links button:hover,.site-nav-signin:hover:not(:disabled){color:var(--ink);background:#f4f1ea0f}.site-nav-links button.is-current{color:var(--ink);background:#ffb02024}.site-nav-signin{margin-left:auto}.site-nav-signin:disabled{opacity:.55}.home-screen,.library-screen{justify-content:flex-start;gap:32px;padding-top:28px}.home-stage{width:100vw;margin-top:-28px;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.home-stage-highway{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-stage-pause{z-index:3;color:#f4f1eab8;opacity:.72;background:#0c0d1061;border:1px solid #f4f1ea29;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:12px;right:calc(50% + min(1470px,100% - 24px)/-2 + 12px)}.home-stage-pause svg{width:11px;height:11px}.home-stage-pause:hover:not(:disabled){opacity:1;color:var(--ink);background:#0c0d10b8}.home-stage-copy{z-index:1;flex-direction:column;gap:32px;width:min(880px,100% - 32px);margin:0 auto;padding:36px 0 28px;display:flex;position:relative}.home-intro{flex-direction:column;gap:16px;display:flex;position:relative}.home-stage .home-intro{gap:32px}.home-stage .home-intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(72% 95% at 50% 46%,#0c0d10e6,#0c0d107a 52%,#0000 76%);position:absolute;inset:-22px -6% -14px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%)}.home-stage .midi-drop.midi-drop-hero,.home-stage .midi-drop.midi-drop-hero:hover,.home-stage .midi-drop.midi-drop-hero.is-over,.home-stage .midi-drop.midi-drop-hero:focus-within{background:#0c0d109e}.home-intro .wordmark{font-size:clamp(3.4rem,12vw,6.4rem)}.home-screen .home-library-button{background:var(--accent);color:#17120a;border-color:#0000;align-self:center;width:min(100%,28rem)}.home-screen .home-library-button small{color:#17120ab8}.home-screen .home-library-button:hover{background:#e09a16;border-color:#0000;transform:none}.home-recent{flex-direction:column;gap:16px;display:flex}.home-recent h2,.home-features h2,.home-faq h2{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px;font-size:1.15rem}.home-recent-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.home-recent-card{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.home-recent-card .song-art{aspect-ratio:1;border-radius:6px;flex:none;width:100%;height:auto}.home-recent-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.home-recent-copy strong{font-size:.82rem;font-weight:700;line-height:1.35;overflow:hidden}.home-recent-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.home-recent-card:hover{transform:none}.home-recent-card:hover .song-art{outline-offset:2px;outline:2px solid #f4f1ea73}.midi-drop-icon{width:72px;height:56px}.midi-drop-choose{color:#17120a;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-size:.92rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.midi-drop-choose:hover,.midi-drop-choose:focus-within{background:#cfc9bf}.home-features{flex-direction:column;gap:16px;padding-top:12px;display:flex}.home-feature-grid{grid-template-columns:1fr 1fr;gap:28px 40px;margin:0;padding:0;list-style:none;display:grid}.home-feature h3{align-items:center;gap:10px;margin:0 0 8px;font-size:1.05rem;display:flex}.home-feature h3 svg{width:22px;height:22px;color:var(--accent);flex:none}.home-feature p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.home-faq{flex-direction:column;gap:16px;display:flex}.home-faq-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.home-faq-item{border-bottom:1px solid var(--line)}.home-faq-item summary{cursor:pointer;padding:16px 4px;font-weight:700;list-style:none}.home-faq-item summary::-webkit-details-marker{display:none}.home-faq-item summary:after{content:"+";float:right;color:var(--muted);font-weight:500}.home-faq-item[open] summary:after{content:"–"}.home-faq-item p{max-width:40rem;color:var(--muted);margin:0 0 16px;line-height:1.55}@media (width<=640px){.home-feature-grid{grid-template-columns:1fr;gap:22px}}.lane-preview{grid-template-columns:repeat(5,1fr);gap:10px;height:92px;display:grid}.lane-preview span{background:linear-gradient(to top, var(--accent), transparent 80%);transform-origin:bottom;border-radius:12px 12px 4px 4px;animation:1.6s ease-in-out infinite lane-rise;display:block}.lane-preview span:nth-child(2){animation-delay:.12s}.lane-preview span:nth-child(3){animation-delay:.24s}.lane-preview span:nth-child(4){animation-delay:.36s}.lane-preview span:nth-child(5){animation-delay:.48s}@keyframes lane-rise{0%,to{opacity:.45;transform:scaleY(.35)}45%{opacity:1;transform:scaleY(1)}}.action-row{grid-template-columns:1fr;gap:12px;display:grid}.solo-action-row>.action{justify-self:center;width:50%}.action,.song-card,.choice,.switcher button{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:16px}.action{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 18px 16px;transition:transform .15s,border-color .15s;display:flex}.action span,.choice strong,.song-copy strong{min-width:0;font-size:1.2rem;font-weight:700;display:block;overflow:hidden}.action small,.choice small,.song-copy small,.song-meta{color:var(--muted);font-size:.92rem}.action:hover,.song-card:hover,.choice:hover,.mix-toggle:hover,.preview-button:hover,.switcher button:hover,.ready-keys button:hover{border-color:#f4f1ea66;transform:translateY(-1px)}.action-quiet{background:0 0}.key-hint{color:var(--muted);margin:0}kbd,.ready-keys span,.ready-keys button{border:1px solid var(--line);min-width:1.7rem;height:1.7rem;color:var(--ink);background:#12141a;border-radius:6px;place-items:center;margin:0 .15rem;padding:0 .35rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-grid}.page-head{flex-direction:column;align-items:flex-start;gap:18px;width:100%;min-width:0;display:flex}.page-head-nav{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.page-head h1,.song-title-input{letter-spacing:.02em;min-width:0;margin:10px 0 0;font-family:Anton,Impact,sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:400;line-height:1;overflow:visible}.song-heading{align-items:center;gap:18px;width:100%;min-width:0;display:flex}.album-art-column{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.album-art-button{background:0 0;border:0;border-radius:8px;width:112px;height:112px;padding:0;overflow:hidden}.album-art-button:hover,.album-art-button:focus-visible{outline-offset:3px;outline:2px solid #f4f1ea8c}.album-art-photo,.album-art-default{width:100%;height:100%;display:block}.album-art-photo{object-fit:cover}.album-art-default{background:linear-gradient(145deg,#c5e4ff 0%,#9ed4f5 46%,#8fe3c6 100%);position:relative}.album-art-note{width:46%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-art-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;width:min(440px,100%);min-width:0;padding:20px;box-shadow:0 24px 60px #00000073}.album-art-panel:focus{outline:none}.album-art-tabs{border-bottom:1px solid var(--line);gap:4px;padding-bottom:1px;display:flex;overflow-x:auto}.album-art-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;padding:10px 6px;font-size:.83rem;font-weight:700}.album-art-tab.is-active{border-bottom-color:var(--accent);color:var(--ink)}.album-art-tab:focus-visible,.album-art-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.album-art-tab-panel{padding-top:18px}.album-art-drop{border:2px dashed var(--line);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:20px;display:flex}.album-art-drop.is-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.album-art-drop span,.album-art-paste p{color:var(--muted)}.album-art-action{background:var(--ink);color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-weight:700}.album-art-url-form{gap:8px;display:flex}.album-art-url{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:7px;flex:1;padding:9px 11px;font-size:.9rem}.album-art-url::placeholder{color:var(--muted)}.album-art-paste{flex-direction:column;align-items:flex-start;gap:12px;min-height:145px;display:flex}.album-art-paste p{margin:0}.album-art-remove{margin-top:16px}@media (width<=440px){.album-art-url-form{flex-direction:column}.album-art-tab{font-size:.75rem}}.song-heading-copy{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.song-heading .song-title-input{margin:0}.song-title-field{width:100%;min-width:0;display:block}.song-meta-input{border:0;border-bottom:1px dashed color-mix(in srgb, var(--muted) 55%, transparent);width:100%;color:var(--ink);font:inherit;background:0 0;margin:0;padding:0 0 3px}.song-meta-input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.song-meta-input:focus{border-bottom-color:var(--ink);outline:none}.song-artist-input{font-size:1.2rem;font-weight:700}.song-year-input{width:9.5rem;color:var(--muted);letter-spacing:.04em;font-size:.95rem;font-weight:700}.song-year-input:focus{color:var(--ink)}.song-art-error{color:#ff6b5a;margin:0;font-size:.92rem}.album-crop-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;flex-direction:column;width:min(440px,100%);padding:16px;display:flex;box-shadow:0 24px 60px #00000073}.album-crop-note{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.4}.album-crop-frame{aspect-ratio:1;touch-action:none;cursor:grab;background:#0c0d10;border-radius:8px;width:min(100%,360px);margin:0 auto;position:relative;overflow:hidden}.album-crop-frame:active{cursor:grabbing}.album-crop-frame img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.album-crop-zoom{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;font-size:.85rem;font-weight:700;display:grid}.album-crop-zoom input{width:100%;accent-color:var(--accent)}.album-crop-actions{justify-content:flex-end;margin-top:16px;display:flex}.album-crop-apply{background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:10px 16px;font-weight:700}.song-intro{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.song-intro-veil,.song-intro-card{opacity:0;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute;inset:0}.song-intro-veil{background:#00000080;animation-name:song-intro-veil}.song-intro-card{justify-content:center;align-items:center;padding:28px;animation-name:song-intro-card;display:flex}.song-intro-group{justify-content:center;align-items:stretch;gap:clamp(16px,2.6vw,32px);width:max-content;max-width:100%;display:flex}.song-intro-veil.is-paused,.song-intro-card.is-paused{animation-play-state:paused}.song-intro-art{aspect-ratio:1;border-radius:8px;flex:none;width:clamp(148px,34vh,300px);overflow:hidden;box-shadow:0 18px 40px #00000059}.song-intro-copy{text-align:left;flex:0 auto;align-items:center;width:auto;min-width:0;max-width:min(38rem,100vw - clamp(148px,34vh,300px) - 88px);display:flex;overflow:hidden}.song-intro-copy-inner{width:max-content;max-width:100%;font-size:76px}.song-intro-title,.song-intro-artist,.song-intro-year{text-align:left;text-shadow:0 2px 16px #0000008c;margin:0}.song-intro-title{letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;font-family:Anton,Impact,sans-serif;font-size:1em;font-weight:400;line-height:.92}.song-intro-artist{letter-spacing:.01em;margin-top:.32em;font-size:.36em;font-weight:700;line-height:1.15}.song-intro-year{color:#f4f1eadb;letter-spacing:.14em;margin-top:.22em;font-size:.28em;font-weight:700;line-height:1.2}@keyframes song-intro-veil{0%{opacity:0}13.5%{opacity:1}86.5%{opacity:1}to{opacity:0}}@keyframes song-intro-card{0%{opacity:0;transform:translate(12vw)}13.5%{opacity:1;transform:translate(0)}86.5%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12vw)}}.song-title-input{border:0;border-bottom:1px dashed color-mix(in srgb, var(--muted) 55%, transparent);width:100%;min-width:0;color:inherit;text-transform:uppercase;background:0 0;padding:0}.song-title-display{text-align:left;cursor:text;display:block;overflow:hidden}.song-title-input:focus{border-bottom-color:var(--ink);outline:none}.ticker{min-width:0;display:block;overflow:hidden}.ticker-track{width:max-content;min-width:100%;display:flex}.ticker-item{white-space:nowrap;flex:none;padding-right:2.5em}.ticker:not(.is-overflow) .ticker-item{padding-right:0}.ticker.is-overflow:hover .ticker-track{animation:ticker-scroll var(--ticker-ms,8s) linear infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker.is-overflow:hover .ticker-track{animation:none}}.text-button{z-index:1;color:var(--muted);background:0 0;border:0;padding:4px 0;font-weight:700;position:relative}.text-button:hover{color:var(--ink)}.song-list,.choice-grid{flex-direction:column;gap:12px;display:flex}.song-browser-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.song-search{flex:16rem}.song-search input,.song-sort select,.soundfont-picker select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:2.7rem;color:var(--ink);font:inherit;border-radius:10px;padding:0 12px}.song-sort{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.song-sort select,.soundfont-picker select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 6 4.5 4 4.5-4' fill='none' stroke='%23f4f1ea' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;width:auto;padding-right:44px}.view-switcher{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:4px;padding:4px;display:flex}.view-switcher button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 10px}.view-switcher button.is-selected{background:var(--accent);color:#17120a}.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}.empty-state{color:var(--muted)}.song-context-menu{z-index:30;border:1px solid var(--line);background:#1b1e25;border-radius:10px;min-width:150px;padding:5px;position:fixed;box-shadow:0 12px 28px #0006}.song-context-menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;padding:9px 11px}.song-context-menu button:hover,.song-context-menu button:focus-visible{background:color-mix(in srgb, var(--accent) 22%, transparent)}.song-card{align-items:center;gap:4px;width:100%;padding:0 12px 0 0;display:flex}.song-card:not(:has(.text-button)){padding-right:0}.song-open,.choice{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 18px;display:grid}.song-open{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:16px}.song-list-list{overflow-x:auto}.song-list-header,.song-list-list .song-open{grid-template-columns:minmax(14rem,2fr) minmax(9rem,1.3fr) 4.5rem 4.5rem 5.5rem;align-items:center;gap:16px;min-width:720px;display:grid}.song-list-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 18px;font-size:.78rem;font-weight:700}.song-list-list .song-card{min-width:720px}.song-title-cell{align-items:center;gap:14px;min-width:0;display:flex}.song-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:.92rem;overflow:hidden}.song-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.song-list-grid .song-card{padding:0;display:block}.song-list-grid .song-open{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px}.song-list-grid .song-title-cell{flex-direction:column;grid-column:1/-1;align-items:stretch;gap:12px}.song-list-grid .song-art{aspect-ratio:1;flex:none;width:100%;height:auto}.song-list-grid .song-detail:before{content:attr(data-label) ": ";color:var(--ink)}.song-list-grid .song-detail-year,.song-list-grid .song-detail-duration{text-align:right}@media (width<=720px){.song-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.song-list-grid{grid-template-columns:1fr}}.song-art{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:0 0 64px;width:64px;height:64px;overflow:hidden}.song-art .album-art-photo,.song-art .album-art-default{width:100%;height:100%}.choice{grid-template-columns:1fr;gap:4px}.choice-grid{grid-template-columns:1fr 1fr;display:grid}.part-picker{flex-direction:column;gap:20px;display:flex}.track-effects-menu{place-items:center;display:grid;position:relative}.more-toggle{border:1px solid var(--line);background:var(--panel);width:2.7rem;min-height:3.2rem;color:var(--muted);border-radius:16px;font-size:1.5rem;line-height:1}.track-settings-dialog{z-index:10;border:1px solid var(--line);background:#1b1e25;border-radius:14px;gap:10px;width:220px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 30px #00000059}.track-settings-dialog label{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px;font-size:.82rem;display:grid}.track-settings-dialog input{width:100%;accent-color:var(--accent);grid-column:1/-1}.track-settings-dialog output{color:var(--ink);font-variant-numeric:tabular-nums}.choice-grid.parts-grid{grid-template-columns:1.7rem max-content minmax(0,1fr) 2.7rem 3rem minmax(9.5rem,13rem) 5.8rem}.part-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.part-picker-head>.section-label{flex:1}.part-picker-actions{flex-wrap:wrap;gap:8px 16px;display:flex}.song-tempo-control{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:14px;grid-template-columns:auto minmax(10rem,1fr) auto auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.song-tempo-control label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.song-tempo-control input[type=range]{width:100%;accent-color:var(--accent)}.song-tempo-control output{min-width:8.5rem;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:700}.part-row,.part-select-head{grid-template-columns:subgrid;grid-column:1/-1;align-items:stretch;display:grid}.part-select-head,.track-select-head{align-items:center;min-height:2rem}.part-select-head span,.track-select-head span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-column:2/-1;font-size:.78rem;font-weight:700}.track-check{border:1px solid var(--line);background:var(--panel);width:1.7rem;height:1.7rem;color:var(--ink);border-radius:6px;align-self:center;place-items:center;padding:0;display:grid}.track-check svg{width:1rem;height:1rem}.track-check.is-on,.track-check.is-mixed{border-color:var(--accent,#c9a2ff);background:color-mix(in srgb, var(--accent,#c9a2ff) 28%, var(--panel));color:var(--accent,#c9a2ff)}.part-pick{text-align:center;white-space:nowrap;justify-content:center;width:auto;padding:10px 14px;font-size:.92rem;font-weight:700;line-height:1.25}.part-row.is-off,.track-mix-row.is-off{opacity:.55}.mix-toggle{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:16px;place-items:center;padding:0;display:grid}.mix-toggle svg{width:1.4rem;height:1.4rem}.mix-toggle.is-on{border-color:var(--accent);color:var(--accent)}.part-volume{min-width:0;display:flex}.part-volume-bar{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:#07080c;border-radius:16px;grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;align-items:stretch;width:100%;min-height:3.2rem;display:grid;position:relative;overflow:hidden}.part-volume-bar:before{content:"";z-index:0;width:var(--fill,50%);background:var(--accent);position:absolute;inset:0 auto 0 0}.part-volume-mid{z-index:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.part-volume-text{z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;padding:0 4px;font-size:.92rem;font-weight:700;line-height:1;position:relative}.part-volume-mid input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fill-slider-step{z-index:2;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;font-weight:700;line-height:1;display:grid;position:relative}.fill-slider-step:disabled{opacity:.35;cursor:default}.track-mixer{flex-direction:column;gap:8px;display:flex}.track-mix-row{grid-template-columns:1.7rem 3rem 5.5rem minmax(0,1fr);align-items:center;gap:8px;display:grid}.track-mix-row .part-volume{grid-column:auto}.preview-mix{width:100%}.preview-mix-grid{grid-template-columns:1fr 1fr 1fr}.preset-save{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.preset-save input,.preset-row input{border:1px solid var(--line);width:100%;min-width:0;color:inherit;font:inherit;background:#07080c;border-radius:16px;padding:12px 14px;font-weight:700}.preset-save input:focus,.preset-row input:focus{outline:2px solid var(--ink);outline-offset:2px}.preset-save .preview-button{padding:12px 16px}.preset-list{border:1px solid var(--line);background:#00000029;border-radius:16px;flex-direction:column;flex:1;gap:2px;min-height:0;padding:6px;display:flex;overflow:auto}.preset-empty{color:var(--muted);margin:12px 8px}.preset-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;display:grid}.preset-row .preview-button,.preset-row .favorite-button{padding:8px 10px}.action.is-selected{border-color:var(--accent)}.sound-menu{min-width:0;display:flex;position:relative}.sound-menu.is-open{z-index:40}.sound-select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;border-radius:16px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.15}.sound-menu-backdrop{z-index:40;background:#0807069e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sound-menu-root{z-index:41;border:1px solid var(--line);background:var(--panel);border-radius:20px;flex-direction:column;width:75vw;min-width:0;height:75vh;padding:16px;display:flex;position:relative;box-shadow:0 24px 60px #00000073}.sound-menu-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sound-menu-head strong{font-size:1.05rem}.sound-menu-body{flex:1;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:10px;min-height:0;display:grid}.sound-menu-fonts{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;min-height:0;padding:4px;display:flex;overflow:auto}.sound-branch{position:relative}.sound-branch-label{text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:10px 12px;display:flex}.sound-branch-label small{color:var(--muted)}.sound-branch-label.is-on,.sound-branch-label:hover{background:#f4f1ea0f}.sound-branch-label.is-on{color:var(--accent)}.sound-submenu{border:1px solid var(--line);background:#00000029;border-radius:16px;flex-direction:column;gap:2px;min-width:0;min-height:0;padding:6px;display:flex;position:relative;overflow:auto}.sound-submenu-group{flex-direction:column;gap:2px;margin-top:10px;display:flex}.sound-submenu-group:first-child{margin-top:0}.sound-submenu-kicker{color:var(--ink);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #f4f1ea52;margin:6px 8px 10px;padding-bottom:10px;font-size:1.05rem;font-weight:700}.sound-item-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.sound-item-row .preview-button,.sound-item-row .favorite-button{padding:8px 10px}.favorite-button{border:1px solid var(--line);background:var(--panel);min-width:40px;color:var(--muted);border-radius:16px;padding:10px 8px;font-size:.95rem;line-height:1.15;transition:transform .15s,border-color .15s,color .15s}.favorite-button.is-on{border-color:var(--accent);color:var(--accent)}.sound-item{text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:12px;padding:8px 12px;font-size:.82rem;font-weight:700}.sound-item:hover,.sound-item.is-on{background:#f4f1ea0f}.sound-item.is-on{color:var(--accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-button{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px 8px;font-size:.82rem;font-weight:700;line-height:1.15;transition:transform .15s,border-color .15s,color .15s}.preview-button.is-on{border-color:var(--accent);color:var(--accent)}.section-label{color:var(--muted);margin:0;line-height:1.45}.loop-picker>.section-label,.option-group>.section-label,.part-picker-head>.section-label,.youtube-field>.section-label,.keybinds:not(.is-compact)>.section-label{border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:.16em;text-transform:uppercase;padding-bottom:8px;font-size:.78rem;font-weight:700}.choice:disabled{opacity:.4}.choice:disabled:hover{border-color:var(--line);transform:none}.difficulty-grid{grid-template-columns:repeat(4,1fr)}.layout-grid,.graphics-grid{grid-template-columns:1fr 1fr 1fr}.graphics-panel{flex-direction:column;gap:22px;display:flex}.graphics-toggles{flex-direction:column;gap:10px;display:flex}.video-opacity-control{color:var(--ink);gap:8px;font-weight:700;display:grid}.video-opacity-control span{justify-content:space-between;gap:12px;display:flex}.video-opacity-control output{font-variant-numeric:tabular-nums}.video-opacity-control input{width:100%;accent-color:var(--accent)}.video-opacity-control small{color:var(--muted);font-size:.85rem;font-weight:400}.graphics-toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.graphics-toggle span{flex-direction:column;gap:4px;min-width:0;display:flex}.graphics-toggle em{color:var(--muted);flex-shrink:0;font-style:normal;font-weight:700}.choice.is-selected.graphics-toggle em{color:#16130c}.options-sheet{z-index:41;border:1px solid var(--line);background:var(--panel);border-radius:20px;flex-direction:column;width:min(560px,100%);min-width:0;max-height:min(85vh,760px);padding:16px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #00000073}.youtube-field{flex-direction:column;gap:8px;display:flex}.youtube-field input{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;font:inherit;border-radius:16px;padding:14px 16px}.youtube-field input:focus{outline:2px solid var(--ink);outline-offset:2px}.youtube-field small{color:var(--muted);line-height:1.45}.video-source-grid{grid-template-columns:1fr 1fr}.video-upload{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.video-upload .form-error{margin:0}.video-progress{flex-direction:column;gap:6px;width:100%;display:flex}.video-progress .progress{height:8px}.video-progress small{color:var(--muted);font-variant-numeric:tabular-nums}.video-save{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.video-save small,.video-save-note{color:var(--muted);line-height:1.45}.video-save .text-button:disabled{opacity:.4}.extra-audio{width:0;height:0;position:absolute;overflow:hidden}.extra-track-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.extra-track-row{border:1px solid var(--line);--accent:#c9a2ff;border-radius:16px;grid-template-columns:minmax(6rem,1fr) minmax(7rem,1fr) 3rem minmax(9.5rem,13rem) auto;align-items:center;gap:8px;padding:12px 14px;display:grid}.extra-track-row.is-off{opacity:.62}.extra-track-row .extra-track-name,.extra-track-row .font-copy{min-width:0;display:block}.extra-track-row .mix-toggle{width:3rem;min-height:3.2rem}.extra-track-row .part-volume{grid-column:auto;width:100%}.extra-track-timing{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.extra-track-timing-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.extra-track-timing-bar{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:#07080c;border-radius:16px;grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;align-items:stretch;min-height:3.2rem;display:grid;position:relative;overflow:hidden}.extra-track-timing-bar:before{content:"";z-index:0;width:var(--fill,50%);background:var(--accent);position:absolute;inset:0 auto 0 0}.extra-track-timing-mid{z-index:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.extra-track-timing-text,.extra-track-timing-input{z-index:2;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;cursor:text;background:0 0;border:0;padding:0 4px;font-size:.92rem;font-weight:700;line-height:1;position:relative}.extra-track-timing-input{width:100%}.extra-track-timing-input:focus{outline:none}.extra-track-timing-mid input[type=range]{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (width<=900px){.song-tempo-control{grid-template-columns:auto minmax(0,1fr)}.song-tempo-control input[type=range]{grid-area:2/1/auto/-1}.song-tempo-control output{justify-self:end;min-width:0}.extra-track-row{grid-template-columns:minmax(4.5rem,1fr) minmax(6rem,1fr) 3rem minmax(9.5rem,13rem) auto;gap:6px}.extra-track-timing-label{display:none}}.loop-picker,.option-group{flex-direction:column;gap:10px;display:flex}.loop-stepper{grid-template-columns:3.2rem 1fr 3.2rem;align-items:center;gap:10px;display:grid}.loop-stepper .choice{text-align:center;justify-content:center;align-items:center;min-height:3.2rem;padding:0;font-size:1.6rem;font-weight:700}.loop-stepper strong{text-align:center;font-family:Anton,Impact,sans-serif;font-size:2.4rem;font-weight:400;line-height:1}.song-index{color:var(--accent);font-family:Anton,Impact,sans-serif;font-size:1.8rem}.song-copy,.choice{flex-direction:column;display:flex}.choice.graphics-toggle{flex-direction:row}.song-copy{gap:4px;min-width:0}.song-meta{text-align:right;line-height:1.35}.choice.is-selected,.switcher button.is-on{border-color:var(--accent);background:var(--accent);color:#16130c}.choice.is-selected small,.switcher button.is-on{color:#16130c}.ready-keys{gap:8px;display:flex}.ready-keys span,.ready-keys button{cursor:pointer;width:2.4rem;height:2.4rem;margin:0}.ready-keys span.is-wide,.ready-keys button.is-wide{width:auto;min-width:3.2rem;padding:0 .55rem}.ready-keys button.is-listening{color:var(--ink);background:color-mix(in srgb, var(--accent,#f4f1ea) 18%, #12141a)}.keybinds{flex-direction:column;gap:8px;display:flex}.keybinds-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.keybinds.is-compact .section-label{font-size:.9rem}.form-error{color:#ff8d7a;margin:0}.midi-drop-wrap{flex-direction:column;gap:10px;display:flex}.soundfont-picker{min-width:0;margin:8px 0;font-size:.85rem;font-weight:700}.soundfont-picker select{cursor:pointer;text-overflow:ellipsis;width:100%;min-width:0}.soundfont-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.soundfont-picker select:disabled{opacity:.55;cursor:not-allowed}.font-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.font-row{border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.font-row.is-off{opacity:.62}.font-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.font-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-copy small{color:var(--muted);font-size:.82rem}.font-switch{background:#f4f1ea29;border:0;border-radius:999px;flex:none;width:42px;height:26px;padding:0;position:relative}.font-switch:after{content:"";background:var(--ink,#f4f1ea);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.font-switch.is-on{background:var(--accent,#ffb020)}.font-switch.is-on:after{transform:translate(16px)}.font-switch:disabled{cursor:wait}.midi-drop{cursor:pointer;background:0 0;border:1px dashed #f4f1ea47;border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex;position:relative}.midi-drop strong{font-size:1.2rem;font-weight:700}.midi-drop small{color:var(--muted);font-size:.92rem}.midi-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.midi-drop:hover,.midi-drop.is-over,.midi-drop:focus-within{border-color:var(--accent);background:#ffb02014}.midi-drop.midi-drop-hero{min-height:220px;color:var(--ink);text-align:center;cursor:default;background:#0c0d10;border:2px dashed #f4f1ea47;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:36px 24px}.midi-drop.midi-drop-hero small{color:var(--muted);font-size:.95rem}.midi-drop.midi-drop-hero:hover,.midi-drop.midi-drop-hero.is-over,.midi-drop.midi-drop-hero:focus-within{background:#0c0d10;border-color:#f4f1ea47}.midi-drop-hero .midi-drop-choose input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-veil{pointer-events:none;z-index:5;border:2px dashed var(--accent);color:var(--ink);background:#0c0d10b8;border-radius:20px;place-items:center;font-size:1.6rem;font-weight:700;display:grid;position:fixed;inset:12px}.stage{background:#0c0d10;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.stage,.stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage input,.stage textarea,.stage [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.stage-wash{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.stage-bar{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 20px;padding:8px 16px 4px;display:grid;position:relative}.stage-heading{z-index:1;position:relative}.stage-heading.has-band-panel{grid-template-columns:minmax(0,1fr) minmax(140px,auto);display:grid}.stage-heading.has-band-panel .stage-bar{min-width:0}.hud-id{align-items:center;min-width:0;display:flex}.hud-pause{border:1px solid var(--line);background:var(--panel);min-height:32px;color:var(--ink);border-radius:10px;padding:6px 14px;font-weight:700;line-height:1;transition:border-color .15s,background .15s}.hud-pause:hover{background:#f4f1ea0f;border-color:#f4f1ea66}.stage-backdrop .stage-bar{background:#0c0d10}.song-progress{align-items:center;gap:12px;min-width:0;display:flex}.song-time{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;flex:none;align-items:center;gap:.4em;margin:0;font-size:.82rem;font-weight:700;line-height:1;display:flex}.progress{background:#ffffff14;border-radius:99px;flex:auto;align-self:center;min-width:0;height:4px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.stage-board{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;min-height:0;position:relative}.stage-board canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage-play{z-index:1;flex:1;grid-template-columns:minmax(260px,40%) minmax(0,1fr);gap:12px;min-height:0;display:grid;position:relative}.stage-video .stage-board{flex:none}.stage-clip{pointer-events:none;background:#050506;min-width:0;min-height:0;position:relative;overflow:hidden}.stage-clip.is-empty{color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.stage-clip-host{position:absolute;inset:0}.stage-clip.is-cover{z-index:0;background:#000;position:absolute;inset:0}.stage-clip.is-cover .stage-clip-host{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.stage-clip.is-cover:not(.is-waiting) .stage-clip-host{opacity:var(--video-opacity,1)}.stage-clip.is-waiting .stage-clip-host{opacity:0}.stage-clip iframe,.stage-clip-host iframe,.stage-clip-host video{border:0;width:100%;height:100%;position:absolute;inset:0}.stage-clip-host video{object-fit:contain;background:#000}.stage-clip.is-cover .stage-clip-host.is-fit{width:100%;height:100%;inset:0;transform:none}.stage-clip.is-cover .stage-clip-host video{object-fit:cover}.stage-board canvas{width:100%;height:100%;display:block}.touch-calibration-help,.touch-calibration-status{color:var(--muted);margin:0;line-height:1.4}.touch-calibration-actions{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.touch-calibration-pad{border:2px solid var(--accent);touch-action:manipulation;background:#ffb02029;border-radius:12px;min-width:200px;min-height:56px;padding:12px 18px;font-weight:700}.touch-calibration-pad:disabled{opacity:.55}.touch-hint{color:var(--ink);white-space:nowrap;pointer-events:none;background:#0c0d10d6;border-radius:20px;margin:0;padding:7px 12px;font-size:.75rem;font-weight:700;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@media (width<=720px) and (orientation:portrait){.stage.is-touch .stage-bar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;padding:6px 10px 4px}.stage.is-touch .hud-pause{min-height:36px;padding:6px 12px;font-size:.78rem}.stage.is-touch .song-progress{align-items:center;gap:10px}.stage.is-touch .song-time{font-size:.65rem}.stage.is-touch .progress{height:3px}.stage.is-touch.stage-video .stage-play{grid-template-rows:minmax(0,82%) minmax(0,1fr);gap:6px}}@media (orientation:landscape) and (height<=600px) and (pointer:coarse){.stage.is-touch{grid-template-rows:minmax(0,1fr);grid-template-columns:136px minmax(0,1fr);display:grid}.stage.is-touch .stage-heading{grid-column:1;min-height:0;overflow:hidden}.stage.is-touch .stage-bar{height:100%;padding:12px 8px 12px max(8px, env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:12px;display:flex}.stage.is-touch .hud-pause{width:100%;min-height:40px}.stage.is-touch .song-progress{align-items:center;gap:10px;margin-top:auto}.stage.is-touch .song-time{font-size:.65rem}.stage.is-touch>.stage-board,.stage.is-touch>.stage-play{grid-column:2;min-width:0;min-height:0}.stage.is-touch.stage-video .stage-play{grid-template-columns:minmax(0,82%) minmax(0,1fr);gap:6px}}@media (width<=720px){.song-intro-card{padding:16px}.song-intro-group{justify-content:flex-start;gap:12px;width:min(100%,500px);max-width:100%}.song-intro-art{width:clamp(64px,20vw,100px)}.song-intro-copy{flex:auto;max-width:none}.song-intro-copy-inner{width:100%}.song-intro-title{overflow-wrap:anywhere}}.pause-veil{z-index:4;overscroll-behavior:contain;background:#0c0d10c7;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.pause-veil h2{letter-spacing:.04em;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(3rem,8vw,5rem);font-weight:400;line-height:1}.pause-actions{gap:12px;width:min(420px,100%);display:grid}.pause-actions .action{text-align:left}.pause-options{width:min(560px,100%)}.judgment,.countdown{--callout-outline:#fff;letter-spacing:.03em;background-image:var(--judgment-fill);color:#0000;filter:drop-shadow(1px 0 0 var(--callout-outline)) drop-shadow(-1px 0 0 var(--callout-outline)) drop-shadow(0 1px 0 var(--callout-outline)) drop-shadow(0 -1px 0 var(--callout-outline));-webkit-background-clip:text;background-clip:text;margin:0;font-family:Audiowide,sans-serif;font-weight:400;line-height:1}.judgment{text-align:center;pointer-events:none;min-height:1em;font-size:clamp(3rem,8vw,5.5rem);position:absolute;top:18%;left:0;right:0}.countdown{z-index:3;text-align:center;pointer-events:none;--judgment-fill:linear-gradient(180deg, #fff 0%, #f3f3f3 40%, #bdbdbd 100%);font-size:clamp(5rem,14vw,8rem);position:absolute;top:38%;left:0;right:0;transform:translateY(-50%)}.judgment.is-perfect{--callout-outline:#000;--judgment-fill:linear-gradient(180deg, #fff 0%, #f3f3f3 40%, #bdbdbd 100%)}.judgment.is-great{--judgment-fill:linear-gradient(180deg, #d6f1ff 0%, #42baff 46%, #1468a8 100%)}.judgment.is-good{--judgment-fill:linear-gradient(180deg, #b8ffcf 0%, #27e356 46%, #0e7a2c 100%)}.judgment.is-miss{--judgment-fill:linear-gradient(180deg, #ffc7b5 0%, #e34d27 46%, #9a2c10 100%)}.judgment.is-countdown{--judgment-fill:linear-gradient(180deg, #fff 0%, #f3f3f3 40%, #bdbdbd 100%)}.judgment-anchor{z-index:3;pointer-events:none;transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.judgment.is-vinyl{text-align:left;white-space:nowrap;width:max-content;min-height:0;font-size:clamp(1.5rem,4vw,2.75rem);top:0;right:auto;transform:translateY(-50%)}.switcher{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.switcher button{border-radius:999px;padding:8px 12px;font-weight:700}.hud-note{grid-column:1/-1;font-size:.9rem}.stage-bar .keybinds{grid-column:1/-1;max-width:38rem}.results-block{flex-direction:column;gap:12px;display:flex}.results{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.results div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.results dt{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.results dd{margin:6px 0 0;font-family:Anton,Impact,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:.9}.results dd span{color:var(--muted);font-family:Outfit,sans-serif;font-size:1.1rem}.judgment-counts{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.judgment-count{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.judgment-count span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.judgment-count strong{font-family:Anton,Impact,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:400;line-height:.9}.judgment-count.is-perfect strong{color:#fff4c2}.judgment-count.is-great strong{color:#9dffc8}.judgment-count.is-good strong{color:#b9d2ff}.judgment-count.is-miss strong{color:#ff6b5a}@media (width<=720px){.action-row,.choice-grid,.results{grid-template-columns:1fr}.stage-bar{gap:8px 12px;padding:8px 12px 4px}.band-live{max-width:170px;margin:14px 12px 8px 0;padding:10px;font-size:.75rem}.song-heading{flex-direction:column;align-items:flex-start}.judgment-counts{grid-template-columns:1fr 1fr}.choice-grid.parts-grid,.band-extra-row{grid-template-columns:1.7rem minmax(0,1fr) minmax(74px,.9fr) 2.7rem;gap:8px}.part-row>.track-check,.band-extra-row>.track-check{grid-area:1/1}.part-row>.choice,.band-extra-row>strong{white-space:normal;overflow-wrap:anywhere;grid-area:1/2;padding:8px 5px;font-size:.78rem}.part-row>.part-volume,.band-extra-row>.part-volume{grid-area:1/3}.part-row>.track-more-window,.band-extra-row>.track-more-window{grid-area:1/4;display:block}.track-row-details,.part-row>.part-volume .fill-slider-step,.band-extra-row>.part-volume .fill-slider-step,.part-row>.part-volume .volume-label,.band-extra-row>.part-volume .volume-label{display:none}.part-row>.part-volume .part-volume-bar,.band-extra-row>.part-volume .part-volume-bar{grid-template-columns:1fr}.part-row>.part-volume .part-volume-text,.band-extra-row>.part-volume .part-volume-text{white-space:nowrap}.part-row>.track-more-window>.more-toggle,.band-extra-row>.track-more-window>.more-toggle{height:100%}.part-row>.choice small,.band-extra-row .track-row-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.part-row:has(.track-more-sheet),.band-extra-row:has(.track-more-sheet)){opacity:1}.track-more-sheet .sound-menu-backdrop{padding:12px}.choice-grid.video-source-grid{grid-template-columns:1fr 1fr}.part-select-head span{grid-column:2/-1}.sound-menu-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sound-menu-fonts{max-height:28%}.difficulty-grid{grid-template-columns:1fr 1fr}.layout-grid,.graphics-grid{grid-template-columns:1fr}.stage-play{grid-template-rows:minmax(240px,52%) minmax(0,1fr);grid-template-columns:1fr}.song-open{grid-template-columns:auto 1fr}.song-meta{text-align:left;grid-column:2}.switcher{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.song-intro-card{animation-name:song-intro-veil;transform:none}.lane-preview span,.action,.song-card,.choice,.preview-button,.mix-toggle,.switcher button{transition:none;animation:none}}.song-carousel{--cover-size:clamp(200px, 44vw, 360px);min-width:0}.song-carousel-stage{height:calc(var(--cover-size) + 155px);perspective:1000px;touch-action:pan-y;position:relative;overflow:hidden}.song-carousel-album{width:var(--cover-size);text-align:center;transform:translateX(calc(-50% + var(--offset) * var(--cover-size) * .38 + var(--side) * var(--cover-size) * .24)) translateZ(var(--depth)) rotateY(calc(var(--side) * -52deg));filter:brightness(.65);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;padding:0;transition:transform .38s,filter .38s;position:absolute;top:12px;left:50%}.song-carousel-album.is-active{filter:brightness()}.song-carousel-art{aspect-ratio:1;width:100%;display:block;overflow:hidden;box-shadow:0 14px 30px #00000047}.song-carousel-reflection{top:calc(var(--cover-size) + 3px);width:100%;height:var(--cover-size);pointer-events:none;position:absolute;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 72%,#00000038);mask-image:linear-gradient(#0000 72%,#00000038)}.song-carousel-title{overflow-wrap:anywhere;text-shadow:0 2px 12px var(--bg);margin-top:22px;padding:0 6px;font-size:clamp(1.1rem,2.6vw,1.5rem);line-height:1.25;display:block;position:relative}.song-carousel-byline{color:var(--muted);overflow-wrap:anywhere;text-shadow:0 2px 12px var(--bg);margin-top:5px;padding:0 6px;font-size:.9rem;display:block;position:relative}.song-carousel-controls{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:24px;font-size:.85rem;display:flex}.song-carousel-controls button{width:44px;height:44px;font-size:1.5rem}@media (prefers-reduced-motion:reduce){.song-carousel-album{transition:none}}.stage-vinyl .stage-board{overflow:hidden}.stage-vinyl.stage-video .stage-play{grid-template-columns:minmax(260px,55%) minmax(0,1fr)}.options-panel{flex-direction:column;gap:24px;display:flex}.pause-veil>*{flex-shrink:0}.pause-veil>:first-child{margin-top:auto}.pause-veil>:last-child{margin-bottom:auto}.options-sheet{overscroll-behavior:contain;min-height:0}.options-sheet>*,.options-screen>*{flex-shrink:0}.options-screen{overscroll-behavior:contain;height:100%;min-height:0;overflow-y:auto}.band-room-screen,.band-song-setup{justify-content:flex-start;gap:24px;padding-top:24px}.band-room-screen{width:min(1080px,100% - 32px)}.band-entry-screen .online-card .action{min-width:150px}.band-queue-back{z-index:35;padding:14px 22px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 28px #00000059}.action.band-primary{background:var(--accent);border-color:var(--accent);color:#16130c;font-weight:700}.action.band-primary:hover:not(:disabled){background:#ffc35a;border-color:#ffc35a}.action.band-primary:disabled{background:var(--panel);border-color:var(--line);color:var(--muted)}.band-room-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:100%;padding-bottom:18px;display:flex}.band-room-identity{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.band-room-identity .eyebrow{margin:0}.band-room-identity strong,.band-invite-code strong{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:.95rem}.band-room-tools{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.band-room-tools .text-button{min-height:32px}.band-room-tools .band-leave{color:#ff4d4d}.band-room-tools .band-leave:hover{color:#ff8080}.band-queue-notice{z-index:80;color:#fff;text-align:center;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#16213b;border-radius:12px;max-width:min(90vw,560px);padding:11px 18px;font-size:14px;font-weight:500;line-height:1.4;position:fixed;top:70px;left:50%;overflow:hidden;box-shadow:0 8px 24px #16213b28,0 0 0 1px #ffffff29}.band-queue-notice.is-in{animation:.42s ease-out both bandQueueNoticeIn}.band-queue-notice.is-out{animation:.5s ease-in both bandQueueNoticeOut}@keyframes bandQueueNoticeIn{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%,10px)}}@keyframes bandQueueNoticeOut{0%{opacity:1;transform:translate(-50%,10px)}to{opacity:0;transform:translate(calc(-50% - 120px),10px)}}@media (prefers-reduced-motion:reduce){.band-queue-notice.is-in,.band-queue-notice.is-out{animation:none}.band-queue-notice.is-in{opacity:1;transform:translate(-50%,10px)}.band-queue-notice.is-out{opacity:0}}.sound-menu-root.room-settings-sheet{width:min(480px,100vw - 32px);height:auto;max-height:85dvh}.room-settings-sheet .band-room-settings-body{padding:4px 0 0}.band-song-queue .band-queue-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.band-song-queue .band-queue-item{grid-template-columns:1.6rem 56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.band-queue-index{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.band-queue-art{border-radius:8px;width:56px;height:56px;overflow:hidden}.band-queue-art .album-art-default,.band-queue-art .album-art-photo{object-fit:cover;width:100%;height:100%}.band-queue-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.band-queue-copy strong,.band-queue-copy small{overflow-wrap:anywhere}.band-queue-copy small{color:var(--muted)}.band-setup-bar{width:min(880px,100% - 32px);margin-top:24px}.band-setup-bar>p{margin:12px 0 0}.band-invite-form{flex-direction:column;align-items:flex-start;gap:22px;max-width:460px;display:flex}.band-invite-form .online-field{width:100%}.band-invite-code{margin:0}.band-invite-code strong{color:var(--accent);margin-left:8px;display:inline-block}.band-song-card{align-items:center;gap:20px;min-width:0;padding:8px 0 18px;display:flex}.band-song-art{border-radius:12px;flex:none;width:88px;height:88px;overflow:hidden}.band-song-art .album-art-default,.band-song-art .album-art-photo{object-fit:cover;width:100%;height:100%}.band-song-copy{flex:1;min-width:0}.band-song-copy .eyebrow{margin:0 0 8px}.band-song-copy h1{overflow-wrap:anywhere;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400;line-height:1.15}.band-song-copy p:not(.eyebrow){color:var(--muted);margin:10px 0 0;font-size:.9rem;line-height:1.5}.band-empty-song{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 0;display:flex}.band-empty-song .eyebrow,.band-empty-song h1,.band-empty-song p{margin:0}.band-empty-song h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.band-empty-song p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.6}.band-empty-song .action{padding:14px 22px}.band-room-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}.band-room-body.is-waiting{grid-template-columns:1fr}.band-player-setup{flex-direction:column;gap:24px;min-width:0;display:flex}.band-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.band-section-heading h2,.band-difficulty h2,.band-sound-section h2{margin:0;font-size:1.1rem;line-height:1.4}.band-section-heading>span,.band-section-heading h2 span{color:var(--muted);font-size:.85rem;font-weight:400}.band-part-choices{flex-direction:column;gap:10px;display:flex}.band-part-choice{border:1px solid var(--line);background:var(--panel);text-align:left;width:100%;color:var(--ink);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 14px;padding:16px 18px;display:grid}.band-part-choice:not(:disabled):hover{border-color:var(--muted)}.band-part-choice.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.band-part-name{overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.35}.band-part-family{color:var(--muted);grid-column:1;font-size:.82rem}.band-part-badge{color:var(--muted);overflow-wrap:anywhere;border-radius:6px;grid-area:1/2/3;max-width:125px;padding:6px 9px;font-size:.78rem;line-height:1.4}.band-part-badge.is-selected{background:var(--accent);color:#16130c;font-weight:700}.band-part-choice.is-taken{background:0 0}.band-part-choice:disabled{opacity:1;cursor:default}.band-part-choice.is-taken .band-part-badge{background:var(--panel)}.band-roster{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:0 0 18px;padding:20px}.band-roster .band-members{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.band-room-body.is-waiting .band-members{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.band-member{gap:6px;min-width:0}.band-member-top{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.band-member-top strong{overflow-wrap:anywhere;font-size:.92rem}.band-member-top .band-host-badge{font-size:.72rem}.band-member-status{align-items:center;gap:7px;display:flex}.band-member-status:before{content:"";background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px}.band-member-status.is-ready{color:var(--ink)}.band-member-status.is-ready:before{background:#2ee59d}.band-difficulty h2{margin-bottom:12px}.band-difficulty-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.band-difficulty-choice{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:12px 8px;font-weight:600}.band-difficulty-choice.is-selected{background:var(--accent);border-color:var(--accent);color:#16130c}.band-ready-bar,.band-publish-bar{z-index:8;border:1px solid var(--line);background:#1b1d23;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:18px 20px;display:flex;position:sticky;bottom:12px}.band-ready-copy{min-width:0}.band-ready-copy>strong{font-size:1rem}.band-ready-copy p,.band-publish-bar p{color:var(--muted);margin:6px 0 0;font-size:.88rem;line-height:1.5}.band-ready-copy small{overflow-wrap:anywhere;margin-top:6px;font-size:.8rem;display:block}.band-ready-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;display:flex}.band-ready-actions .action,.band-publish-bar .action{border-radius:10px;min-width:120px;padding:13px 20px}.band-ready-actions .text-button{min-height:36px;font-size:.82rem}.band-ready-badge{align-items:center;gap:8px;font-weight:700;display:flex}.band-ready-badge:before{content:"";background:#2ee59d;border-radius:50%;width:8px;height:8px}details>summary{background:var(--panel)}.band-mix-panel>summary,.band-setup-section>summary{border-radius:11px}.band-mix-panel[open]>summary,.band-setup-section[open]>summary{border-radius:11px 11px 0 0}.band-mix-panel,.band-setup-section{border:1px solid var(--line);border-radius:12px;min-width:0}.band-mix-panel>summary,.band-setup-section>summary{cursor:pointer;padding:16px 18px;font-size:.95rem;font-weight:600}.band-mix-panel>summary span,.band-setup-section>summary span,.band-player-setup .section-label span{color:var(--muted);margin-left:10px;font-size:.8rem;font-weight:400}.band-mix-panel[open]>summary,.band-setup-section[open]>summary{border-bottom:1px solid var(--line)}.band-mix-body,.band-setup-section-body{flex-direction:column;gap:24px;padding:18px;display:flex}.band-mix-body .choice-grid.parts-grid,.band-song-setup .choice-grid.parts-grid{grid-template-columns:1.7rem minmax(130px,1.3fr) minmax(110px,1fr) 2.7rem 3rem minmax(90px,120px) 5rem}.band-mix-name{overflow-wrap:anywhere;flex-direction:column;grid-column:2;justify-content:center;gap:6px;min-width:0;padding:6px 0;font-size:.9rem;line-height:1.4;display:flex}.band-mix-name small{color:var(--muted);font-size:.75rem}.band-mix-body .part-volume-bar,.band-song-setup .part-volume-bar{border-color:var(--line);background:var(--panel)}.band-mix-body .part-volume-bar:before,.band-song-setup .part-volume-bar:before{background:color-mix(in srgb, var(--ink) 15%, var(--panel))}.band-mix-body .part-picker-head{align-items:flex-start}.band-mix-body .part-picker-actions{gap:8px 14px}.band-mix-body .part-picker-actions .text-button{font-size:.8rem}.band-mix-body .song-tempo-control{display:none}.band-transfer-details{margin-top:12px}.band-room-settings{color:var(--muted);font-size:.9rem}.band-room-settings>summary{cursor:pointer;color:var(--ink);padding:8px 0;font-weight:600}.band-room-settings-body{gap:14px;padding:4px 0 12px;display:grid}.band-room-settings-body .band-library-share{margin:0}.band-setting-choice{border:0;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;display:flex}.band-setting-choice legend{width:100%;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:.82rem;font-weight:700}.band-setting-choice label{color:var(--ink);align-items:center;gap:8px;display:flex}.band-setting-choice input{accent-color:var(--accent)}.band-room-settings-body>p{margin:0}.band-help,.band-transfer-details{color:var(--muted);font-size:.82rem;line-height:1.6}.band-help summary,.band-transfer-details summary{cursor:pointer;padding:8px 0}.band-help p{max-width:700px}.band-proposal,.band-queue{gap:10px;padding:4px 0 8px;display:grid}.band-proposal p,.band-queue p{color:var(--muted);margin:0}.band-proposal-actions,.band-queue-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.band-queue-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.band-queue-item{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.band-queue-item span{overflow-wrap:anywhere;min-width:0}.band-results-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.band-results-actions .action{padding:14px 22px}.band-song-setup{min-height:0}.band-song-setup .song-heading{flex-direction:row}.band-song-setup .album-art-button{width:80px;height:80px}.band-song-setup .song-title-input{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2}.band-song-setup .song-heading-copy .band-setup-section{border:0}.band-song-setup .song-heading-copy .band-setup-section>summary{color:var(--muted);padding:6px 0;font-size:.82rem}.band-song-setup .song-heading-copy .band-setup-section>summary span{display:none}.band-song-setup .song-heading-copy .band-setup-section-body{gap:12px;padding:12px 0}.band-sound-section{flex-direction:column;gap:14px;display:flex}.band-sound-section .soundfont-loading{padding:12px 16px}.band-song-setup .band-publish-bar{margin-top:8px}.band-room-screen button:focus-visible,.band-song-setup summary:focus-visible,.band-room-screen summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=1000px){.band-mix-body .choice-grid.parts-grid,.band-song-setup .choice-grid.parts-grid{grid-template-columns:1.7rem minmax(0,1fr) minmax(74px,.6fr) 2.7rem;gap:8px}.band-mix-body .track-row-details,.band-song-setup .track-row-details{display:none}.band-mix-body .part-row>.track-more-window,.band-song-setup .part-row>.track-more-window{grid-area:1/4;display:block}.band-mix-body .part-row>.part-volume,.band-song-setup .part-row>.part-volume{grid-area:1/3}.band-mix-body .band-mix-name,.band-song-setup .band-mix-name{grid-area:1/2}.band-mix-body .part-row>.track-check,.band-song-setup .part-row>.track-check{grid-area:1/1}.band-mix-body .fill-slider-step,.band-song-setup .part-row .fill-slider-step,.band-mix-body .volume-label,.band-song-setup .part-row .volume-label{display:none}.band-mix-body .part-volume-bar,.band-song-setup .part-row .part-volume-bar{grid-template-columns:1fr}}@media (width<=720px){.band-room-screen{gap:20px}.band-room-body{grid-template-columns:1fr;gap:24px}.band-roster .band-members{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}.band-room-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.band-room-tools{gap:6px 16px;width:100%}.band-room-tools .text-button:last-child{margin-left:auto}.band-song-card{flex-wrap:wrap;gap:12px;padding-bottom:0}.band-song-art{width:64px;height:64px}.band-song-copy h1{font-size:1.7rem}.band-song-card>.text-button{margin-left:76px}.band-part-choice{padding:14px}.band-ready-bar,.band-publish-bar{bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:12px;padding:14px}.band-ready-copy{flex:170px}.band-ready-actions{flex:auto}.band-ready-actions .action{min-width:95px}.band-roster{padding:16px}.band-mix-body,.band-setup-section-body{gap:20px;padding:14px}.band-song-setup .album-art-button{width:64px;height:64px}.band-publish-bar>div{flex:190px}.band-publish-bar .action{flex:none}}.band-song-browser{justify-content:flex-start;min-height:0;padding-top:24px}.song-source-switcher{align-self:flex-start;margin:4px 0 8px}.band-library-share{width:fit-content;color:var(--ink);cursor:pointer;align-items:center;gap:10px;margin:4px 0 12px;font-size:.95rem;display:flex}.band-library-share input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.band-song-setup .loop-stepper{grid-template-columns:44px minmax(48px,auto) 44px;justify-content:start;gap:16px}.band-song-setup .loop-stepper .choice{padding:12px}.band-part-choice.is-selected:hover{border-color:var(--accent)}.home-actions{gap:12px}.home-actions .action{min-height:76px}.home-options{align-self:center;margin-top:-24px}@media (width<=640px){.site-nav{padding:8px 12px}.site-logo span{font-size:1.3rem}.home-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.song-browser-import .midi-drop{padding:12px 16px}.song-browser-import .midi-drop strong{font-size:1rem}.song-browser-import .midi-drop small{font-size:.84rem}@media (width<=720px){.song-list-list{overflow:visible}.song-list-list .song-list-header{display:none}.song-list-list .song-card{min-width:0}.song-list-list .song-open{grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;min-width:0;padding:12px}.song-list-list .song-title-cell{grid-column:1/-1}.song-list-list .song-art{flex-basis:52px;width:52px;height:52px}.song-list-list .song-detail-artist{grid-area:2/1}.song-list-list .song-detail-year{display:none}.song-list-list .song-detail-bpm{grid-area:2/2}.song-list-list .song-detail-bpm:after{content:" BPM"}.song-list-list .song-detail-duration{grid-area:2/3}}