:root{--bg:oklch(0.17 0.018 62);--surface:oklch(0.215 0.022 62);--surface-2:oklch(0.245 0.024 62);--line:oklch(0.32 0.02 62);--ink:oklch(0.93 0.02 85);--muted:oklch(0.72 0.02 75);--faint:oklch(0.55 0.018 70);--signal:oklch(0.80 0.15 72);--signal-soft:oklch(0.80 0.15 72/0.14);--rust:oklch(0.62 0.12 35);--serif:"Fraunces","Gowun Batang",serif;--kr:"Gowun Batang",serif;--sans:"IBM Plex Sans KR",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{z-index:2;background:radial-gradient(125% 90% at 50% -10%,transparent 58%,oklch(.1 .02 60/.5) 100%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:3;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.stage{display:grid;grid-template-columns:minmax(264px,.62fr) 1.5fr;grid-gap:clamp(26px,3.5vw,56px);gap:clamp(26px,3.5vw,56px);max-width:1320px;margin:0 auto;padding:clamp(22px,3.5vw,44px);align-items:start;position:relative;z-index:1}.side{position:-webkit-sticky;position:sticky;top:clamp(18px,3.5vw,36px);align-self:start;display:flex;flex-direction:column;gap:22px;padding-right:clamp(18px,2vw,30px);border-right:1px solid var(--line)}@media (max-width:900px){.stage{grid-template-columns:1fr}.side{position:static;border-right:0;padding-right:0;padding-bottom:22px;border-bottom:1px solid var(--line)}}.slip{display:flex;flex-direction:column}.slip h3{font-family:var(--kr);font-weight:700;font-size:15px;margin:0 0 3px}.slip .sub{font-size:12.5px;color:var(--muted);margin:0 0 11px}.field{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px;box-shadow:inset 0 1px 0 oklch(.4 .02 70/.2)}.field:focus-within{border-color:oklch(.5 .05 72)}.field textarea{width:100%;min-height:74px;resize:none;border:0;background:transparent;color:var(--ink);font-family:var(--kr);font-size:15px;line-height:1.5;outline:none;word-break:keep-all}.field textarea::placeholder{color:var(--faint)}.meter{display:flex;align-items:center;gap:9px;margin-top:8px}.meter .track{flex:1 1;height:3px;background:var(--line);border-radius:2px;overflow:hidden}.meter .track i{display:block;height:100%;width:0;background:var(--signal);transition:width .2s ease}.meter .num{font-size:11.5px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.send{margin-top:12px;border:0;border-radius:11px;padding:12px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:14.5px;letter-spacing:.02em;color:oklch(.18 .02 60);background:var(--signal)}.send:hover{filter:brightness(1.06)}.send:disabled{opacity:.45;cursor:not-allowed}.hint{font-size:11.5px;color:var(--faint);margin-top:9px}.hint kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--muted)}.toast{margin-top:9px;font-size:12.5px;color:var(--rust)}.log{border-top:1px solid var(--line);padding-top:20px}.log-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.log-head h3{font-family:var(--kr);font-weight:700;font-size:16px;margin:0}.count{font-size:12.5px;color:var(--muted);font-weight:400}.log-actions{display:flex;align-items:center;gap:12px}.icon{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:15px;line-height:1}.icon:hover{color:var(--ink)}.clear{background:transparent;border:0;color:var(--rust);cursor:pointer;font:inherit;font-size:12.5px;opacity:.85}.clear:hover{opacity:1}.clear:disabled{opacity:.3;cursor:not-allowed}.rows{margin-top:10px;flex-direction:column;gap:2px;max-height:52vh;overflow:auto}.row,.rows{display:flex}.row{align-items:center;gap:6px;border-radius:9px;border-left:2px solid transparent;background:transparent}.row:hover{background:oklch(.22 .02 62/.5)}.row.sel{background:var(--surface-2);border-left-color:var(--signal)}.row.live{background:var(--signal-soft)}.row.sel.live{border-left-color:var(--signal)}.row-hit{flex:1 1;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:11px 10px;cursor:pointer;font:inherit;color:inherit;text-align:left;background:transparent;border:0}.row-hit:focus-visible{outline:none;box-shadow:inset 2px 0 0 var(--signal);border-radius:9px}.row .t{font-size:12px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row .c{font-family:var(--kr);font-size:14.5px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.live .c,.row.sel .c{color:var(--ink)}.row-side{display:flex;gap:8px;padding-right:8px;flex:none}.mark,.row-side{align-items:center}.mark{display:inline-flex;gap:6px;font-size:11px;letter-spacing:.12em;color:var(--signal);font-weight:600}.mark .d{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal)}.pick{font-size:11.5px;color:var(--faint);opacity:0;transition:opacity .15s}.row:hover .pick{opacity:.8}.row-del{background:transparent;border:0;color:var(--faint);cursor:pointer;font-size:13px;line-height:1;padding:4px;border-radius:6px;opacity:0;transition:opacity .15s,color .15s}.row:hover .row-del{opacity:.7}.row-del:hover{opacity:1;color:var(--rust)}.row-del:focus-visible{opacity:1;outline:1px solid var(--rust)}@media (hover:none){.pick,.row-del{opacity:.6}}.empty-list{color:var(--muted);font-size:13.5px;padding:28px 10px;display:flex;align-items:center;gap:10px;word-break:keep-all}.empty-list .scan{width:8px;height:8px;border-radius:50%;background:var(--signal);opacity:.6;flex:none}.stage-main{display:flex;flex-direction:column;gap:18px;min-width:0}.station{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}.station b{color:var(--ink)}.nowbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.nowbar.live{border-color:oklch(.4 .08 72)}.nb-left{display:flex;align-items:center;gap:12px;min-width:0}.vu{display:flex;align-items:flex-end;gap:3px;height:16px;flex:none}.vu span{width:3.5px;height:100%;background:var(--faint);border-radius:1px;transform-origin:bottom;transform:scaleY(.35)}.vu span:nth-child(2){transform:scaleY(.65)}.vu span:nth-child(3){transform:scaleY(.9)}.vu span:nth-child(4){transform:scaleY(.5)}.nowbar.live .vu span{background:var(--signal)}.nb-status{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);flex:none}.nowbar.live .nb-status{color:var(--signal)}.nb-title{font-family:var(--kr);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost,.nb-title{color:var(--muted)}.ghost{flex:none;background:transparent;border:1px solid var(--line);font:inherit;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer}.ghost:hover{color:var(--ink);border-color:var(--muted)}.detail{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(26px,3.2vw,46px);min-height:clamp(280px,42vh,460px);display:flex;flex-direction:column;justify-content:center;gap:22px}.detail.live{border-color:oklch(.42 .09 72);box-shadow:0 0 0 1px oklch(.42 .09 72/.4),0 24px 60px oklch(.1 .02 60/.4)}.detail .big{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,1.2rem + 2.1vw,2.7rem);line-height:1.32;letter-spacing:-.005em;color:var(--ink);max-width:28ch;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.detail.live .big{color:var(--signal);text-shadow:0 0 28px oklch(.8 .15 72/.22)}.detail .big.idle{color:var(--faint);font-weight:400;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);line-height:1.5}.detail .d-meta{font-size:13px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail .d-act{display:flex;align-items:center;gap:12px}.detail .d-act .send{margin:0;padding:12px 22px}.live-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal)}@media (prefers-reduced-motion:no-preference){.side{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.stage-main{animation:rise .6s cubic-bezier(.2,.8,.2,1) .12s both}.detail .big{animation:tunein .5s ease-out both}.nowbar.live .vu span{animation:vu 1s ease-in-out infinite alternate}.nowbar.live .vu span:first-child{animation-duration:.9s}.nowbar.live .vu span:nth-child(2){animation-duration:1.25s}.nowbar.live .vu span:nth-child(3){animation-duration:.8s}.nowbar.live .vu span:nth-child(4){animation-duration:1.1s}.nowbar.live .vu span:nth-child(5){animation-duration:1.4s}.empty-list .scan,.live-dot{animation:pulse 1.6s ease-in-out infinite}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tunein{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes vu{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}