.stk-box{position:relative;container-type:inline-size}.stk-box>img[src]{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;display:block;position:static}.stk-layer{pointer-events:none;position:absolute;inset:0}.stk{color:#fff;white-space:nowrap;border-radius:.6em;padding:.25em .6em;font-size:clamp(7px,2.6cqw,16px);font-weight:800;line-height:1.2;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000047}.stk-contain{place-items:center;display:grid;position:absolute;inset:0 12px 12px;container-type:size}.stk-contain .stk-box>img[src]{height:100%}.stk-editor{z-index:100;overscroll-behavior:contain;background:var(--bg);height:100dvh;color:var(--text);position:fixed;inset:0;overflow-y:auto}.stk-ed-bar{z-index:2;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--surface-sunken);align-items:center;gap:10px;display:flex;position:sticky;top:0}.stk-ed-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:800;overflow:hidden}.stk-ed-bar .btn{flex:none}.stk-ed-x{background:var(--surface-sunken);color:var(--text)}.stk-ed-in{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:4px 16px 40px;display:flex}.stk-ed-card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card);flex-direction:column;gap:10px;padding:18px;display:flex}.stk-ed-card h3{margin:0;font-size:1rem;font-weight:800}.stk-hint{color:var(--muted);margin:0;font-size:.82rem;font-weight:500}.stk-warn{color:var(--danger)}.stk-out{border-radius:var(--r-inner);background:var(--surface-sunken);box-shadow:var(--sh-pressed-soft);word-break:break-all;margin:0;padding:12px 14px;font-weight:700}.stk-pal,.stk-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stk-break{flex-basis:100%;height:0}.stk-pal button,.stk-row button{cursor:pointer;border:none;border-radius:12px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:800}.stk-pal-c{color:#fff;box-shadow:var(--sh-btn)}.stk-pal-c[aria-pressed=true]{outline-offset:2px;outline:3px solid #ffd400}.stk-pal-p,.stk-row button{background:var(--surface-sunken);color:var(--text)}.stk-row button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.stk-row input{flex:1;min-width:0;padding:9px 13px}.stk-ctrl-l{min-width:44px;color:var(--muted);font-size:.82rem;font-weight:800}.stk-edit{width:100%;max-width:600px;box-shadow:var(--sh-pressed-soft);border-radius:12px;margin:0 auto;overflow:hidden}.stk-edit.placing{cursor:crosshair}.stk-edit .stk{pointer-events:auto;cursor:grab;touch-action:none;border-radius:9px;padding:5px 10px;font-size:14px}.stk[aria-pressed=true]{outline-offset:2px;outline:3px solid #ffd400}.stk-x{color:#fff;cursor:pointer;background:#241d30;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:-10px;right:-10px}.stk-seq{border-radius:var(--r-inner);background:var(--surface-sunken);min-height:48px;box-shadow:var(--sh-pressed-soft);flex-wrap:wrap;align-items:flex-start;gap:12px 4px;padding:12px 10px;display:flex}.stk-seq button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.stk-seq button.grp{padding:6px 8px}.stk-seq-b[aria-pressed=true]>.blk>b{outline:3px solid var(--accent);outline-offset:2px}.stk-seq .grp[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--accent)}.stk-ctrl{border-radius:var(--r-inner);background:var(--accent-soft);flex-direction:column;gap:8px;padding:12px;display:flex}.stk-open{border-radius:12px;width:100%;min-height:36px;margin-top:6px;padding:6px 8px;font-size:.78rem}.stk-phone{color:var(--muted);text-align:center;margin:6px 0 0;font-size:.72rem;display:none}@media (max-width:767px){.stk-open{display:none}.stk-phone{display:block}}
:root{--pA:#7a55c0;--pB:#3a86d0;--pC:#d9628a;--pD:#1f9a8a;--pE:#c58a1c;--pX:#8d8599;--pEnd:#4b4458;--pPray:#3f9a6a;--pWhole:#5a4a86;--flow-line:#6d4aa829}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--flow-line:#b79bea33}}:root[data-theme=dark]{--flow-line:#b79bea33}.flow-wrap{white-space:normal;margin-top:8px}.flow-line+.flow-line{margin-top:12px}.flow-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800}.flow{flex-wrap:wrap;gap:4px;display:flex}.flow:after{content:"";flex:999 0 0}.tile{color:#fff;white-space:nowrap;border-radius:9px;flex:1 0 auto;justify-content:center;align-items:center;gap:2px;min-width:42px;height:38px;padding:0 9px;font-size:14px;font-weight:800;line-height:1;display:inline-flex;position:relative}.t-rep{opacity:.85;margin-left:1px;font-size:11px;font-weight:800}.tile.has-note:after{content:"";opacity:.75;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.tile.c-lyric{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--flow-line);font-size:12.5px;font-weight:700}.tile.memo{white-space:normal;height:auto;min-height:38px;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--flow-line);justify-content:flex-start;max-width:100%;padding:8px 10px;font-size:12.5px;font-weight:600;line-height:1.4}.tile-grp{box-shadow:inset 0 0 0 1.5px var(--flow-line);border-radius:12px;flex:1 0 auto;align-items:center;gap:3px;padding:3px;display:inline-flex}.tile-grp .tile{height:32px}.tile-grp>.t-rep{color:var(--accent);opacity:1;padding:0 5px 0 3px;font-size:12px}.flow-notes{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.flow-notes li{color:var(--text);align-items:baseline;gap:8px;font-size:13px;line-height:1.45;display:flex}.flow-notes .tag{text-align:center;color:#fff;border-radius:6px;flex:none;min-width:30px;padding:2px 6px;font-size:11.5px;font-weight:800}.c-A{background:var(--pA)}.c-B{background:var(--pB)}.c-C{background:var(--pC)}.c-D{background:var(--pD)}.c-E{background:var(--pE)}.c-intro,.c-inter{background:var(--pX)}.c-whole{background:var(--pWhole)}.c-end{background:var(--pEnd)}.c-pray{background:var(--pPray)}.c-cue{background:var(--pE)}.mini .flow{gap:3px}.mini .tile{border-radius:6px;min-width:28px;height:26px;padding:0 6px;font-size:11.5px}.mini .tile.has-note:after{display:none}.mini .t-rep{font-size:9.5px}.mini .tile.memo{min-height:26px;padding:4px 8px;font-size:11.5px}.mini .tile-grp{border-radius:8px;padding:2px}.mini .tile-grp .tile{height:22px}.song-note:has(>.note-raw){position:relative}.note-raw{color:var(--muted);margin-top:8px;font-size:13px}.note-raw summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700;list-style:none;position:absolute;top:12px;right:15px}.note-raw summary::-webkit-details-marker{display:none}.note-raw[open] summary{color:var(--accent)}.note-raw p{white-space:pre-wrap;border-top:1px dashed var(--flow-line);margin:0;padding-top:8px}
.hist-card{border-radius:var(--r-inner);background:var(--accent-soft);margin-top:10px;padding:10px 14px;font-size:13.5px}.hist-card>summary{cursor:pointer;color:var(--accent);font-weight:700}.hist-sum b{font-weight:800}.hist-body{gap:10px;margin-top:10px;display:grid}.hist-banner{color:var(--text);margin:0;font-weight:700}.hist-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hist-stats div{background:var(--surface);border-radius:14px;min-width:0;padding:8px 10px}.hist-stats b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;display:block;overflow:hidden}.hist-stats span{color:var(--muted);font-size:11.5px;font-weight:700}.hist-load{width:100%}.hist-row{border-top:1px solid var(--flow-line,#6d4aa829);grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.hist-row:first-child{border-top:0}.hist-d{font-variant-numeric:tabular-nums;font-weight:800}.hist-row .flow-wrap{margin-top:6px}.hist-raw{color:var(--muted);white-space:pre-wrap;margin:4px 0 0;font-size:12.5px}.song .hist-card{margin-left:41px}