:root{--font-display:"Bowlby One", "Arial Black", Impact, sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, "Courier New", monospace;--ink:#231f20;--ink-soft:#3a3435;--cream:#ded3ca;--paper:#ece4d8;--paper-light:#f6f0e6;--field:#fffaf2;--yellow:#deba38;--yellow-hot:#f2cc3f;--on-accent:#231f20;--yellow-wash:#deba3838;--red:#b8361f;--red-wash:#f6dcd2;--green:#2f6b3a;--green-wash:#dfe9d3;--text:var(--ink);--text-muted:#5b5048;--text-faint:#8a7d72;--contrast-muted:#ded3cad1;--contrast-muted-soft:#ded3caa6;--contrast-muted-low:#ded3ca80;--contrast-line:#ded3ca66;--border:2px solid var(--ink);--border-thick:2.5px solid var(--ink);--radius-s:10px;--radius-m:14px;--radius-l:22px;--radius-full:999px;--shadow-print:4px 4px 0 var(--ink);--shadow-print-s:2px 2px 0 var(--ink);--shadow-print-l:6px 6px 0 var(--ink);--halftone-ink:radial-gradient(circle, #231f2029 1.1px, transparent 1.4px);--halftone-cream:radial-gradient(circle, #ded3ca8c 1.3px, transparent 1.7px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur:.26s;--dur-slow:.42s;--fast:var(--dur-fast) var(--ease)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fffaf2;--ink-soft:#f0eae2;--cream:#3a3435;--paper:#171415;--paper-light:#231f20;--field:#302a2b;--yellow:#b28f18;--yellow-hot:#c7a126;--yellow-wash:#b28f1838;--text:#fffaf2;--text-muted:#d0c9c2;--text-faint:#aaa29a;--contrast-muted:#231f20d1;--contrast-muted-soft:#231f20a6;--contrast-muted-low:#231f2080;--contrast-line:#231f2066;--halftone-ink:radial-gradient(circle, #fffaf20e 1.1px, transparent 1.4px);--halftone-cream:radial-gradient(circle, #3a3435a6 1.3px, transparent 1.7px)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.session-restore{background:var(--paper);min-height:100dvh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.session-restore img{object-fit:contain;animation:restore-arrive .42s var(--ease) both}.session-restore__mark{display:block}.session-restore__wordmark{font-family:var(--font-display);font-size:1.4rem;line-height:1}:root[data-theme=dark] .hero__kicker,:root[data-theme=dark] .hero__stats dd{color:var(--on-accent)}:root[data-theme=dark] .show-stage{--stage-bg:#f6f0e6;--stage-text:#171415;--stage-dim:#1714159e;--stage-line:#1714152e;--stage-surface:#ded3ca;--stage-panel:#ece4d8;--stage-hover:#231f2014;--stage-scrollbar:#231f2040;--stage-selected-text:#231f20b3;--stage-bottom-overlay:#f6f0e6e0}:root[data-theme=dark] .settings-preview{color:#171415;background:#f6f0e6}:root[data-theme=dark] .user-menu__avatar,:root[data-theme=dark] .quick__tile--primary{color:var(--on-accent)}:root[data-theme=dark] .app-nav__item.is-active{color:#231f20}:root[data-theme=dark] .app-nav__item.is-active>svg{color:#deba38}:root[data-theme=dark] :is(.app-nav__item.is-active,.btn--secondary,.settings-nav__item.is-active,.appearance-option.is-selected,.toggle-pill.is-on,.tag.is-on,.seg__input:checked+.seg__face,.select__option.is-selected,.datepicker__day.is-selected,.chord-btn--bass,.chord-tabs__tab.is-active,.note-btn--yes,.is-picked .picker__check,.import__row input:checked+.import__check){color:#231f20}:root[data-theme=dark] :is(.btn--primary,.quick__tile--primary,.stage-scroll__play,.show-stage .select__option.is-selected,.stage-section.is-active){color:#f0eae2}:root[data-theme=dark] .stage-scroll__play{color:#f0eae2!important}:root[data-theme=dark] .app-nav__item.is-active .app-nav__label,:root[data-theme=dark] .appearance-option.is-selected>span{color:#231f20}.session-restore__message{color:var(--text-muted);font-size:.9rem}.session-restore__dots{gap:5px;margin-top:8px;display:flex}.session-restore__dots i{background:var(--yellow);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate restore-pulse}.session-restore__dots i:nth-child(2){animation-delay:.18s}.session-restore__dots i:nth-child(3){animation-delay:.36s}@keyframes restore-arrive{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes restore-pulse{0%{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-body);background-color:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}fieldset{border:0;min-width:0}code{font-family:var(--font-mono);background:#231f2014;border-radius:4px;padding:1px 4px;font-size:.85em}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex;position:relative}.page__paper{pointer-events:none;background-image:var(--halftone-ink);background-size:7px 7px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 100% 0,#000 0%,#0000 55%),radial-gradient(at 0 100%,#000 0%,#0000 45%);mask-image:radial-gradient(at 100% 0,#000 0%,#0000 55%),radial-gradient(at 0 100%,#000 0%,#0000 45%)}.page__layout{grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:stretch;gap:44px;width:100%;max-width:1120px;display:grid;position:relative}.showcase{background:var(--ink);color:var(--cream);border-radius:var(--radius-l);border:5px solid var(--cream);box-shadow:0 0 0 3px var(--ink), 12px 12px 0 3px var(--yellow);flex-direction:column;gap:28px;padding:40px 40px 36px;display:flex;position:relative;overflow:hidden}.showcase__halftone{background-image:var(--halftone-cream);pointer-events:none;background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#0000008c 0%,#0000 42%);mask-image:linear-gradient(200deg,#0000008c 0%,#0000 42%)}.showcase__sticker{aspect-ratio:1;filter:drop-shadow(5px 5px #00000073);align-self:flex-start;width:200px;animation:6s ease-in-out infinite wobble;position:relative;transform:rotate(-6deg)}.showcase__sticker img{object-fit:contain;width:100%;height:100%}.showcase__bolt{width:74px;color:var(--yellow);position:absolute}.showcase__bolt--left{bottom:30px;left:-48px;transform:rotate(-18deg)scaleX(-1)}.showcase__bolt--right{bottom:52px;right:-62px;transform:rotate(14deg)}@keyframes wobble{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-6px)}}.showcase__copy{flex-direction:column;gap:14px;display:flex;position:relative}.showcase__kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-size:.78rem}.showcase__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--paper-light);text-wrap:balance;font-size:clamp(2.1rem,3.6vw,3.1rem);font-weight:400;line-height:1.02}.showcase__title mark{color:var(--ink);background:0 0;background-image:linear-gradient(var(--yellow), var(--yellow));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 70%;background-repeat:no-repeat;background-size:100% 78%;padding:0 .16em}.showcase__lede{max-width:38ch;color:var(--contrast-muted);font-size:1.02rem}.tracklist{border-top:2px dashed var(--contrast-line);gap:10px;margin-top:auto;padding-top:18px;list-style:none;display:grid;position:relative}.tracklist__item{grid-template-columns:36px 1fr auto;align-items:baseline;gap:10px;display:grid}.tracklist__num{font-family:var(--font-mono);color:var(--yellow);font-size:.8rem;font-weight:700}.tracklist__title{color:var(--paper-light);font-weight:700}.tracklist__note{font-family:var(--font-mono);color:var(--contrast-muted-soft);text-align:right;font-size:.74rem}.auth-card{background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-l);box-shadow:var(--shadow-print-l);flex-direction:column;gap:20px;padding:30px 32px 32px;display:flex;position:relative}.auth-card__tape{background:#deba38c7;border-left:2px dashed #231f2040;border-right:2px dashed #231f2040;width:120px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.auth-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:8px;display:inline-flex}.logo__mark{object-fit:contain;position:absolute;inset:0;transform:rotate(-8deg)}.logo__mark-wrap{flex:none;width:44px;height:44px;display:inline-block;position:relative}.logo__word{font-family:var(--font-display);letter-spacing:.01em;font-size:1.6rem;line-height:1}.status-pill{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--ink);color:var(--yellow);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;padding:5px 11px;font-size:.68rem;font-weight:700;display:inline-flex}.status-pill__dot{background:#e5482f;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite on-air;box-shadow:0 0 #e5482f99}.status-pill--off{color:var(--text-muted);background:0 0}.status-pill--off .status-pill__dot{background:var(--text-faint);animation:none}@keyframes on-air{0%{box-shadow:0 0 #e5482f99}80%,to{box-shadow:0 0 0 7px #e5482f00}}.auth-card__intro{flex-direction:column;gap:4px;display:flex}.auth-card__title{font-family:var(--font-display);font-size:1.9rem;font-weight:400;line-height:1.05}.auth-card__sub{color:var(--text-muted)}.auth-card__body{display:block}.animated-height{transition:height .38s var(--ease)}.animated-height.is-resizing{box-sizing:content-box;margin:-6px -10px -12px -6px;padding:6px 10px 12px 6px;overflow:hidden}.auth-card__stage{flex-direction:column;gap:20px;display:flex}.stage--forward{--stage-from:28px}.stage--back{--stage-from:-28px}.stage>*{animation:stage-in .46s var(--ease) both}.stage>:nth-child(2){animation-delay:40ms}.stage>:nth-child(3){animation-delay:80ms}.stage>:nth-child(n+4){animation-delay:.11s}@keyframes stage-in{0%{opacity:0;transform:translateX(var(--stage-from,0))}to{opacity:1;transform:none}}.auth-card__loading{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:56px 0;font-size:.85rem;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field__label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:0;font-size:.74rem;font-weight:700}.field__control{align-items:center;display:flex;position:relative}.field__icon{color:var(--text-faint);pointer-events:none;z-index:1;transition:color var(--fast);display:flex;position:absolute;left:14px}.field__input{background:var(--field);border:var(--border);border-radius:var(--radius-m);width:100%;height:50px;transition:box-shadow var(--fast), transform var(--fast);padding:0 14px 0 44px;font-size:1rem}.field__input::placeholder{color:var(--text-faint)}.field__input:hover:not(:disabled){box-shadow:var(--shadow-print-s)}.field__input:focus{box-shadow:4px 4px 0 var(--yellow), 4px 4px 0 2.5px var(--ink);outline:none;transform:translate(-1px,-1px)}.field__control:focus-within .field__icon{color:var(--ink)}.field__input:disabled{opacity:.6;cursor:not-allowed}.field__input--action{padding-right:52px}.field__toggle{border-radius:var(--radius-s);width:40px;height:40px;color:var(--text-muted);place-items:center;display:grid;position:absolute;right:6px}.field__toggle:hover{background:var(--cream);color:var(--ink)}.field--error .field__input{border-color:var(--red);background:#fff6f2}.field--error .field__icon{color:var(--red)}.field__error,.field__hint,.field__caps{font-size:.85rem;line-height:1.35}.field__error{color:var(--red);font-weight:600}.field__hint{color:var(--text-muted)}.field__caps{border-radius:var(--radius-s);background:var(--yellow-wash);font-family:var(--font-mono);align-self:flex-start;align-items:center;gap:5px;padding:2px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.meter{flex-direction:column;gap:8px;display:flex}.meter__bar{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.meter__seg{border:2px solid var(--ink);background:var(--field);height:7px;transition:background var(--fast);border-radius:4px}.meter__bar[data-score="1"] .is-on{background:var(--red)}.meter__bar[data-score="2"] .is-on{background:#e08a2e}.meter__bar[data-score="3"] .is-on,.meter__bar[data-score="4"] .is-on{background:var(--yellow)}.meter__bar[data-score="4"] .is-on:last-child{background:var(--ink)}.meter__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.meter__rules{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;font-size:.82rem;list-style:none;display:flex}.meter__rules li{align-items:center;gap:6px;display:inline-flex}.meter__rules li.is-met{color:var(--ink);font-weight:600}.meter__tick{border:2px solid;border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.is-met .meter__tick{background:var(--ink);border-color:var(--ink);color:var(--yellow)}.meter__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.72rem;font-weight:700}.select{position:relative}.select__trigger{background:var(--field);border:var(--border);border-radius:var(--radius-m);text-align:left;width:100%;height:50px;transition:box-shadow var(--fast), transform var(--fast);align-items:center;gap:12px;padding:0 14px;font-size:1rem;display:flex}.select__trigger:hover:not(:disabled){box-shadow:var(--shadow-print-s)}.select__trigger:focus-visible,.select.is-open .select__trigger{box-shadow:4px 4px 0 var(--yellow), 4px 4px 0 2.5px var(--ink);outline:none;transform:translate(-1px,-1px)}.select__trigger:disabled{opacity:.6;cursor:not-allowed}.select__icon{color:var(--ink);display:flex}.select__icon.is-empty{color:var(--text-faint)}.select__value{flex:1;font-weight:600}.select__placeholder{color:var(--text-faint);flex:1}.select__chevron{color:var(--text-muted);transition:transform var(--fast);flex:none}.select.is-open .select__chevron{color:var(--ink);transform:rotate(180deg)}.select__list{z-index:1000;overscroll-behavior:contain;background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-m);max-height:296px;box-shadow:var(--shadow-print);animation:drop-in .16s var(--ease);padding:6px;list-style:none;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto}.select__list--above{transform-origin:bottom}.select__list--align-right:not(.select__list--above){transform-origin:100% 0}.select__list--above.select__list--align-right{transform-origin:100% 100%}.select__option{border-radius:var(--radius-s);cursor:pointer;align-items:center;gap:12px;padding:9px 10px;display:flex}.select__option.is-active{background:var(--yellow-wash)}.select__option.is-selected{background:var(--ink);color:var(--yellow)}.select__option-icon{border:2px solid;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.select__option-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.select__option-name{font-weight:700}.select__option-note{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;font-size:.72rem}.select__option.is-selected .select__option-note{color:var(--cream)}.select__check{flex:none}.select--compact .select__trigger{gap:6px;padding:0 10px 0 12px;font-weight:700}.select--compact .select__value{font-weight:700}.select__value,.select__placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select--align-right .select__list{width:max-content;min-width:0;left:auto}.select__list--plain .select__option{padding:10px 12px}.datepicker__panel{background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-m);width:100%;max-width:340px;box-shadow:var(--shadow-print);animation:drop-in .16s var(--ease);margin-top:10px;padding:12px}.datepicker__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.datepicker__month{font-family:var(--font-display);font-size:1.05rem}.datepicker__nav{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--field);place-items:center;width:36px;height:36px;display:grid}.datepicker__nav:hover{background:var(--yellow)}.datepicker__grid{gap:2px;display:grid}.datepicker__row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__weekday{text-align:center;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;padding:4px 0;font-size:.68rem;font-weight:700}.datepicker__day{aspect-ratio:1;border-radius:var(--radius-s);border:2px solid #0000;place-items:center;font-size:.92rem;font-weight:600;display:grid}.datepicker__day:hover{background:var(--yellow-wash)}.datepicker__day:focus-visible{border-color:var(--ink);outline:none}.datepicker__day.is-outside{color:var(--text-faint)}.datepicker__day.is-today{border-color:var(--ink);border-style:dashed}.datepicker__day.is-selected{background:var(--ink);color:var(--yellow);box-shadow:2px 2px 0 var(--yellow);border-style:solid}.datepicker__foot{border-top:2px dashed #231f2033;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.datepicker__clear{color:var(--text-muted);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.datepicker__clear:hover{color:var(--red)}.field--error .select__trigger{border-color:var(--red);background:#fff6f2}.check{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:.92rem;display:flex;position:relative}.check__input{opacity:0;cursor:pointer;width:22px;height:22px;position:absolute}.check__box{border:var(--border);background:var(--field);width:22px;height:22px;transition:background var(--fast);border-radius:6px;flex:none}.check__input:checked+.check__box{background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / 15px no-repeat}.check__input:focus-visible+.check__box{outline:3px solid var(--ink);outline-offset:2px}.field--error .check__box{border-color:var(--red)}.btn{border:var(--border-thick);border-radius:var(--radius-m);width:100%;min-height:52px;transition:transform var(--fast), box-shadow var(--fast), background var(--fast);justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:1rem;font-weight:700;display:inline-flex}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--yellow);color:var(--on-accent);font-family:var(--font-display);letter-spacing:.02em;box-shadow:var(--shadow-print);margin-top:4px;font-size:1.08rem;font-weight:400}.btn--primary:hover:not(:disabled){background:var(--yellow-hot);box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.btn--primary:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}.btn--primary:disabled{opacity:.75;box-shadow:var(--shadow-print-s)}.btn--secondary{background:var(--ink);color:var(--yellow);box-shadow:4px 4px 0 var(--yellow)}.btn--secondary:disabled{background:var(--ink-soft);color:var(--cream);box-shadow:none}.btn--ghost{min-height:46px;color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink);border-style:dashed}.text-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:3px;padding:0;font-weight:700;text-decoration-thickness:3px}.text-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.text-link--small{font-size:.82rem}.auth-form__switch{text-align:center;color:var(--text-muted);font-size:.95rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border:var(--border);border-radius:var(--radius-m);animation:drop-in .22s var(--ease);align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;font-size:.92rem;font-weight:500;display:flex}.alert--error{background:var(--red-wash);border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.alert--error .alert__icon{color:var(--red)}.alert--success{background:var(--green-wash);border-color:var(--green);box-shadow:3px 3px 0 var(--green)}.alert--success .alert__icon{color:var(--green)}.alert__icon{flex:none;margin-top:1px}.alert__body{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.alert__close{width:26px;height:26px;color:var(--text-muted);border-radius:6px;flex:none;place-items:center;display:grid}.alert__close:hover{color:var(--ink);background:#231f2014}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.check-email{flex-direction:column;gap:16px;display:flex}.check-email__stamp{border:var(--border-thick);background:var(--yellow);width:84px;height:84px;box-shadow:var(--shadow-print);border-radius:50%;align-self:center;place-items:center;display:grid;transform:rotate(-8deg)}.check-email__lead{text-align:center;color:var(--text-muted)}.check-email__address{color:var(--ink);word-break:break-all;margin-top:2px;font-size:1.05rem;display:block}.check-email__steps{counter-reset:step;border:2px dashed var(--ink);border-radius:var(--radius-m);background:var(--field);gap:8px;padding:14px 16px;list-style:none;display:grid}.check-email__steps li{counter-increment:step;align-items:center;gap:10px;font-weight:500;display:flex}.check-email__steps li:before{content:counter(step);background:var(--ink);width:24px;height:24px;color:var(--yellow);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.check-email .field__hint{text-align:center}.signed-in{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:8px;display:flex}.signed-in__avatar{border:var(--border-thick);background:var(--ink);width:92px;height:92px;color:var(--yellow);box-shadow:5px 5px 0 var(--yellow), 5px 5px 0 3px var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:2rem;display:grid;overflow:hidden}.signed-in__avatar img{object-fit:cover;width:100%;height:100%}.signed-in__name{font-family:var(--font-display);font-size:1.7rem;font-weight:400;line-height:1.1}.signed-in__email{color:var(--text-muted);word-break:break-all}.signed-in__facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid}.signed-in__facts>div{border:var(--border);border-radius:var(--radius-m);background:var(--field);text-align:left;padding:12px 14px}.signed-in__facts dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.signed-in__facts dd{margin-top:2px;font-weight:700}@media (width<=960px){.page{align-items:flex-start;padding:24px 16px 40px}.page__layout{grid-template-columns:1fr;gap:36px;max-width:520px}.showcase{box-shadow:0 0 0 3px var(--ink), 8px 8px 0 3px var(--yellow);border-width:4px;flex-direction:row;align-items:center;gap:18px;padding:20px 22px}.showcase__sticker{flex:none;width:96px}.showcase__bolt{width:40px}.showcase__bolt--left{bottom:10px;left:-22px}.showcase__bolt--right{bottom:20px;right:-26px}.showcase__title{font-size:1.45rem}.showcase__lede,.tracklist{display:none}}@media (width<=480px){.auth-card{box-shadow:6px 6px 0 var(--ink);padding:26px 18px 24px}.auth-card__title{font-size:1.6rem}.showcase__kicker{font-size:.66rem}.showcase__title{font-size:1.2rem}}.app{background-color:var(--paper);background-image:var(--halftone-ink);min-height:100dvh;animation:app-in .42s var(--ease) both;background-size:7px 7px;background-attachment:fixed}@keyframes app-in{0%{opacity:0}to{opacity:1}}.app-header{z-index:30;background:var(--paper-light);border-bottom:var(--border-thick);position:sticky;top:0}.app-header__inner{align-items:center;gap:24px;max-width:1180px;height:68px;margin:0 auto;padding:0 24px;display:flex}.app-header .logo__word{font-size:1.4rem}.app-nav{flex:1;justify-content:center;gap:4px;display:flex}.app-nav__item{border-radius:var(--radius-full);color:var(--text-muted);transition:background var(--fast), color var(--fast), border-color var(--fast);border:2px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.app-nav__item:hover:not(:disabled):not(.is-active){color:var(--ink);border-color:var(--ink)}.app-nav__item.is-active{background:var(--ink);color:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--yellow)}.app-nav__item:disabled{cursor:default;color:var(--text-faint)}.app-nav__soon{border-radius:var(--radius-full);background:var(--cream);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:1px 6px;font-size:.58rem}.user-menu{margin-left:auto;position:relative}.user-menu__trigger{border:var(--border);border-radius:var(--radius-full);background:var(--field);transition:box-shadow var(--fast), transform var(--fast);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-weight:700;display:inline-flex}.user-menu__trigger:hover,.user-menu__trigger[aria-expanded=true]{box-shadow:var(--shadow-print-s);transform:translate(-1px,-1px)}.user-menu__avatar{background:var(--ink);width:34px;height:34px;color:var(--yellow);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.85rem;display:grid;overflow:hidden}.user-menu__avatar img{object-fit:cover;width:100%;height:100%}.user-menu__trigger[aria-expanded=true] .user-menu__chevron{transform:rotate(180deg)}.user-menu__panel{background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-m);width:250px;box-shadow:var(--shadow-print);animation:drop-in .16s var(--ease);padding:8px;position:absolute;top:calc(100% + 10px);right:0}.user-menu__who{border-bottom:2px dashed var(--cream);flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px 12px;display:flex}.user-menu__who span{color:var(--text-muted);word-break:break-all;font-size:.85rem}.user-menu__who .user-menu__role{border-radius:var(--radius-full);background:var(--ink);color:var(--yellow);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:.68rem;font-weight:700}.user-menu__item{border-radius:var(--radius-s);align-items:center;gap:10px;width:100%;padding:10px;font-weight:600;display:flex}.user-menu__item:hover:not(:disabled){background:var(--yellow-wash)}.dash{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:28px;max-width:1180px;margin:0 auto;padding:32px 24px 64px;display:grid}.dash__alert,.dash__columns{grid-column:1/-1}.dash__columns{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.hero{background:var(--ink);min-height:clamp(300px,42dvh,480px);color:var(--cream);border:4px solid var(--cream);border-radius:var(--radius-l);box-shadow:0 0 0 3px var(--ink), 10px 10px 0 3px var(--yellow);align-items:center;gap:16px;padding:30px 32px;display:flex;position:relative;overflow:hidden}.hero__halftone{background-image:var(--halftone-cream);pointer-events:none;background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(240deg,#0000008c 0%,#0000 45%);mask-image:linear-gradient(240deg,#0000008c 0%,#0000 45%)}.hero__copy{flex-direction:column;flex:1;gap:10px;display:flex;position:relative}.hero__kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-size:.75rem}.hero__title{font-family:var(--font-display);color:var(--paper-light);text-wrap:balance;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:400;line-height:1.04}.hero__title mark{color:var(--on-accent);background:linear-gradient(var(--yellow), var(--yellow)) 0 70% / 100% 78% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em}.hero__lede{color:var(--contrast-muted);max-width:44ch}.hero__stats{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.hero__stats>div{border:2px solid var(--contrast-line);border-radius:var(--radius-m);min-width:96px;padding:10px 14px}.hero__stats dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--contrast-muted-soft);font-size:.66rem}.hero__stats dd{font-family:var(--font-display);color:var(--yellow);font-size:1.7rem;line-height:1.1}.hero__sticker{object-fit:contain;filter:drop-shadow(5px 5px #00000073);flex:none;width:170px;height:170px;animation:6s ease-in-out infinite hero-wobble;position:relative;transform:rotate(8deg)}@keyframes hero-wobble{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(4deg)translateY(-6px)}}.panel{background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-l);box-shadow:var(--shadow-print);flex-direction:column;gap:16px;padding:22px 22px 24px;display:flex}.panel__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel__title{font-family:var(--font-display);font-size:1.3rem;font-weight:400;line-height:1.1}.panel__count{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.quick__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick__tile{border:var(--border);border-radius:var(--radius-m);background:var(--field);text-align:left;transition:transform var(--fast), box-shadow var(--fast);flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.quick__tile:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.quick__tile:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.quick__tile:disabled{cursor:default;color:var(--text-faint);background:0 0;border-style:dashed}.quick__tile--primary{background:var(--yellow);color:var(--on-accent);box-shadow:var(--shadow-print-s)}.quick__tile--ink{background:var(--ink);color:var(--paper-light);box-shadow:3px 3px 0 var(--yellow)}.quick__icon{border:2px solid;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:6px;display:grid}.quick__label{font-size:1rem;font-weight:700}.quick__note{font-family:var(--font-mono);opacity:.75;font-size:.7rem}.song-list{flex-direction:column;list-style:none;display:flex}.song-row{border-bottom:2px dashed var(--cream);animation:stage-in .38s var(--ease) both;--stage-from:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 6px;display:grid}.song-row:last-child{border-bottom:0}.song-row__key{background:var(--ink);width:44px;height:44px;color:var(--yellow);font-family:var(--font-display);box-shadow:2px 2px 0 var(--yellow);border-radius:50%;place-items:center;font-size:.95rem;display:grid}.song-row__main{flex-direction:column;min-width:0;display:flex}.song-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.song-row__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.song-row__time,.ticket__time{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:.7rem}.fav-btn{width:38px;height:38px;color:var(--text-faint);transition:color var(--fast), background var(--fast), transform var(--fast);border-radius:50%;place-items:center;display:grid}.fav-btn:hover{background:var(--yellow-wash);color:var(--ink)}.fav-btn.is-on{color:var(--ink)}.fav-btn.is-on svg{fill:var(--yellow)}.fav-btn:active{transform:scale(.85)}.ticket-list{flex-direction:column;gap:12px;list-style:none;display:flex}.ticket{border:var(--border);border-radius:var(--radius-m);background:var(--field);animation:stage-in .38s var(--ease) both;--stage-from:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px 10px 0;display:grid;position:relative}.ticket__date{border-right:2px dashed var(--ink);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;line-height:1;display:flex}.ticket__month{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.66rem;font-weight:700}.ticket__day{font-family:var(--font-display);font-size:1.6rem}.ticket__tbd{font-family:var(--font-mono);color:var(--text-faint);font-size:.72rem;font-weight:700}.ticket:not(.is-past) .ticket__date{background:var(--yellow);border-radius:11px 0 0 11px;margin:-10px 0}.ticket.is-past{opacity:.72}.ticket__main{flex-direction:column;min-width:0;display:flex}.ticket__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ticket__meta,.ticket__note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.ticket__note{font-style:italic}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 8px;display:flex}.empty__stamp{border:2px dashed var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:6px;display:grid;transform:rotate(-8deg)}.empty__title{font-size:1.05rem;font-weight:700}.empty__text{max-width:34ch;color:var(--text-muted);font-size:.92rem}.empty .btn{margin-top:8px}.btn--inline{width:auto;min-height:44px;padding:0 18px;font-size:.92rem}.skeleton{flex-direction:column;gap:12px;list-style:none;display:flex}.skeleton__row{border-radius:var(--radius-m);background-color:var(--cream);background-image:var(--halftone-ink);background-size:6px 6px;height:56px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}.dialog{background:0 0;border:0;width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#231f208c}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.dialog__panel{background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-l);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-print-l);flex-direction:column;gap:18px;padding:24px 24px 26px;display:flex;overflow-y:auto}.dialog__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog__title{font-family:var(--font-display);font-size:1.6rem;font-weight:400;line-height:1.05}.dialog__subtitle{color:var(--text-muted);margin-top:4px;font-size:.92rem}.icon-btn{border:2px solid var(--ink);width:38px;height:38px;transition:background var(--fast);border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--yellow)}.key-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.key-chip{position:relative}.key-chip__input{opacity:0;cursor:pointer;position:absolute;inset:0}.key-chip__face{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--field);height:40px;font-family:var(--font-display);cursor:pointer;transition:background var(--fast), color var(--fast), transform var(--fast);place-items:center;font-size:.95rem;display:grid}.key-chip:hover .key-chip__face{transform:translateY(-2px)}.key-chip__input:checked+.key-chip__face{background:var(--ink);color:var(--yellow);box-shadow:2px 2px 0 var(--yellow)}.key-chip__input:focus-visible+.key-chip__face{outline:3px solid var(--ink);outline-offset:2px}@media (width<=1000px){.dash,.dash__columns{grid-template-columns:1fr}.app-nav__label,.app-nav__soon{display:none}}@media (width<=720px){.app{padding-bottom:76px}.app-header__inner{height:60px;padding:0 16px}.app-nav{z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper-light);border-top:var(--border-thick);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.app-nav__item{border-radius:var(--radius-m);flex-direction:column;gap:2px;padding:6px 10px;font-size:.68rem}.app-nav__label{display:inline}.user-menu__name{display:none}.dash{gap:22px;padding:20px 16px 32px}.hero{padding:22px 20px}.hero__sticker{opacity:.9;width:88px;height:88px;position:absolute;top:-12px;right:-16px}.hero__title{padding-right:52px}.hero__stats>div{flex:1;min-width:0;padding:8px 10px}.hero__stats dt{letter-spacing:.06em;font-size:.6rem}.song-row{grid-template-columns:auto minmax(0,1fr) auto}.song-row__time,.ticket__time{display:none}.ticket{grid-template-columns:60px minmax(0,1fr)}}@media (width<=720px) and (height>=850px){.dash{gap:clamp(24px,3vh,34px);padding-top:clamp(24px,4vh,44px)}.hero{min-height:clamp(330px,38dvh,440px)}.panel{gap:clamp(16px,2vh,22px)}}@media (width<=480px){.panel{border-radius:var(--radius-m);box-shadow:5px 5px 0 var(--ink);gap:14px;padding:16px 14px 18px}.panel__title{font-size:1.15rem}.hide-xs{display:none}.dialog__panel{padding:20px 16px 22px}.ticket{grid-template-columns:54px minmax(0,1fr);gap:12px}.ticket__day{font-size:1.4rem}}@media (width<=360px){.app-nav__item{padding:6px;font-size:.62rem}.app-header__inner{padding:0 12px}}.songs-page{flex-direction:column;gap:24px;max-width:1180px;margin:0 auto;padding:32px 24px 64px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head__kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:700}.page-head__title{font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:400;line-height:1.05}.page-head__sub{color:var(--text-muted)}.panel__link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:3px;font-size:.72rem;font-weight:700;text-decoration-thickness:3px}.song-row{border-radius:var(--radius-s);transition:background var(--fast);position:relative}.song-row:has(.song-row__link):hover{background:var(--yellow-wash)}.song-row__link{color:inherit;text-decoration:none}.song-row__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.song-row__link:focus-visible{outline:none}.song-row__link:focus-visible:after{outline:3px solid var(--ink);outline-offset:2px}.song-row .fav-btn{z-index:1;position:relative}.song-row__tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.library{gap:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-row--library{grid-template-columns:auto minmax(0,1fr) auto auto auto}.folder-tools{background:var(--paper);border:1px dashed var(--cream);border-radius:var(--radius-s);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.folder-tools__filter{width:min(240px,100%)}.folder-tools__filter .select__trigger{border-radius:10px;height:42px;font-size:.88rem}.folder-move{z-index:1;justify-self:end;width:clamp(118px,16vw,170px);position:relative}.folder-move .select__trigger{gap:5px;height:36px;padding:0 7px;font-size:.74rem}.folder-move .select__icon{flex:none}.folder-form{flex-direction:column;gap:12px;display:flex}.folder-form__error{color:var(--red);font-size:.85rem}.ticket-row{align-items:center;gap:10px;display:flex}.ticket-row>.ticket{flex:1;min-width:0}.toolbar__search{flex:260px}.toolbar__search input::-webkit-search-cancel-button{display:none}.toolbar__kbd{border:2px solid var(--text-faint);min-width:24px;height:24px;font-family:var(--font-mono);color:var(--text-faint);pointer-events:none;border-radius:6px;place-items:center;font-size:.78rem;display:grid;position:absolute;right:12px}.toggle-pill{border:var(--border);border-radius:var(--radius-m);background:var(--field);white-space:nowrap;height:50px;transition:background var(--fast), color var(--fast), box-shadow var(--fast);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.toggle-pill:hover{box-shadow:var(--shadow-print-s)}.toggle-pill.is-on{background:var(--ink);color:var(--yellow)}.toggle-pill.is-on svg{fill:var(--yellow)}.toolbar__sort{flex:0 0 210px}.tag-filter{flex-wrap:wrap;gap:6px;display:flex}.tag{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--field);font-family:var(--font-mono);transition:background var(--fast), color var(--fast);align-items:center;gap:4px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}button.tag:hover{background:var(--yellow-wash)}.tag.is-on{background:var(--ink);color:var(--yellow)}.tag--static{border-width:1.5px;border-color:var(--text-faint);color:var(--text-muted);background:0 0;padding:0 7px;font-size:.66rem}.library__result{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.editor{flex-direction:column;gap:20px;display:flex}.editor__bar{z-index:20;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 var(--radius-m) var(--radius-m);align-items:center;gap:16px;margin:-12px -12px 0;padding:12px;display:flex;position:sticky;top:68px}.back-link{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--field);flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{background:var(--yellow)}.editor__heading{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.editor__title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.4rem,2.6vw,2rem);overflow:hidden}.save-status{border-radius:var(--radius-full);background:var(--green-wash);color:var(--green);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.save-status.is-dirty{background:var(--yellow-wash);color:var(--ink)}.editor__actions{flex:none;gap:8px;display:flex}.editor__actions .btn--primary{margin-top:0}.editor__grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:24px;display:grid}.editor__col{flex-direction:column;gap:24px;display:flex}.editor__fields{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.editor__wide{grid-column:1/-1}.key-grid--wide{grid-template-columns:repeat(12,1fr)}.seg{border:var(--border);border-radius:var(--radius-m);background:var(--field);height:50px;display:flex;overflow:hidden}.seg__item{flex:1;position:relative}.seg__item+.seg__item{border-left:2px solid var(--ink)}.seg__input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg__face{height:100%;font-family:var(--font-mono);cursor:pointer;transition:background var(--fast), color var(--fast);place-items:center;font-size:.86rem;font-weight:700;display:grid}.seg__input:checked+.seg__face{background:var(--ink);color:var(--yellow)}.seg__input:focus-visible+.seg__face{outline:3px solid var(--yellow);outline-offset:-5px}.tag-input{border:var(--border);border-radius:var(--radius-m);background:var(--field);min-height:50px;transition:box-shadow var(--fast);flex-wrap:wrap;align-items:center;gap:6px;padding:7px 12px 7px 44px;display:flex;position:relative}.tag-input:focus-within{box-shadow:4px 4px 0 var(--yellow), 4px 4px 0 2.5px var(--ink)}.tag-input__icon{top:14px}.tag-input__field{background:0 0;border:0;flex:1;min-width:140px;padding:4px 0;font-size:1rem}.tag-input__field:focus{outline:none}.tag--removable button{border-radius:50%;place-items:center;width:18px;height:18px;margin-right:-5px;display:grid}.tag--removable button:hover{background:var(--ink);color:var(--yellow)}.chart-help{font-size:.86rem;position:relative}.chart-help summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;font-weight:700;list-style:none;display:inline-flex}.chart-help summary::-webkit-details-marker{display:none}.chart-help[open] summary{color:var(--ink)}.chart-help__body{z-index:10;background:var(--paper-light);border:var(--border);border-radius:var(--radius-m);width:270px;box-shadow:var(--shadow-print-s);animation:drop-in .16s var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.chord-bar{flex-direction:column;gap:8px;display:flex}.chord-bar__group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chord-bar__label{width:86px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.chord-btn{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--yellow);min-width:44px;height:34px;font-family:var(--font-display);transition:transform var(--fast), box-shadow var(--fast);padding:0 10px;font-size:.85rem}.chord-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}.chord-btn:active{box-shadow:none;transform:translate(1px,1px)}.chord-btn--used{background:var(--field)}.chord-btn--slash{background:var(--yellow-wash)}.chord-btn--bass{background:var(--ink);min-width:40px;color:var(--yellow);font-family:var(--font-mono);font-weight:700}.chord-bar__hint{color:var(--red);font-size:.82rem;font-weight:600}.chord-btn--section{background:var(--field);font-family:var(--font-body);font-size:.8rem;font-weight:700}.chart-input{resize:vertical;border:var(--border);border-radius:var(--radius-m);background:var(--field);width:100%;min-height:420px;font-family:var(--font-mono);tab-size:2;transition:box-shadow var(--fast);padding:16px;font-size:.95rem;line-height:1.7}.chart-input::placeholder{color:var(--text-faint)}.chart-input:focus{box-shadow:4px 4px 0 var(--yellow), 4px 4px 0 2.5px var(--ink);outline:none}.editor__preview{max-height:calc(100vh - 170px);position:sticky;top:150px;overflow-y:auto}.editor__preview-empty{color:var(--text-muted);padding:24px 4px}.chart{flex-direction:column;font-size:1.02rem;display:flex}.chart__section{border-radius:var(--radius-full);background:var(--ink);color:var(--yellow);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;margin:14px 0 6px;padding:2px 10px;font-size:.72rem;font-weight:700}.chart__section:first-child{margin-top:0}.chart__blank{height:.9em}.chart__line{flex-wrap:wrap;align-items:flex-end;margin-bottom:4px;display:flex}.chart__seg{white-space:pre;flex-direction:column;display:inline-flex}.chart__chord{font-family:var(--font-display);color:#9a7a10;padding-right:6px;font-size:.86rem;line-height:1.3}.chart__line--chords .chart__chord{padding-right:18px}.chart__line--chords .chart__text{display:none}.chart__text,.chart__lyric-only{line-height:1.45}.chart__lyric-only{white-space:pre-wrap;margin-bottom:4px}.editor-loading{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:96px 0;font-size:.85rem;display:flex}.dialog__text{color:var(--text-muted)}.dialog__text strong{color:var(--ink)}.dialog__actions{justify-content:flex-end;gap:10px;display:flex}.btn--danger{background:var(--red);border-color:var(--ink);color:var(--paper-light);box-shadow:var(--shadow-print-s)}.btn--danger:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}@media (width<=1000px){.editor__grid{grid-template-columns:1fr}.editor__preview{max-height:none;position:static}.key-grid--wide{grid-template-columns:repeat(6,1fr)}}@media (width<=720px){.songs-page{gap:18px;padding:20px 16px 32px}.page-head .btn{width:100%}.editor__bar{flex-wrap:wrap;gap:10px;top:60px}.editor__heading{flex-basis:100%;order:3}.editor__actions{margin-left:auto}.hide-sm{display:none}.editor__fields{grid-template-columns:1fr}.toolbar__search{flex:100%}.toggle-pill,.toolbar__sort{flex:1 1 0;min-width:0}.song-row__tags{display:none}.chord-bar__label{width:100%}.chart-input{min-height:320px}}@media (width<=480px){.songs-page{gap:16px;padding:16px 12px 28px}.editor__bar{margin:-8px -8px 0;padding:8px}.song-row__key{width:38px;height:38px;font-size:.85rem}}@media (width<=720px){.editor__heading{flex-direction:column;align-items:flex-start;gap:4px}.editor__title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.5rem;display:-webkit-box;overflow:hidden}}@media (width<=380px){.toolbar__sort .select__icon{display:none}}@media (width<=720px){.song-row--library{grid-template-columns:auto minmax(0,1fr) auto auto}.song-row--library .song-row__time{display:none}.song-row--library .folder-move{grid-area:2/2;justify-self:start}.song-row--library .fav-btn{grid-area:1/3/span 2}.song-row--library .song-row__key{grid-row:1/span 2}.ticket-row{align-items:stretch}.ticket-row>.folder-move{align-self:center}}@media (width<=480px){.folder-tools{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.folder-tools__filter{width:100%}.folder-tools>.btn{justify-content:center;width:100%}.ticket-row{flex-direction:column;align-items:stretch}.ticket-row>.folder-move{align-self:flex-end;width:min(170px,100%)}}a.btn{text-decoration:none}@media (width<=720px){.editor__bar{flex-wrap:wrap;gap:10px 8px}.editor__actions{gap:6px;margin-left:auto}.editor__actions .btn{gap:6px;min-height:42px;padding:0 12px;font-size:.92rem}.editor__actions .btn--ghost{padding:0 8px}}@media (width<=380px){.back-link{padding:8px 10px}.back-link__label{display:none}}@media (width<=480px){.back-link{padding:8px 10px}.back-link__label{display:none}}@media (width<=720px){.editor__bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper)}}.ticket--link{color:inherit;transition:transform var(--fast), box-shadow var(--fast);text-decoration:none}.ticket--link:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.ticket--link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ticket__soon{border-radius:var(--radius-full);background:var(--ink);color:var(--yellow);font-family:var(--font-mono);white-space:nowrap;padding:4px 10px;font-size:.7rem;font-weight:700}.setlist-group{flex-direction:column;gap:10px;display:flex}.setlist-group+.setlist-group{margin-top:8px}.setlist-group__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:flex}.setlist-group__title span{border-radius:var(--radius-full);background:var(--cream);min-width:22px;height:22px;color:var(--ink);place-items:center;display:grid}.set-hero{background:var(--ink);color:var(--cream);border:4px solid var(--cream);border-radius:var(--radius-l);box-shadow:0 0 0 3px var(--ink), 8px 8px 0 3px var(--yellow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:6px;padding:18px 22px 18px 18px;display:grid}.set-hero__date{border-radius:var(--radius-m);background:var(--yellow);width:76px;height:84px;color:var(--on-accent);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;transform:rotate(-4deg)}.set-hero__month{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.set-hero__day{font-family:var(--font-display);font-size:2.2rem}.set-hero__tbd{font-family:var(--font-display);font-size:1.2rem}.set-hero__info{flex-direction:column;gap:6px;min-width:0;display:flex}.set-hero__line,.set-hero__keys{flex-wrap:wrap;align-items:center;gap:6px;font-size:.95rem;display:flex}.set-hero__line svg,.set-hero__keys svg{color:var(--yellow);flex:none}.set-hero__keys{font-family:var(--font-mono);font-size:.82rem}.set-hero__keys b{color:var(--yellow)}.set-hero__arrow{color:var(--contrast-muted-low);margin-right:6px}.set-hero__count{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--contrast-muted-soft);font-size:.72rem;font-weight:700}.set-hero__count b{font-family:var(--font-display);letter-spacing:0;color:var(--paper-light);font-size:2rem;font-weight:400;display:block}.btn--small{white-space:nowrap;min-height:40px;font-size:.92rem}.set-list{flex-direction:column;gap:10px;list-style:none;display:flex}.set-list.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.set-item{border:var(--border);border-radius:var(--radius-m);background:var(--field);transition:box-shadow var(--fast), transform var(--fast);grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px 10px 6px;display:grid}.set-item.is-dragged{z-index:2;background:var(--paper-light);box-shadow:6px 6px 0 var(--ink);position:relative;transform:scale(1.015)rotate(-.4deg)}.set-item__grip{border-radius:var(--radius-s);width:30px;height:44px;color:var(--text-faint);cursor:grab;touch-action:none;place-items:center;display:grid}.set-item__grip:hover{color:var(--ink);background:var(--cream)}.set-item__num{background:var(--ink);width:34px;height:34px;color:var(--yellow);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.95rem;display:grid}.set-item__main{flex-direction:column;min-width:0;display:flex}.set-item__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-decoration:none;overflow:hidden}.set-item__title:hover{text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-decoration-thickness:3px}.set-item__meta{color:var(--text-muted);font-size:.84rem}.set-item__notes input{border-radius:var(--radius-s);width:100%;color:var(--ink);background:0 0;border:2px dashed #0000;margin-top:6px;padding:5px 8px;font-size:.86rem;font-style:italic}.set-item__notes input::placeholder{color:var(--text-faint)}.set-item__notes input:hover{border-color:#231f2040}.set-item__notes input:focus{border-color:var(--ink);background:var(--paper-light);border-style:solid;outline:none;font-style:normal}.set-item__key{flex-direction:column;align-items:center;gap:4px;display:flex}.set-item__key .select__trigger{width:84px;height:42px;font-family:var(--font-display)}.set-item__key .select__list{max-height:240px}.set-item__shift{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:.64rem}.set-item__shift-short{display:none}.set-item__shift.is-shifted{color:var(--ink);font-weight:700}.set-item__actions{gap:4px;display:flex}.order-btn{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--paper-light);place-items:center;width:34px;height:34px;display:grid}.order-btn:hover:not(:disabled){background:var(--yellow)}.order-btn:disabled{opacity:.3;cursor:not-allowed}.order-btn--remove:hover:not(:disabled){background:var(--red);border-color:var(--red);color:var(--paper-light)}.picker{flex-direction:column;gap:14px;display:flex}.picker__list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:min(46vh,380px);padding:2px;list-style:none;display:flex;overflow-y:auto}.picker__item{border-radius:var(--radius-m);background:var(--field);text-align:left;width:100%;transition:border-color var(--fast), background var(--fast);border:2px solid #231f2033;align-items:center;gap:12px;padding:9px 12px;display:flex}.picker__item:hover{border-color:var(--ink)}.picker__item.is-picked{border-color:var(--ink);background:var(--yellow-wash)}.picker__check{border:2px solid var(--ink);width:28px;height:28px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.is-picked .picker__check{background:var(--ink);color:var(--yellow)}.picker__text{flex-direction:column;min-width:0;display:flex}.picker__title{font-weight:700}.picker__meta{color:var(--text-muted);font-size:.82rem}.picker__in-set{color:var(--red);font-style:normal;font-weight:600}.picker__loading,.picker__none{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:28px 0;display:flex}@media (width<=720px){.set-hero{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px}.set-hero__date{width:60px;height:68px}.set-hero__day{font-size:1.7rem}.set-hero__count{display:none}.ticket__soon{grid-column:2;justify-self:start;margin-top:-6px}.panel__header .btn--small{padding:0 14px}.set-list{counter-reset:set-order}.set-item{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"grip main main""grip key actions";gap:10px 8px;padding:10px 10px 10px 4px}.set-item__grip{grid-area:grip}.set-item__main{grid-area:main}.set-item__num{display:none}.set-item__title:before{counter-increment:set-order;content:counter(set-order) ". ";color:var(--text-muted)}.set-item__key{flex-direction:row;grid-area:key;gap:8px}.set-item__actions{grid-area:actions}.set-item__key .select__trigger{width:80px}.set-item__shift-long{display:none}.set-item__shift-short{display:inline}}@media (width<=480px){.set-hero{border-radius:var(--radius-m);box-shadow:0 0 0 3px var(--ink), 5px 5px 0 3px var(--yellow);border-width:3px;gap:12px;padding:12px}.set-hero__date{width:52px;height:58px}.set-hero__day{font-size:1.45rem}.set-hero__month{font-size:.64rem}.set-hero__line{font-size:.86rem}.set-list{gap:8px}.set-item{column-gap:6px;padding:8px 8px 8px 2px}.set-item__grip{width:26px}.set-item__notes input{width:calc(100% + 8px);margin-left:-8px}.set-item__key .select__trigger{width:72px;height:38px}.order-btn{width:32px;height:32px}.panel__header .panel__title{white-space:nowrap}.set-item__key .select__trigger{gap:4px;width:auto;min-width:64px;padding:0 8px 0 12px}.set-item__key .select__value{overflow:visible}}.live-next{background:var(--ink);color:var(--cream);border:4px solid var(--cream);border-radius:var(--radius-l);box-shadow:0 0 0 3px var(--ink), 8px 8px 0 3px var(--yellow);transition:transform var(--fast), box-shadow var(--fast);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge play""title play""meta play";gap:4px 18px;padding:20px 22px;text-decoration:none;display:grid;position:relative}.live-next__badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);grid-area:badge;align-items:center;gap:6px;font-size:.74rem;font-weight:700;display:inline-flex}.live-next__title{font-family:var(--font-display);color:var(--paper-light);grid-area:title;font-size:clamp(1.4rem,3vw,2rem);line-height:1.1}.live-next__meta{color:var(--contrast-muted);grid-area:meta}.live-next__play{background:var(--yellow);width:64px;height:64px;color:var(--on-accent);border-radius:50%;grid-area:play;align-self:center;place-items:center;display:grid}.live-picker{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.live-picker__empty{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.live-list{flex-direction:column;gap:8px;list-style:none;display:flex}.live-list--scroll{max-height:460px;padding:2px;overflow-y:auto}.live-list__item{border:var(--border);border-radius:var(--radius-m);background:var(--field);color:inherit;transition:transform var(--fast), box-shadow var(--fast);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}a.live-list__item:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.live-list__item.is-disabled{opacity:.5;cursor:not-allowed}.live-list__main{flex-direction:column;flex:1;min-width:0;display:flex}.live-list__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.live-list__meta{color:var(--text-muted);font-size:.84rem}.live-list__go{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.live-tips{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.88rem;display:flex}.live-tips p{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.live-tips b{border:1.5px solid var(--text-faint);font-family:var(--font-mono);color:var(--ink);border-radius:5px;padding:0 6px;font-size:.78rem}.show-stage{--stage-bg:#171415;--stage-text:#f4ece4;--stage-dim:#f4ece499;--stage-line:#f4ece429;--stage-surface:#0f0d0e;--stage-panel:#221e1f;--stage-hover:#f4ece41a;--stage-scrollbar:#f4ece440;--stage-selected-text:#231f20b3;--stage-bottom-overlay:#0f0d0ed9;z-index:100;overscroll-behavior:none;background:var(--stage-bg);height:100dvh;color:var(--stage-text);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;top:0;left:0;right:0}.show-stage--message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.show-stage--message p{align-items:center;gap:10px;font-size:1.1rem;display:flex}.stage__top,.stage__bottom{z-index:2;padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));background:var(--stage-surface);align-items:center;gap:16px;display:flex;position:relative}.stage__top{border-bottom:2px solid var(--stage-line);padding-top:max(12px, env(safe-area-inset-top))}.stage__bottom{border-top:2px solid var(--stage-line);padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:space-between}.show-stage.is-immersive .stage__top,.show-stage.is-immersive .stage__bottom{display:none}.stage__exit,.stage-icon-btn{border:2px solid var(--stage-line);width:44px;height:44px;color:var(--stage-text);border-radius:50%;flex:none;place-items:center;display:grid}.stage__exit:hover,.stage-icon-btn:hover{border-color:var(--yellow);color:var(--yellow)}.stage__heading{flex:1;min-width:0}.stage__show{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--stage-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.stage__show b{color:var(--yellow)}.stage__title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:400;line-height:1.1;overflow:hidden}.stage__meta{color:var(--stage-dim);font-size:.84rem}.stage__fs{order:3}.stage__tools{order:2;align-items:center;gap:10px;display:flex}.stage-ctl,.stage-scroll{border:2px solid var(--stage-line);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:flex}.stage-ctl button,.stage-scroll button{width:40px;height:40px;color:var(--stage-text);border-radius:50%;place-items:center;display:grid}.stage-ctl button:hover:not(:disabled),.stage-scroll button:hover:not(:disabled){background:var(--stage-hover)}.stage-ctl button:disabled,.stage-scroll button:disabled{opacity:.3}.stage-ctl__value{min-width:56px;font-family:var(--font-mono);justify-content:center;align-items:baseline;gap:4px;display:flex}.stage-ctl__label{letter-spacing:.1em;text-transform:uppercase;color:var(--stage-dim);font-size:.62rem}.stage-ctl__value b{font-family:var(--font-display);color:var(--yellow);font-size:1.3rem;font-weight:400}.stage-ctl__value small{color:var(--stage-dim);font-size:.7rem}.stage__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--stage-scrollbar) transparent;position:relative;overflow-y:auto}.stage__sheet{max-width:980px;padding:28px max(20px, env(safe-area-inset-left)) 40vh;margin:0 auto}.stage__note{border-left:4px solid var(--yellow);border-radius:0 var(--radius-s) var(--radius-s) 0;font-size:calc(1rem * var(--stage-scale,1));background:#deba381f;align-items:flex-start;gap:8px;margin-bottom:20px;padding:10px 14px;font-style:italic;display:flex}.stage__note svg{color:var(--yellow);flex:none;margin-top:.2em}.stage__empty{color:var(--stage-dim);font-size:1.2rem}.chart--stage{font-size:calc(1.35rem * var(--stage-scale,1))}.chart--stage .chart__chord{color:var(--yellow);font-size:.82em}.chart--stage .chart__text,.chart--stage .chart__lyric-only{line-height:1.5}.chart--stage .chart__line{margin-bottom:.35em}.chart--stage .chart__section{background:var(--yellow);color:var(--on-accent);margin:1.4em 0 .5em;padding:3px 12px;font-size:max(.72rem,.62em)}.chart--stage .chart__section:first-child{margin-top:0}.stage__end{border-top:2px dashed var(--stage-line);margin-top:48px;padding-top:24px}.stage__end-next{border:2px solid var(--yellow);border-radius:var(--radius-m);width:100%;color:var(--stage-text);text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon""title icon""key icon";align-items:center;padding:16px 20px;display:grid}.stage__end-next:hover{background:#deba381a}.stage__end-next span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);grid-area:label;font-size:.72rem}.stage__end-next b{font-family:var(--font-display);grid-area:title;font-size:1.4rem;font-weight:400}.stage__end-next small{color:var(--stage-dim);grid-area:key}.stage__end-next svg{color:var(--yellow);grid-area:icon}.stage__end-done{text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stage-dim)}.stage-nav{border:2px solid var(--stage-line);border-radius:var(--radius-m);min-width:0;max-width:300px;color:var(--stage-text);text-align:left;transition:border-color var(--fast), background var(--fast);flex:1 1 0;align-items:center;gap:8px;padding:8px 12px;display:flex}.stage-nav--next{text-align:right;justify-content:flex-end}.stage-nav:hover:not(:disabled){border-color:var(--yellow)}.stage-nav:disabled{opacity:.35}.stage-nav.is-ready{border-color:var(--yellow);background:#deba3824}.stage-nav__text{flex-direction:column;min-width:0;display:flex}.stage-nav__text small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stage-dim);font-size:.66rem}.stage-nav__text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-scroll__play{background:var(--yellow);width:52px!important;height:52px!important;color:var(--on-accent)!important}.stage-scroll__play:hover{background:var(--yellow-hot)!important}.stage-scroll__play.is-on{background:var(--stage-text)}.stage-scroll__speed{min-width:40px;font-family:var(--font-mono);justify-content:center;align-items:center;gap:4px;font-weight:700;display:inline-flex}.show-stage :focus-visible{outline:3px solid var(--yellow);outline-offset:2px}@media (width<=1000px){.live-picker{grid-template-columns:1fr}}@media (width<=720px){.stage__top{flex-wrap:wrap;gap:10px}.stage__fs{order:0}.stage__tools{flex-wrap:wrap;order:3;justify-content:space-between;gap:8px;width:100%}.stage-ctl button,.stage-scroll button{width:36px;height:36px}.stage-ctl__value{min-width:44px}.stage__sheet{padding-top:18px}.chart--stage{font-size:calc(1.1rem * var(--stage-scale,1))}.stage__bottom{gap:8px}.stage-nav{flex:none;padding:8px}.stage-nav__text,.live-tips p:first-child{display:none}.stage__heading{flex:140px}.stage__show{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.stage__title{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:clamp(1.15rem,5.5vw,1.55rem);line-height:1.05;overflow:visible}.stage__meta{white-space:normal;overflow-wrap:anywhere}}@media (width<=380px){.stage-ctl button,.stage-scroll button{width:36px;height:36px}.stage-ctl__value{min-width:46px}}@media (width<=480px){.stage__top{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"exit heading heading""share share fs""tools tools tools";align-items:center;gap:8px 10px;display:grid}.stage__exit{grid-area:exit}.stage__heading{grid-area:heading;width:100%}.stage__share{grid-area:share;justify-self:start}.stage__fs{grid-area:fs;justify-self:end}.stage__tools{box-sizing:border-box;grid-area:tools;width:100%;min-width:0}}.stage-key{border:2px solid var(--stage-line);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 3px 3px 12px;display:flex}.stage-key__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stage-dim);font-size:.62rem}.stage-key__change{font-family:var(--font-mono);color:var(--stage-dim);font-size:.74rem}.stage-key button:not(.select__trigger){width:36px;height:36px;color:var(--stage-text);border-radius:50%;place-items:center;display:grid}.stage-key button:not(.select__trigger):hover{background:var(--stage-hover)}.show-stage .stage-key__select .select__trigger{border:2px solid var(--yellow);border-radius:var(--radius-full);width:78px;height:40px;color:var(--yellow);font-family:var(--font-display);box-shadow:none;background:0 0;gap:4px;padding:0 8px 0 14px;font-size:1.15rem;transform:none}.show-stage .stage-key__select .select__value{font-weight:400;overflow:visible}.show-stage .stage-key__select .select__chevron{color:var(--yellow)}.show-stage .stage-key__select.field{gap:0}.show-stage .select__list{z-index:40;background:var(--stage-panel);border:2px solid var(--yellow);min-width:220px;max-height:min(60vh,420px);color:var(--stage-text);box-shadow:0 12px 32px #00000080}.show-stage .select__option{padding:8px 12px}.show-stage .select__option-name{font-family:var(--font-display);font-size:1.05rem;font-weight:400}.show-stage .select__option-note{color:var(--stage-dim)}.show-stage .select__option.is-active{background:#deba3829}.show-stage .select__option.is-selected{background:var(--yellow);color:var(--on-accent)}.show-stage .select__option.is-selected .select__option-note{color:var(--stage-selected-text)}.stage__sections{padding:8px max(16px, env(safe-area-inset-left));scrollbar-width:none;background:var(--stage-surface);border-bottom:2px solid var(--stage-line);gap:6px;display:flex;overflow-x:auto}.stage__sections::-webkit-scrollbar{display:none}.stage-section{border:2px solid var(--stage-line);border-radius:var(--radius-full);min-height:36px;color:var(--stage-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--fast), border-color var(--fast), color var(--fast);flex:none;align-items:center;gap:6px;padding:0 14px 0 6px;font-size:.78rem;font-weight:700;display:inline-flex}.stage-section kbd{background:var(--stage-hover);min-width:22px;height:22px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.68rem;display:grid}.stage-section:hover{border-color:var(--yellow)}.stage-section.is-active{background:var(--yellow);border-color:var(--yellow);color:var(--on-accent)}.stage-section.is-active kbd{background:var(--stage-line)}@media (width<=720px){.stage__sections{padding:6px 12px}.stage-section kbd{display:none}.stage-section{padding:0 12px}}html.is-on-stage,html.is-on-stage body{overscroll-behavior:none;overflow:hidden}@media (height<=560px){.stage__top,.stage__bottom{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));flex-wrap:nowrap;gap:10px}.stage__meta,.stage__show{display:none}.stage__title{font-size:1.1rem}.stage__tools{flex-wrap:nowrap;order:2;width:auto;margin-left:auto}.stage__fs{order:3}.stage__sections{padding-top:4px;padding-bottom:4px}.stage-nav__text{display:none}.stage-nav{flex:none;padding:6px}.stage-ctl button,.stage-scroll button{width:34px;height:34px}.stage-scroll__play{width:40px!important;height:40px!important}.stage__sheet{padding-top:12px}}@media (width>=1200px) and (height>=800px){.chart--stage{font-size:calc(1.5rem * var(--stage-scale,1))}}@media (width<=720px){.stage__bottom{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.stage-scroll__play{width:46px!important;height:46px!important}}@media (height<=560px){.stage__bottom{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.stage-scroll__play{width:38px!important;height:38px!important}.stage-section{min-height:30px;font-size:.7rem}.stage-section kbd{display:none}.stage__note{margin-bottom:10px;padding:6px 12px}}@media (width<=720px),(height<=560px){.show-stage{height:var(--stage-vh,100dvh);grid-template-rows:auto auto auto minmax(0,1fr)}.stage__top{grid-row:1}.stage__bottom{grid-row:2}.stage__sections{grid-row:3}.stage__scroll{grid-row:4}.stage__bottom{border-top:0;border-bottom:2px solid var(--stage-line);padding-top:6px;padding-bottom:6px}.stage__top{border-bottom:0;padding-bottom:6px}}@media (width<=720px),(height<=560px){.stage__top{grid-row:1}.stage__bottom{grid-row:2}.stage__sections{grid-row:3}.stage__scroll{grid-row:4}}.stage__top{z-index:6}.stage__reveal{z-index:8;top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));border:1.5px solid var(--stage-line);border-radius:var(--radius-full);background:var(--stage-bottom-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--stage-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;animation:fade-in .24s var(--ease) backwards;transition:color var(--fast), border-color var(--fast);align-items:center;gap:6px;padding:7px 12px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute}.stage__reveal:hover,.stage__reveal:focus-visible{color:var(--yellow);border-color:var(--yellow)}.show-stage{grid-template-rows:auto minmax(0,1fr) auto auto}.stage__top{grid-row:1}.stage__scroll{grid-row:2}.stage__sections{grid-row:3}.stage__bottom{grid-row:4}.stage__sections{border-bottom:0;border-top:2px solid var(--stage-line)}.show-stage.is-immersive .stage__sections{padding-bottom:max(8px, env(safe-area-inset-bottom))}@media (width<=720px),(height<=560px){.show-stage{grid-template-rows:auto auto minmax(0,1fr) auto}.stage__top{grid-row:1}.stage__bottom{grid-row:2}.stage__scroll{grid-row:3}.stage__sections{padding-bottom:max(8px, env(safe-area-inset-bottom));grid-row:4}}.stage-ctl__px{min-width:52px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--stage-text);font-size:.8rem;font-weight:700}@media (width<=380px){.stage__tools{gap:6px}.stage-key{gap:4px;padding-inline:7px}.show-stage .stage-key__select .select__trigger{width:66px;padding-inline:8px}.stage-ctl{gap:0;padding:2px}.stage-ctl button{width:32px;height:34px}.stage-ctl__value{min-width:38px}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes pop-in-up{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes pop-out-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes dialog-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.97)}}.dash>*,.songs-page>*,.editor>*,.editor__grid>*,.editor__col>*{animation:rise-in .52s var(--ease) backwards}.dash>:nth-child(2),.songs-page>:nth-child(2),.editor>:nth-child(2),.editor__grid>:nth-child(2),.editor__col>:nth-child(2){animation-delay:70ms}.dash>:nth-child(3),.songs-page>:nth-child(3),.editor>:nth-child(3),.editor__col>:nth-child(3){animation-delay:.14s}.dash>:nth-child(4),.songs-page>:nth-child(4),.editor>:nth-child(4){animation-delay:.2s}.dash>:nth-child(n+5),.songs-page>:nth-child(n+5),.editor>:nth-child(n+5){animation-delay:.25s}.songs-page>.editor__bar,.editor>.editor__bar{animation-name:fade-in}.song-list>li,.ticket-list>li,.set-list>li,.picker__list>li,.live-list>li,.tag-filter>*,.quick__grid>*,.stage-sections>*{animation:rise-in .42s var(--ease) backwards}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(5){animation-delay:.16s}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(6){animation-delay:.2s}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(n+7){animation-delay:.23s}.ticket,.song-row{animation-fill-mode:backwards}.select__list,.datepicker__panel,.user-menu__panel{transform-origin:top;animation:pop-in .18s var(--ease) backwards}.select--align-right .select__list,.user-menu__panel{transform-origin:100% 0}.select__list--above{animation-name:pop-in-up}.select__list[data-state=closing],.datepicker__panel[data-state=closing],.user-menu__panel[data-state=closing]{animation:pop-out .16s var(--ease) forwards;pointer-events:none}.select__list--above[data-state=closing]{animation:pop-out-up .16s var(--ease) forwards}.select__option{transition:background .12s var(--ease), color .12s var(--ease)}.datepicker__day{transition:background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease)}.user-menu__chevron{transition:transform .2s var(--ease)}.dialog[data-state=closing] .dialog__panel{animation:dialog-out .2s var(--ease) forwards}.dialog[data-state=closing]::backdrop{animation:fade-in .2s var(--ease) reverse forwards}.show-stage{animation:fade-in .32s var(--ease) backwards}.stage__sheet{animation:rise-in .38s var(--ease) backwards}.fav-btn svg{transition:transform .2s var(--ease), fill .2s var(--ease), color .2s var(--ease)}.fav-btn.is-on svg{transform:scale(1.12)}.chart__chord{transition:color .2s var(--ease)}.export-menu{position:relative}.export-menu__chevron{transition:transform var(--fast)}.export-menu [aria-expanded=true] .export-menu__chevron{transform:rotate(180deg)}.menu-panel{z-index:40;background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-m);width:270px;box-shadow:var(--shadow-print);transform-origin:100% 0;animation:pop-in .18s var(--ease) backwards;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-panel[data-state=closing]{animation:pop-out .16s var(--ease) forwards;pointer-events:none}.menu-panel__item{border-radius:var(--radius-s);text-align:left;width:100%;transition:background .12s var(--ease);align-items:center;gap:12px;padding:9px 10px;display:flex}.menu-panel__item:hover:not(:disabled),.menu-panel__item:focus-visible{background:var(--yellow-wash);outline:none}.menu-panel__item:disabled{cursor:progress;opacity:.6}.menu-panel__icon{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.menu-panel__text{flex-direction:column;line-height:1.25;display:flex}.menu-panel__text small{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.menu-panel__error{color:var(--red);padding:6px 10px 4px;font-size:.82rem;font-weight:600}@media (width<=480px){.menu-panel{width:min(270px,100vw - 24px)}}.print-root{display:none}@media print{@page{margin:16mm 14mm}body>:not(.print-root){display:none!important}html,body{background:#fff!important}.print-root{color:#000;font-family:var(--font-body);display:block}.print-root *{transition:none!important;animation:none!important}.print-cover,.print-song{break-after:page}.print-song:last-child{break-after:auto}.print-cover h1,.print-song__head h1{font-family:var(--font-display);margin:0 0 4pt;font-size:22pt;font-weight:400;line-height:1.1}.print-cover>p,.print-song__head p{color:#333;margin:0 0 2pt;font-size:10pt}.print-song__num{color:#777}.print-song__head{border-bottom:1.5pt solid #000;margin-bottom:12pt;padding-bottom:8pt}.print-song__note{font-style:italic}.print-order{border-collapse:collapse;width:100%;margin-top:16pt;font-size:11pt}.print-order th,.print-order td{text-align:left;vertical-align:top;border-bottom:.75pt solid #999;padding:6pt 8pt}.print-order th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:8pt}.print-order small{color:#555}.chart--print{font-size:11.5pt}.chart--print .chart__section{color:#000;background:0 0;border:1pt solid #000;font-size:8pt}.chart--print .chart__chord{color:#000;font-weight:700}.chart--print .chart__line,.chart--print .chart__section{break-inside:avoid}.chart--print .chart__section{break-after:avoid}}@media (width<=720px){.export-menu__chevron{display:none}.menu-panel{z-index:60;transform-origin:top;width:auto;padding:8px;position:fixed;left:12px;right:12px}.menu-panel__item{padding:12px 10px}}.page-head__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=720px){.page-head__actions{width:100%}.page-head__actions>.btn--secondary,.page-head__actions>.export-menu{flex:1 1 0}.page-head__actions>.export-menu>.btn{width:100%}.page-head__actions>.btn--primary{flex:100%}}.import{flex-direction:column;gap:14px;display:flex}.dropzone{border:2px dashed var(--ink);border-radius:var(--radius-m);background:var(--field);text-align:center;cursor:pointer;transition:background .16s var(--ease), transform .16s var(--ease);flex-direction:column;align-items:center;gap:6px;padding:32px 16px;display:flex}.dropzone:hover,.dropzone.is-over{background:var(--yellow-wash)}.dropzone.is-over{transform:scale(1.01)}.dropzone:focus-within{outline:3px solid var(--ink);outline-offset:2px}.dropzone__icon{border:var(--border);background:var(--yellow);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.dropzone small{color:var(--text-muted)}.import__files{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:.76rem;display:flex}.import__problem{color:var(--red);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.import__group{flex-direction:column;gap:8px;display:flex}.import__heading-row{justify-content:space-between;align-items:center;display:flex}.import__heading{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:.74rem;font-weight:700;display:inline-flex}.import__list{flex-direction:column;gap:6px;list-style:none;display:flex}.import__list--songs{overscroll-behavior:contain;max-height:300px;padding-right:2px;overflow-y:auto}.import__row{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--field);cursor:pointer;transition:background .12s var(--ease);align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.import__row input{opacity:0;pointer-events:none;position:absolute}.import__check{border:2px solid var(--ink);color:#0000;width:20px;height:20px;transition:background .12s var(--ease), color .12s var(--ease);border-radius:5px;flex:none;place-items:center;display:grid}.import__row:has(input:checked){background:var(--yellow-wash)}.import__row input:checked+.import__check{background:var(--ink);color:var(--yellow)}.import__row input:focus-visible+.import__check{outline:3px solid var(--ink);outline-offset:2px}.import__row:has(input:disabled){cursor:default}.import__key{border-radius:var(--radius-full);background:var(--ink);min-width:34px;height:26px;color:var(--yellow);font-family:var(--font-display);flex:none;place-items:center;padding:0 6px;font-size:.78rem;display:grid}.import__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.import__text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import__text small{color:var(--text-muted);font-size:.78rem}.import__badge{border:1.5px solid var(--ink);border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;flex:none;padding:2px 8px;font-size:.66rem;font-weight:700}.import__option{align-items:center}.import__hint{color:var(--text-faint)}.import-done{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.import-done__stamp{border:var(--border-thick);background:var(--yellow);width:64px;height:64px;box-shadow:var(--shadow-print-s);border-radius:50%;place-items:center;display:grid}.import-done__lead{font-family:var(--font-display);font-size:1.3rem}.import-done__list{color:var(--text-muted);list-style:none}.import-done .btn{margin-top:6px}.stage__share{order:2;align-items:center;gap:8px;display:flex}.stage-share-btn{border:2px solid var(--stage-line);border-radius:var(--radius-full);height:44px;color:var(--stage-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:border-color var(--fast), color var(--fast), background var(--fast);flex:none;align-items:center;gap:7px;padding:0 14px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.stage-share-btn:hover{border-color:var(--yellow);color:var(--yellow)}.stage-share-btn.is-live{background:#e5482f24;border-color:#e5482f}.stage-share-btn__badge{border-radius:var(--radius-full);background:var(--yellow);min-width:20px;height:20px;color:var(--ink);animation:pop-in .22s var(--ease) backwards;place-items:center;padding:0 5px;font-size:.7rem;display:grid;position:absolute;top:-6px;right:-6px}.stage__live-dot{border-radius:var(--radius-full);color:#ff8a73;background:#e5482f2e;align-items:center;gap:5px;margin-right:6px;padding:1px 8px;display:inline-flex}.stage__live-dot>span{background:#e5482f;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite on-air}.stage-follow{z-index:3;justify-content:center;height:0;display:flex;position:sticky;top:10px;overflow:visible}.stage-follow>span,.stage-follow>button{border:1.5px solid var(--stage-line);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:30px;color:var(--stage-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;animation:fade-in .24s var(--ease) backwards;background:#0f0d0ed1;align-items:center;gap:6px;padding:0 12px;font-size:.7rem;font-weight:700;display:inline-flex}.stage-follow.is-away>button{border-color:var(--yellow);background:var(--yellow);color:var(--ink);cursor:pointer;box-shadow:0 4px 16px #0006}.stage-scroll--follower{min-height:46px;color:var(--stage-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;gap:8px;padding:0 16px;font-size:.74rem;font-weight:700}.show-stage.is-locked .stage__scroll{touch-action:none;overflow-y:hidden}.show-stage button:disabled{cursor:not-allowed}.stage__sync-error{z-index:8;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));border-radius:var(--radius-m);background:var(--red);color:#fff;max-width:calc(100% - 32px);padding:8px 14px;font-size:.85rem;font-weight:600;position:fixed;transform:translate(-50%)}@media (width<=720px),(height<=560px){.stage__share{order:0}.stage-share-btn{height:40px;padding:0 12px}}@media (width<=380px){.stage-share-btn__label{display:none}}.share{flex-direction:column;gap:16px;display:flex}.share__settings{flex-direction:column;gap:12px;display:flex}.share__fine{color:var(--text-muted);text-align:center;font-size:.82rem}.share__code{border:var(--border-thick);border-radius:var(--radius-m);background:var(--ink);color:var(--paper-light);box-shadow:var(--shadow-print-s);justify-items:center;gap:6px;padding:16px;display:grid}.share__code-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-size:.68rem;font-weight:700}.share__code-value{font-family:var(--font-display);letter-spacing:.12em;font-size:2.2rem;font-weight:400;line-height:1}.share__link{border-radius:var(--radius-s);color:#f6f0e6bf;width:100%;font-family:var(--font-mono);text-align:center;background:0 0;border:1.5px solid #f6f0e640;padding:6px 10px;font-size:.72rem}.share__code-actions{gap:8px;margin-top:4px;display:flex}.share__code .btn--secondary{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:none}.share__code .btn--ghost{color:var(--paper-light)}.share__group{flex-direction:column;gap:8px;display:flex}.share__heading{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.share__empty{color:var(--text-muted);align-items:center;gap:6px;font-size:.86rem;display:flex}.share__list{flex-direction:column;gap:6px;max-height:260px;list-style:none;display:flex;overflow-y:auto}.share__person{border:2px solid var(--ink);border-radius:var(--radius-s);background:var(--field);animation:stage-in .26s var(--ease) backwards;--stage-from:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.share__avatar{background:var(--ink);width:32px;height:32px;color:var(--yellow);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.share__avatar--host{background:var(--yellow);color:var(--ink)}.share__who{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.share__who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share__who small{color:var(--text-muted);font-size:.78rem}.share__role.field{flex:none}.share__role .select__trigger{min-width:118px;height:36px}.share__role-tag{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.share__remove{width:34px;height:34px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.share__remove:hover{background:var(--red-wash);color:var(--red)}.share__invite{gap:8px;display:flex}.share__invite-input{flex:1;height:42px;padding-left:12px}.share__chips{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.share__ask{flex-wrap:wrap;gap:8px;display:flex}.share__more summary{cursor:pointer;padding:4px 0;font-size:.9rem;font-weight:700}.share__more[open] summary{margin-bottom:10px}.share__footer{border-top:2px dashed #231f2026;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.chart-input--dialog{min-height:46vh}.app-header__bell{margin-left:auto}.app-header__bell+.user-menu{margin-left:0}.bell{position:relative}.bell__button{border:var(--border);background:var(--field);width:44px;height:44px;transition:box-shadow var(--fast), transform var(--fast);border-radius:50%;place-items:center;display:grid;position:relative}.bell__button:hover{box-shadow:var(--shadow-print-s);transform:translate(-1px,-1px)}.bell__count{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--yellow);min-width:20px;height:20px;font-family:var(--font-mono);animation:pop-in .22s var(--ease) backwards;place-items:center;padding:0 5px;font-size:.66rem;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.bell__panel{z-index:50;background:var(--paper-light);border:var(--border-thick);border-radius:var(--radius-m);width:min(360px,100vw - 24px);max-height:min(70vh,520px);box-shadow:var(--shadow-print);transform-origin:100% 0;animation:pop-in .18s var(--ease) backwards;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:0}.bell__panel[data-state=closing]{animation:pop-out .16s var(--ease) forwards;pointer-events:none}.bell__head{border-bottom:2px solid var(--ink);font-family:var(--font-display);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bell__tools{gap:4px;display:flex}.bell__tools button{border-radius:var(--radius-s);place-items:center;width:32px;height:32px;display:grid}.bell__tools button:hover:not(:disabled){background:var(--yellow-wash)}.bell__tools button:disabled{opacity:.35}.bell__list{padding:6px;list-style:none;overflow-y:auto}.bell__empty{text-align:center;color:var(--text-muted);padding:24px 16px}@media (width<=720px){.bell__button{width:40px;height:40px}.bell__panel{width:auto;position:fixed;top:66px;left:12px;right:12px}}.note{border-radius:var(--radius-s);align-items:flex-start;gap:10px;padding:10px;display:flex}.note--list.is-unread{background:var(--yellow-wash)}.note--list+.note--list,.bell__list li+li .note{margin-top:2px}.note__icon{border:2px solid var(--ink);background:var(--field);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.note__icon--live_request,.note__icon--live_invite{background:var(--yellow)}.note__icon--live_request_approved,.note__icon--live_role_changed{background:var(--green-wash)}.note__icon--live_request_denied,.note__icon--live_removed{background:var(--red-wash)}.note__main{flex:1;min-width:0}.note__title{font-size:.9rem;font-weight:700;line-height:1.3}.note__body{color:var(--text-muted);margin-top:2px;font-size:.8rem}.note__error{color:var(--red);margin-top:4px;font-size:.8rem;font-weight:600}.note__answer{font-family:var(--font-mono);text-transform:uppercase;margin-top:6px;font-size:.72rem;font-weight:700}.note__actions{gap:6px;margin-top:8px;display:flex}.note-btn{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--field);white-space:nowrap;height:32px;transition:transform var(--fast), box-shadow var(--fast);align-items:center;gap:5px;padding:0 12px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.note-btn:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}.note-btn--yes{background:var(--ink);color:var(--yellow)}.note__close{width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.note__close:hover{color:var(--ink);background:#231f2014}.note__time{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;flex:none;font-size:.66rem}.toaster{z-index:1000;top:max(12px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:8px;width:min(380px,100vw - 24px);display:flex;position:fixed;right:12px}.toaster .note{pointer-events:auto;border:var(--border-thick);background:var(--paper-light);box-shadow:var(--shadow-print);animation:toast-in .28s var(--ease) backwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=720px){.toaster{width:auto;left:12px;right:12px}}.join-panel{gap:12px}.join-panel__form{gap:8px;display:flex}.join-panel__code{min-width:0;height:50px;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;flex:1;padding:0 14px;font-size:1.3rem}.join-panel__heading{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#c2361f;align-items:center;gap:6px;margin-top:4px;font-size:.72rem;font-weight:700;display:inline-flex}.live-list__go--live{color:#fff;background:#e5482f}.live-list__meta svg{vertical-align:-1px}.guest-join{flex-direction:column;gap:12px;display:flex}.guest-join__note{border:var(--border);border-radius:var(--radius-m);background:var(--yellow);align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}html:not(.is-on-stage) .toaster{top:80px}@media (width<=720px){html:not(.is-on-stage) .toaster{top:70px}}.settings__layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-nav{border:var(--border);border-radius:var(--radius-m);background:var(--paper-light);box-shadow:var(--shadow-print-s);flex-direction:column;gap:4px;padding:8px;display:flex;position:sticky;top:92px}.settings-nav__item{border-radius:var(--radius-s);text-align:left;transition:background .14s var(--ease), color .14s var(--ease);align-items:center;gap:10px;padding:9px 12px;font-weight:600;display:flex}.settings-nav__item:hover{background:var(--yellow-wash)}.settings-nav__item.is-active{background:var(--ink);color:var(--yellow)}.settings-nav__item--danger:not(.is-active){color:var(--red)}.settings__sections{flex-direction:column;gap:22px;min-width:0;display:flex}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-option{border:var(--border);border-radius:var(--radius-m);background:var(--field);text-align:left;min-width:0;transition:background var(--fast), color var(--fast), box-shadow var(--fast);align-items:center;gap:12px;padding:14px;display:flex}.appearance-option>span{flex-direction:column;min-width:0;display:flex}.appearance-option small{color:var(--text-muted)}.appearance-option.is-selected{background:var(--ink);color:var(--yellow);box-shadow:var(--shadow-print-s)}.appearance-option.is-selected small{color:var(--paper-light)}.settings-section{gap:16px;scroll-margin-top:92px}.settings-section__head{flex-direction:column;gap:4px;display:flex}.settings-section__desc{color:var(--text-muted);font-size:.92rem}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-saved{font-family:var(--font-mono);color:var(--green);animation:fade-in .2s var(--ease) backwards;align-items:center;gap:4px;font-size:.74rem;font-weight:700;display:inline-flex}.settings-divider{border:0;border-top:2px dashed #231f202e;margin:4px 0}.settings-subhead{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:700}.settings-profile{align-items:center;gap:14px;display:flex}.settings-profile__avatar{border:var(--border-thick);background:var(--ink);width:56px;height:56px;color:var(--yellow);box-shadow:3px 3px 0 var(--yellow);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.settings-profile div{flex-direction:column;min-width:0;display:flex}.settings-profile b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-profile small{color:var(--text-muted)}.settings-row{border:2px solid var(--ink);border-radius:var(--radius-m);background:var(--field);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings-row--danger{border-color:var(--red);background:var(--red-wash)}.settings-row__label{align-items:center;gap:8px;font-weight:700;display:inline-flex}.settings-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row__text small{color:var(--text-muted);font-size:.84rem}.settings-stepper{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--paper-light);flex:none;align-items:center;gap:2px;padding:3px;display:flex}.settings-stepper button{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.settings-stepper button:hover:not(:disabled){background:var(--yellow-wash)}.settings-stepper button:disabled{opacity:.35}.settings-stepper output{text-align:center;min-width:52px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.settings-preview{border-radius:var(--radius-m);color:#f4ece4;transition:font-size .2s var(--ease);background:#171415;flex-direction:column;align-self:flex-start;padding:10px 16px;line-height:1.3;display:inline-flex}.settings-preview__chord{font-family:var(--font-display);color:var(--yellow);font-size:.8em}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-toggle{border:2px solid var(--ink);border-radius:var(--radius-m);background:var(--field);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex;position:relative}.settings-toggle>span:first-child{flex-direction:column;gap:2px;display:flex}.settings-toggle small{color:var(--text-muted);font-size:.84rem}.settings-toggle input{opacity:0;pointer-events:none;position:absolute}.settings-toggle__track{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--paper);width:50px;height:28px;transition:background .18s var(--ease);flex:none;position:relative}.settings-toggle__track span{background:var(--ink);width:20px;height:20px;transition:transform .22s var(--ease), background .18s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle input:checked+.settings-toggle__track{background:var(--yellow)}.settings-toggle input:checked+.settings-toggle__track span{transform:translate(22px)}.settings-toggle input:focus-visible+.settings-toggle__track{outline:3px solid var(--ink);outline-offset:2px}.settings-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-link{border:2px solid var(--ink);border-radius:var(--radius-m);background:var(--field);color:inherit;transition:transform var(--fast), box-shadow var(--fast);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.settings-link:hover{box-shadow:var(--shadow-print-s);transform:translate(-2px,-2px)}.settings-link span{flex-direction:column;display:flex}.settings-link small{color:var(--text-muted);font-size:.82rem}a.user-menu__item{color:inherit;text-decoration:none}a.user-menu__item:hover{background:var(--yellow-wash)}@media (width<=900px){.settings__layout{grid-template-columns:1fr}.settings-nav{z-index:15;scrollbar-width:none;flex-direction:row;margin:0 -4px;padding:6px;top:60px;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav__item{flex:none;padding:8px 12px;font-size:.88rem}.settings-section{scroll-margin-top:130px}.settings-grid{grid-template-columns:1fr}}@media (width<=560px){.appearance-options{grid-template-columns:1fr}.settings-row:not(:has(.settings-stepper)){flex-direction:column;align-items:stretch}.settings-row .btn{width:100%}.settings-links{grid-template-columns:1fr}.settings-actions .btn{flex:1}}.legal-shell{background:var(--paper);min-height:100dvh}.legal-shell__bar{z-index:10;background:var(--paper-light);border-bottom:var(--border-thick);justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,50% - 430px);display:flex;position:sticky;top:0}.legal-shell__bar>a:first-child{color:inherit;text-decoration:none}.legal{max-width:860px}.legal--standalone{margin:0 auto;padding:28px 16px 64px}.legal__doc{gap:0;padding:32px 36px 28px;line-height:1.65}.legal__head{border-bottom:2px dashed #231f2033;margin-bottom:18px;padding-bottom:16px}.legal__updated{font-family:var(--font-mono);color:var(--text-muted);margin-top:4px;font-size:.78rem}.legal__lead{margin-bottom:8px;font-size:1.06rem}.legal__doc h2{font-family:var(--font-display);margin:26px 0 8px;font-size:1.15rem;font-weight:400;line-height:1.2}.legal__doc p+p{margin-top:8px}.legal__doc ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}.legal__doc li::marker{color:var(--yellow)}.legal__doc a:not(.btn){color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.legal__table{border-collapse:collapse;width:100%;margin-top:6px;font-size:.94rem}.legal__table th,.legal__table td{text-align:left;vertical-align:top;border-bottom:1.5px solid #231f2026;padding:9px 10px}.legal__table th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.legal__foot{border-top:2px dashed #231f2033;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:18px;display:flex}@media (width<=560px){.legal__doc{padding:22px 18px 20px;font-size:.96rem}.legal__table,.legal__table tbody,.legal__table tr,.legal__table td{display:block}.legal__table thead{display:none}.legal__table tr{border-bottom:1.5px solid #231f2026;padding:8px 0}.legal__table td{border:0;padding:2px 0}.legal__table td:first-child{font-weight:700}.legal__foot .btn{flex:100%}}.check .text-link{font-size:inherit}.auth-legal{text-align:center;color:var(--text-muted);margin-top:14px;font-size:.8rem}.auth-legal a{color:inherit;text-underline-offset:2px;text-decoration:underline}:where(a,button,input,select,textarea,summary,label){transition-property:color,background-color,border-color,box-shadow,transform,opacity,text-decoration-color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease)}.btn,.field__input,.select__trigger,.select__option,.chip__face,.tag,.toggle-pill,.back-link,.text-link,.ticket--link,.song-row,.quick__tile,.live-list__item,.live-next,.settings-link,.settings-nav__item,.settings-row,.stage-section,.stage-icon-btn,.stage__exit,.stage-ctl button,.stage-scroll button,.stage-nav,.stage-share-btn,.menu-panel__item,.user-menu__item,.user-menu__trigger,.icon-btn,.fav-btn,.chord-btn,.order-btn,.bell__button,.datepicker__day,.datepicker__nav,.picker__item,.import__row,.seg__face,.key-grid__face,.settings-stepper button{transition-property:color,background-color,border-color,box-shadow,transform,opacity,text-decoration-color;transition-duration:var(--dur);transition-timing-function:var(--ease)}.btn--primary:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn--primary:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transition-duration:90ms;transform:translate(2px,2px)}.btn--secondary{box-shadow:3px 3px 0 var(--yellow)}.btn--secondary:hover:not(:disabled){box-shadow:4px 4px 0 var(--yellow);transform:translate(-1px,-1px)}.btn--secondary:active:not(:disabled),.btn--danger:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transition-duration:90ms;transform:translate(1px,1px)}.ticket--link:hover,.settings-link:hover,.quick__tile:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.quick__tile--ink:hover:not(:disabled){box-shadow:3px 3px 0 var(--yellow)}.showcase,.hero,.set-hero{box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px var(--yellow)}.live-next{box-shadow:0 0 0 2px var(--ink), 5px 5px 0 2px var(--yellow)}.live-next:hover{box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px var(--yellow);transform:translate(-1px,-1px)}.set-item.is-dragged{box-shadow:4px 4px 0 var(--ink)}.signed-in__avatar{box-shadow:3px 3px 0 var(--yellow), 3px 3px 0 2px var(--ink)}.showcase__sticker,.hero__sticker{animation:none}@media (width<=960px){.showcase{box-shadow:0 0 0 2px var(--ink), 4px 4px 0 2px var(--yellow)}}@media (width<=720px){.set-hero{box-shadow:0 0 0 2px var(--ink), 4px 4px 0 2px var(--yellow)}}@media (width<=480px){.auth-card{box-shadow:4px 4px 0 var(--ink)}.panel{box-shadow:3px 3px 0 var(--ink)}}@media (width>=721px){.app-nav{position:relative}}.app-nav__pill{z-index:0;border-radius:var(--radius-full);background:var(--ink);box-shadow:2px 2px 0 var(--yellow);pointer-events:none;opacity:0;position:absolute;top:0;left:0}.app-nav__pill.is-ready{transition:transform var(--dur-slow) var(--ease), width var(--dur-slow) var(--ease), height var(--dur-slow) var(--ease), opacity var(--dur) var(--ease)}.app-nav__item{z-index:1}.app-nav__item.is-active{box-shadow:none;background:0 0;border-color:#0000}.app-nav__item:hover:not(:disabled):not(.is-active){background:#231f200f;border-color:#0000}@keyframes vt-out{to{opacity:0;transform:translateY(-4px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}::view-transition-old(root){animation:vt-out .2s var(--ease) both}::view-transition-new(root){animation:vt-in .34s var(--ease) both}.app-header{view-transition-name:app-header}::view-transition-old(app-header){display:none}::view-transition-new(app-header){animation:none}::view-transition-old(app-header):only-child{animation:vt-fade-out .2s var(--ease) both;display:block}::view-transition-new(app-header):only-child{animation:vt-fade-in .3s var(--ease) both}@media (width<=720px){.app-nav{view-transition-name:app-nav}::view-transition-old(app-nav){display:none}::view-transition-new(app-nav){animation:none}::view-transition-old(app-nav):only-child{animation:vt-fade-out .2s var(--ease) both;display:block}::view-transition-new(app-nav):only-child{animation:vt-fade-in .3s var(--ease) both}}html.has-navigated :is(.dash,.songs-page,.editor,.editor__grid,.editor__col)>*{animation:none}:is(.dash,.songs-page,.editor,.editor__grid,.editor__col)>*{animation:rise-soft var(--dur-slow) var(--ease) backwards}:is(.dash,.songs-page,.editor)>:nth-child(2){animation-delay:40ms}:is(.dash,.songs-page,.editor)>:nth-child(3){animation-delay:80ms}:is(.dash,.songs-page,.editor)>:nth-child(n+4){animation-delay:.11s}:is(.editor__grid,.editor__col)>*{animation-delay:0s}@keyframes rise-soft{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>*{animation:fade-in .26s var(--ease) backwards}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(2){animation-delay:25ms}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(3){animation-delay:50ms}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(4){animation-delay:75ms}:is(.song-list,.ticket-list,.set-list,.picker__list,.live-list,.tag-filter,.quick__grid,.stage-sections)>:nth-child(n+5){animation-delay:.1s}@keyframes popover-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}@keyframes popover-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.98)}}.select__list,.datepicker__panel,.user-menu__panel,.menu-panel,.bell__panel{animation:popover-in var(--dur) var(--ease) backwards}.select__list[data-state=closing],.datepicker__panel[data-state=closing],.user-menu__panel[data-state=closing],.menu-panel[data-state=closing],.bell__panel[data-state=closing]{animation:popover-out .15s var(--ease) forwards;pointer-events:none}.select__option{transition-duration:var(--dur-fast)}.select__chevron,.user-menu__chevron,.export-menu__chevron{transition:transform var(--dur) var(--ease), color var(--dur) var(--ease)}.dialog[open] .dialog__panel{animation:dialog-in .34s var(--ease) both}.dialog[open]::backdrop{animation:vt-fade-in .3s var(--ease) both}.toast,.toaster>*{animation-duration:.36s;animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.app-nav__pill.is-ready{transition:none}}.save-status{transition:opacity var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease)}.save-status.is-idle{opacity:0;pointer-events:none}.quick__grid{grid-template-columns:1fr;gap:8px}.quick__tile{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.quick__icon{flex:none;margin-bottom:0}.quick__tile .quick__label{flex:1}@media (width<=1000px){.quick__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick__tile{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.quick__tile{text-align:center;align-items:center;padding:12px 6px}.quick__note{display:none}}.chord-tabs{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--paper);flex-wrap:wrap;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.chord-tabs__tab{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:6px 12px;font-size:.72rem;font-weight:700}.chord-tabs__tab:hover{color:var(--ink)}.chord-tabs__tab.is-active{background:var(--ink);color:var(--yellow)}.chord-bar [role=tabpanel]{animation:fade-in var(--dur) var(--ease) backwards}.chord-bar__note{color:var(--text-muted);flex-basis:100%;font-size:.78rem}@media (width<=1000px){.editor__title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.3rem,3.4vw,1.7rem);display:-webkit-box;overflow:hidden}}.skeleton{animation:fade-in .24s var(--ease) .28s backwards}