@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300&family=Source+Serif+4:opsz,wght@8..60,400&display=swap";:root{--black:#0b0a09;--panel-black:#1c1a18;--album-paper:#e8e2d8;--wine:#a9413b;--wine-light:#c2615a;--gold:#b9955a;--font-brand:"Noto Serif SC", "Source Han Serif SC", serif;--font-song:"Noto Serif SC", "Source Han Serif SC", serif;--font-zh:"Noto Serif SC", "Source Han Serif SC", serif;--font-ui:"Anthropic Serif", "Source Serif 4", "Noto Serif SC", serif;font-family:var(--font-zh);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--album-paper);background:var(--black);font-weight:300}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}kbd{min-width:1.25em;font-family:var(--font-ui);color:inherit;background:0 0;border:1px solid;border-bottom-width:2px;border-radius:3px;padding:.05em .35em;font-size:.82em;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --glow-a{syntax:"<color>";inherits:true;initial-value:#a9413b3d}@property --glow-b{syntax:"<color>";inherits:true;initial-value:#b9955a29}@property --wash-a{syntax:"<color>";inherits:true;initial-value:#a9413b29}@property --wash-b{syntax:"<color>";inherits:true;initial-value:#b9955a1f}@property --wash-c{syntax:"<color>";inherits:true;initial-value:#b9955a24}.stage{--glow-a:#a9413b3d;--glow-b:#b9955a29;--wash-a:#a9413b29;--wash-b:#b9955a1f;--wash-c:#b9955a24;background:radial-gradient(ellipse 80% 55% at 18% 88%, var(--glow-a), transparent 55%), radial-gradient(ellipse 70% 50% at 88% 12%, var(--glow-b), transparent 52%), radial-gradient(circle at 52% 42%, #28242059, transparent 48%), linear-gradient(155deg, #1a1714 0%, #0e0d0c 42%, #090908 100%);min-height:0;color:var(--album-paper);grid-template-rows:minmax(0,1fr) auto;padding:clamp(1.4rem,3.2vw,3rem);animation:28s ease-in-out infinite stage-palette;display:grid;position:relative;overflow:hidden}.stage__ambiance{z-index:0;pointer-events:none;filter:blur(42px)saturate(1.55)brightness(.48);opacity:.62;background-position:50%;background-size:cover;animation:.9s both ambiance-in;position:absolute;inset:-8%;transform:scale(1.08)}.stage__wash{z-index:1;pointer-events:none;background:linear-gradient(180deg, #0b0a0959 0%, transparent 28%, transparent 62%, #0b0a09b8 100%), linear-gradient(105deg, var(--wash-a) 0%, transparent 38%, var(--wash-b) 72%, transparent 100%), radial-gradient(ellipse 55% 40% at 70% 30%, var(--wash-c), transparent 70%);animation:16s ease-in-out infinite alternate wash-drift;position:absolute;inset:0}.stage:before{content:"";z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;inset:0}.stage:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at 30% 20%,#e8e2d80a,#0000 35%),linear-gradient(90deg,#0000 0%,#b9955a0a 50%,#0000 100%);position:absolute;inset:0}.stage__visual-btn{z-index:5;color:#b7b0a6;font-family:var(--font-ui);letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0b0a9e;border:1px solid #4a453f;align-items:center;gap:.28rem;padding:.28rem .42rem;font-size:.58rem;font-weight:400;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:absolute;top:clamp(.75rem,1.6vw,1.15rem);right:clamp(.75rem,1.6vw,1.15rem)}.stage__visual-btn:hover,.stage__visual-btn:focus-visible{border-color:var(--gold);color:var(--album-paper);background:#181512d1}.stage__visual-btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.stage__art{z-index:3;aspect-ratio:1.55;align-self:center;width:min(72%,660px);margin:0 auto;animation:.7s cubic-bezier(.2,.75,.2,1) both art-in;position:relative}.stage__cover{z-index:2;aspect-ratio:1;background:#171614;border:1px solid #3c3934;width:63%;margin:0;padding:clamp(.55rem,1.2vw,.9rem);position:absolute;top:0;left:0;box-shadow:1.2rem 1.5rem 3.5rem #0000009e}.stage__cover-image{filter:saturate(1.12)contrast(1.05)brightness(.92);background-position:50%;background-size:cover;height:72%;animation:.45s both cover-fade}.stage__cover-image:after{content:"";mix-blend-mode:screen;background:linear-gradient(145deg,#a9413b1f,#0000 62%);width:100%;height:100%;display:block}.stage__cover figcaption{grid-template-columns:1fr auto;align-items:end;gap:.15rem 1rem;padding-top:.7rem;display:grid}.stage__cover figcaption span,.stage__cover figcaption em{font-family:var(--font-ui);letter-spacing:.12em;color:#817b72;font-size:clamp(.43rem,.65vw,.62rem);font-style:normal;font-weight:400}.stage__cover figcaption strong{font-family:var(--font-zh);color:var(--album-paper);grid-row:span 2;font-size:clamp(1.05rem,2.2vw,1.9rem);font-weight:300}.stage__record{z-index:1;aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff07 4px 5px),radial-gradient(circle at 44% 38%,#262522 0,#111 38%,#060606 69%,#151515 100%);border-radius:50%;width:61%;animation:22s linear infinite record-spin;position:absolute;top:4%;right:0;box-shadow:0 2rem 4rem #000000ad,inset -1.2rem -1rem 2.4rem #000000bf,inset .5rem .5rem 1.1rem #ffffff0d}.stage__record:after{content:"";background:#050505;border-radius:50%;position:absolute;inset:46%;box-shadow:0 0 0 2px #3d3933}.stage__groove{border:1px solid #ffffff12;border-radius:50%;position:absolute}.stage__groove--one{inset:8%}.stage__groove--two{inset:22%}.stage__record-label{color:#18130f;background:var(--wine);border-radius:50%;place-items:center;display:grid;position:absolute;inset:34%;overflow:hidden}.stage__record-label small{font-family:var(--font-ui);letter-spacing:.16em;font-size:clamp(.35rem,.55vw,.52rem)}.stage__record-label b{font-family:var(--font-zh);font-size:clamp(1rem,2vw,1.8rem);font-weight:300;line-height:.8}.stage__record-label i{aspect-ratio:1;background:#090909;border-radius:50%;width:14%}.stage__tape{z-index:3;mix-blend-mode:screen;background:#b9955ac2;width:20%;height:8%;position:absolute;top:-3%;left:21%;transform:rotate(-3deg)}.stage__content{z-index:4;background:linear-gradient(180deg, #0b0a0926, #0b0a098c), radial-gradient(ellipse 70% 120% at 12% 100%, var(--glow-a), transparent 55%), radial-gradient(ellipse 55% 100% at 92% 80%, var(--glow-b), transparent 50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000 0%,#b9955a73 18%,#e8e2d838 50%,#a9413b66 82%,#0000 100%) 1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem 1.5rem;margin-top:clamp(.4rem,1vw,.8rem);padding:clamp(1rem,2vw,1.7rem) clamp(.85rem,1.6vw,1.35rem) clamp(.35rem,.8vw,.6rem);display:grid;position:relative}.stage__meta{grid-column:1/-1;align-items:center;gap:.75rem;display:flex}.stage__live-pill{color:var(--album-paper);background:var(--wine);padding:.28rem .55rem;font-size:.72rem}.stage__count{font-family:var(--font-ui);letter-spacing:.1em;color:#77716a;font-size:.68rem;font-weight:400}.stage__current{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;min-width:0;display:flex}.stage__nick{font-family:var(--font-zh);color:var(--album-paper);background:linear-gradient(115deg,#f2ebe0 0%,#e8e2d8 22%,#d4a574 42%,#c2615a 58%,#c9a56a 78%,#f2ebe0 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:300;line-height:.95;animation:.48s both type-in,14s ease-in-out infinite nick-sheen}.stage__song{font-family:var(--font-zh);color:#aaa39a;margin:0;font-size:clamp(1.15rem,2vw,1.75rem);font-weight:300}.stage__song:before{content:"／";color:var(--gold);margin-right:.65rem}.stage__song.is-empty{color:#625e58;font-style:italic}.stage__next{text-align:right;white-space:nowrap;color:#8a847c;margin:0}.stage__next-label{font-family:var(--font-ui);letter-spacing:.18em;color:var(--gold);margin-bottom:.2rem;font-size:.58rem;font-weight:400;display:block}.stage__next-nick{color:var(--album-paper)}.stage__next-song.is-mute{color:#5e5a55}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes art-in{0%{opacity:0;transform:translateY(.8rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes type-in{0%{opacity:0;transform:translate(-.3rem)}to{opacity:1;transform:translate(0)}}@keyframes ambiance-in{0%{opacity:0;filter:blur(56px)saturate(1.1)brightness(.3)}to{opacity:.62;filter:blur(42px)saturate(1.55)brightness(.48)}}@keyframes cover-fade{0%{opacity:.35}to{opacity:1}}@keyframes wash-drift{0%{opacity:.88;transform:translate(-1.2%,.6%)scale(1.02)}to{opacity:1;transform:translate(1.4%,-.8%)scale(1.05)}}@keyframes stage-palette{0%,to{--glow-a:#a9413b3d;--glow-b:#b9955a29;--wash-a:#a9413b29;--wash-b:#b9955a1f;--wash-c:#b9955a24}25%{--glow-a:#c2615a38;--glow-b:#d4a5742e;--wash-a:#c2615a26;--wash-b:#d4a57424;--wash-c:#c9a56a29}50%{--glow-a:#b9955a33;--glow-b:#a9413b2e;--wash-a:#b9955a26;--wash-b:#a9413b1f;--wash-c:#c2615a24}75%{--glow-a:#8c484442;--glow-b:#a884562e;--wash-a:#8c48442b;--wash-b:#a8845621;--wash-c:#b9955a26}}@keyframes nick-sheen{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=760px){.stage__art{width:95%}.stage__content{grid-template-columns:1fr}.stage__next{text-align:left}}@media (prefers-reduced-motion:reduce){.stage,.stage__record,.stage__art,.stage__nick,.stage__ambiance,.stage__wash,.stage__cover-image{animation:none}}.lineup{min-width:0;min-height:0;color:var(--album-paper);scrollbar-color:#4b4640 transparent;scrollbar-width:thin;background:#12110f;border-left:1px solid #35322e;padding:1.2rem 1rem;overflow-y:auto}.lineup__block+.lineup__block{margin-top:1.8rem}.lineup__block--done{opacity:.58}.lineup__head{border-bottom:1px solid #393631;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.7rem;padding-bottom:.55rem;display:flex}.lineup__head-aside{align-items:center;gap:.45rem;display:flex}.lineup__eyebrow{font-family:var(--font-ui);letter-spacing:.16em;color:var(--gold);margin-bottom:.15rem;font-size:.52rem;font-weight:400;display:block}.lineup__title{font-family:var(--font-zh);margin:0;font-size:1rem;font-weight:300}.lineup__n{font-family:var(--font-ui);color:var(--wine-light);font-size:.8rem;font-weight:400}.lineup__add-btn{color:#c4bdb3;cursor:pointer;background:0 0;border:1px solid #4d4842;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.lineup__add-btn:hover,.lineup__add-btn:focus-visible{border-color:var(--gold);background:var(--gold);color:#18130f}.lineup__empty{color:#66615b;margin:0;padding:.7rem 0;font-size:.8rem}.lineup__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.line{border-bottom:1px solid #292724;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.line.is-selected{box-shadow:inset 2px 0 0 var(--gold);background:#1f1c18}.line--sortable{cursor:grab}.line--sortable:active{cursor:grabbing}.line.is-dragging{opacity:.38}.line.is-drop-before:before,.line.is-drop-after:after{content:"";background:var(--gold);pointer-events:none;z-index:1;height:2px;position:absolute;left:.15rem;right:.15rem}.line.is-drop-before:before{top:-1px}.line.is-drop-after:after{bottom:-1px}.line--live .line__no{color:var(--wine-light);letter-spacing:.04em}.line__grip{width:1.1rem;font-family:var(--font-ui);letter-spacing:-.08em;color:#4f4a44;-webkit-user-select:none;user-select:none;opacity:.55;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:opacity .15s,color .15s;display:inline-flex}.line--sortable:hover .line__grip,.line--sortable:focus-within .line__grip,.line.is-dragging .line__grip,.line--edit .line__grip{opacity:1}.line--sortable:hover .line__grip,.line--edit:hover .line__grip{color:#8a837a}.line__edit{grid-template-columns:1.1rem 1.6rem minmax(0,1fr);align-items:center;gap:.35rem;padding:.55rem .15rem .65rem;display:grid}.line__edit .line__grip{cursor:grab;align-self:start;padding-top:.45rem}.line__edit .line__no{align-self:start;padding-top:.45rem}.line__edit .line__field,.line__edit .line__field--song,.line__edit .line__actions{grid-column:3}.line--edit:not(:has(.line__grip)) .line__edit{grid-template-columns:1.6rem minmax(0,1fr)}:is(.line--edit:not(:has(.line__grip)) .line__field,.line--edit:not(:has(.line__grip)) .line__field--song,.line--edit:not(:has(.line__grip)) .line__actions){grid-column:2}.line__field{width:100%;min-width:0;color:var(--album-paper);font-family:var(--font-zh);background:0 0;border:0;border-bottom:1px solid #575149;padding:.32rem .1rem;font-size:.86rem;font-weight:300}.line__field--song{color:#c4bdb3;font-size:.76rem}.line__field:focus{border-bottom-color:var(--gold);outline:none}.line__actions{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.line__actions button{color:#aaa39a;font-family:var(--font-zh);cursor:pointer;background:0 0;border:1px solid #4d4842;padding:.22rem .4rem;font-size:.68rem;font-weight:300}.line__actions button:hover:not(:disabled),.line__actions button:focus-visible:not(:disabled){border-color:var(--gold);color:var(--gold)}.line__actions button:disabled{opacity:.28;cursor:not-allowed}.line__actions .is-primary{border-color:var(--gold);background:var(--gold);color:#18130f}.line__actions .is-primary:hover,.line__actions .is-primary:focus-visible{color:#18130f}.line__actions .is-danger{color:var(--wine-light);border-color:#5a3d42}.line__hit{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.6rem minmax(2.8rem,auto) minmax(0,1fr);align-items:baseline;gap:.35rem;padding:.72rem .15rem .72rem 0;display:grid}.line__row{grid-template-columns:1.1rem minmax(0,1fr);align-items:center;gap:.25rem;display:grid}.line--sortable .line__row{cursor:grab}.line--sortable .line__hit{cursor:inherit}.line__hit:hover,.line__hit:focus-visible{background:#1b1916}.line.is-selected .line__hit:hover,.line.is-selected .line__hit:focus-visible{background:0 0}.line__no{font-family:var(--font-ui);color:#5e5953;font-size:.58rem;font-weight:400}.line__nick{font-family:var(--font-zh);white-space:nowrap;color:var(--album-paper);font-size:.88rem;font-weight:300}.line__song{color:#8d877f;min-width:0;font-family:var(--font-zh);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:300;overflow:hidden}.line__song.is-empty{color:#57534e;font-style:italic}.line--done{gap:.55rem;padding:.4rem .15rem;display:flex}.line--done .line__nick,.line--done .line__song{font-size:.72rem}.lineup.is-editing{box-shadow:inset 3px 0 0 var(--gold);background:#171512}@media (width<=820px){.lineup{border-top:1px solid #35322e;border-left:0}}.shell{height:100svh;max-height:100svh;color:var(--album-paper);background:var(--black);flex-direction:column;display:flex;overflow:hidden}.topbar{z-index:10;background:#0b0a09;border-bottom:1px solid #35322e;justify-content:space-between;align-items:center;gap:1rem;padding:.78rem clamp(1rem,2.8vw,2.5rem);display:flex;position:relative}.topbar__brand{align-items:baseline;gap:.75rem;min-width:0;display:flex}.topbar__mark{font-family:var(--font-zh);letter-spacing:.12em;color:var(--album-paper);font-size:1.35rem;font-weight:300}.topbar__for{font-family:var(--font-ui);letter-spacing:.15em;color:#6f6962;white-space:nowrap;font-size:.58rem;font-weight:400}.topbar__edit{color:#aaa39a;cursor:pointer;background:0 0;border:1px solid #4a453f;padding:.42rem .65rem;font-size:.78rem;font-weight:300}.topbar__edit:hover,.topbar__edit.is-on{border-color:var(--gold);color:#18130f;background:var(--gold)}.topbar__edit kbd{margin-left:.25rem}.shell__main{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(250px,27vw,340px);min-height:0;display:grid;overflow:hidden}.stage-pane{background:radial-gradient(90% 60% at 20% 100%,#a9413b14,#0000 55%),#0b0a09;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.stage-pane>.stage{flex:1}.foot{color:#5e5953;font-family:var(--font-ui);background:#080807;border-top:1px solid #35322e;flex-wrap:wrap;align-items:center;gap:.55rem 1.2rem;padding:.55rem clamp(1rem,2.8vw,2.5rem);font-size:.62rem;font-weight:400;display:flex}.foot__note{color:var(--gold);letter-spacing:.12em;margin-left:auto}@media (width<=820px){.shell__main{grid-template-columns:1fr}.foot__note{width:100%;margin-left:0}}