:root{--accent-on:#fff;--stage:#07090a;--ok:#2f8f6b;--warn:#b5651d;--bad:#c2413b}@media (prefers-color-scheme:dark){:root{--accent-on:#1b1b1b;--ok:#6fd3a8;--warn:#f0b36b;--bad:#ff8a80}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#16201c;--muted:#5a6660;--line:#dde3df;--card:#f5f7f6;--accent:#134538;--accent-on:#fff;--ok:#2f8f6b;--warn:#b5651d;--bad:#c2413b}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141917;--fg:#e8ebe9;--muted:#9aa5a0;--line:#2c3531;--card:#1b2220;--accent:#e985a2;--accent-on:#1b1b1b;--ok:#6fd3a8;--warn:#f0b36b;--bad:#ff8a80}body.st-host{background:#000}.st-host-error{z-index:30;color:#fff;white-space:pre-wrap;word-break:break-word;background:#3c0000e0;border-radius:10px;padding:10px 14px;font:13px/1.5 SF Mono,ui-monospace,monospace;position:fixed;bottom:12px;left:12px;right:12px}.st-host-error[hidden]{display:none}body.st-page{min-height:100vh}.st-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;padding:20px 24px 14px;display:flex}.st-top h1{margin:2px 0 0;font-size:clamp(22px,3vw,30px)}.st-top .links{margin-top:0;font-size:14px}.links .ghost{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.links .ghost:hover{text-decoration:underline}.st-me{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.st-me select,.st-editor input,.st-dialog input,.st-dialog select,.st-info select,.st-info textarea,.st-comment textarea,.st-comment input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:14px}.st-body{grid-template-columns:210px 280px minmax(0,1fr);gap:0;min-height:calc(100vh - 90px);display:grid}.st-songs,.st-works{border-right:1px solid var(--line);min-width:0;padding:14px 14px 24px}.st-songs input[type=search]{width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:9px;margin-bottom:10px;padding:7px 10px;font-size:14px}#songs{margin:0;padding:0;font-size:14px;list-style:none}#songs li+li{margin-top:2px}#songs .st-group{color:var(--muted);letter-spacing:.04em;margin-top:12px;padding:0 8px;font-size:11.5px}#songs button{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--fg);background:0 0;border:0;border-radius:8px;align-items:baseline;gap:8px;padding:5px 8px;display:flex}#songs button:hover{background:var(--card)}#songs button[aria-current=true]{background:var(--accent);color:var(--accent-on)}#songs .n{font-variant-numeric:tabular-nums;color:var(--muted);min-width:1.6em}#songs button[aria-current=true] .n,#songs button[aria-current=true] .count{color:inherit;opacity:.85}#songs .name{overflow-wrap:anywhere;flex:1;min-width:0}#songs .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.st-works-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.st-works h2{margin:2px 0;font-size:16px}.st-note{color:var(--muted);text-wrap:pretty;margin:6px 0 0;font-size:13px}.st-cards{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.st-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:block}.st-card:hover{border-color:var(--muted)}.st-card[aria-current=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.st-card[data-slot=b]{border-style:dashed;border-color:var(--accent)}.st-card .t{overflow-wrap:anywhere;font-weight:650;display:block}.st-card .row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:12px;display:flex}.st-card .err{color:var(--bad);margin-top:4px;font-size:12px;display:block}.who{color:var(--fg);align-items:center;gap:5px;font-weight:600;display:inline-flex}.who:before{content:"";background:var(--who,var(--muted));border-radius:50%;width:8px;height:8px}.who[data-who=yohan]{--who:#e985a2}.who[data-who=taegeuk]{--who:#4fb3a9}.who[data-who=deck]{--who:#d9a441}.who[data-who=hyeji]{--who:#8f7bff}.chip{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:0 7px;font-size:11.5px;display:inline-block}.chip[data-status=review]{color:var(--warn);border-color:currentColor}.chip[data-status=final]{color:var(--ok);border-color:currentColor}.st-view{min-width:0;padding:12px 16px 32px}.st-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.st-toolbar button,.st-toolbar a,.st-btn{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:600;text-decoration:none}.st-toolbar button:hover,.st-toolbar a:hover,.st-btn:hover{border-color:var(--muted)}.st-toolbar button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.st-toolbar button[aria-pressed=true] kbd{color:inherit;border-color:currentColor}.st-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.st-btn.primary kbd{color:inherit;border-color:currentColor}.st-btn:disabled{opacity:.45;cursor:not-allowed}.st-sep{flex:0 0 8px}.st-status{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}.st-status[data-state=error]{color:var(--bad)}.st-frame{width:100%;aspect-ratio:var(--ratio,3.18);background:var(--stage);border-radius:10px;position:relative;overflow:hidden}.st-frame.tall{aspect-ratio:auto;height:min(72vh,760px)}.st-frame+.st-frame{margin-top:10px}.st-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.st-frame[hidden]{display:none}.st-frame-label{z-index:2;pointer-events:none;color:#e8ebe9;background:#0000008c;border-radius:6px;margin:0;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:10px}.st-editor{border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow:hidden}.st-editor[hidden]{display:none}.st-editor-bar{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.st-editor-bar input{flex:180px;min-width:0}.st-editor .st-note{min-height:1.4em;margin:6px 0;padding:0 10px}.st-editor .st-note[data-state=error]{color:var(--bad)}.st-cm{height:min(56vh,620px)}.st-cm .cm-editor{height:100%;font-size:13px}.st-cm .cm-editor.cm-focused{outline:none}.st-cm textarea{width:100%;height:100%;font:13px/1.5 var(--mono);background:var(--bg);color:var(--fg);border:0;padding:10px}.st-info{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 28px;margin-top:16px;display:grid}.st-info h2{letter-spacing:-.02em;grid-column:1/-1;margin:0;font-size:20px}.st-info h3{color:var(--muted);letter-spacing:.02em;margin:14px 0 6px;font-size:13px;font-weight:600}.st-info .meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 14px;font-size:13.5px;display:flex}.st-info ul{margin:0;padding:0;font-size:13.5px;list-style:none}.st-info li+li{margin-top:6px}.st-info .ver{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.st-info .ver b{font-variant-numeric:tabular-nums}.st-info .ver span{color:var(--muted)}.st-info .linkish{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.st-info .linkish:hover{text-decoration:underline}.st-info a{color:var(--accent)}.st-info p{text-wrap:pretty;font-size:14px}.st-info .empty{color:var(--muted);font-size:13px}.st-edit-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.st-comments li{border-left:2px solid var(--line);padding-left:10px}.st-comments .when{color:var(--muted);margin-left:6px;font-size:12px}.st-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.st-comment{gap:6px;margin-top:10px;display:grid}.st-comment>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-comment input{flex:160px;min-width:0}.st-comment textarea{resize:vertical;width:100%;min-height:64px}.st-dialog{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:14px;width:min(440px,100vw - 32px);padding:18px 20px}.st-dialog::backdrop{background:#00000073}.st-dialog h2{margin:0 0 6px;font-size:17px}.st-dialog label{color:var(--muted);gap:4px;margin-top:10px;font-size:13px;display:grid}.st-dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.st-toast{opacity:0;pointer-events:none;background:var(--fg);color:var(--bg);border-radius:10px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13.5px;transition:all .25s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}.st-toast.on{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1100px){.st-body{grid-template-columns:200px minmax(0,1fr)}.st-works{border-right:0}.st-view{border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=680px){.st-top{padding:16px 16px 12px}.st-body{grid-template-columns:minmax(0,1fr)}.st-songs,.st-works{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px}#songs{flex-wrap:wrap;gap:4px;display:flex}#songs li+li{margin-top:0}#songs .st-group{flex-basis:100%;margin-top:6px}#songs button{width:auto}.st-view{padding:12px 16px 28px}.st-info{grid-template-columns:minmax(0,1fr)}.st-status{flex-basis:100%;margin-left:0}}
