@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}:root{color:#313338;background:#f2f3f5;font-family:Pretendard,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f2f3f5;--surface: #ffffff;--surface-soft: #f6f7f8;--field: #f2f3f5;--border: #e3e5e8;--border-strong: #d4d7dc;--text: #313338;--muted: #747f8d;--accent: #2389c5;--accent-hover: #1b6f9f;--accent-soft: #e8f4fb;--success: #2d9d68;--error: #d83c3e}*{box-sizing:border-box}html,body{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden;background:var(--page);color:var(--text)}button{appearance:none;border:0;border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:500;outline:none;padding:.6rem .9rem;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover)}button:focus-visible{outline:2px solid rgb(35 137 197 / .2);outline-offset:2px}button:active{outline:none!important;box-shadow:none!important}button::-moz-focus-inner{border:0;padding:0}button:disabled{background:#f1f3f5;color:#aab3bc;cursor:not-allowed}._0{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%}._1{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);padding:1rem max(1rem,calc((100% - 960px)/2))}._2{display:flex;align-items:center;gap:.7rem}._3{width:36px;height:36px;border:0;border-radius:10px;object-fit:cover}h1,h2,p{margin:0}h1{color:#1c2731;font-size:16px;font-weight:600;letter-spacing:-.03em}._2 p{margin-top:3px;color:var(--muted);font-size:11px}#language-select{position:relative;z-index:110;width:clamp(96px,18vw,132px)}#scroll-shell{min-width:0;min-height:0;overflow-y:auto;scrollbar-width:none}#scroll-shell::-webkit-scrollbar{display:none}#app{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}._4{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}._5{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.06em}._4 h2{margin-top:.3rem;color:#1d2a35;font-size:25px;font-weight:600;letter-spacing:-.05em}._4 p{margin-top:.4rem;color:var(--muted);font-size:12px}._6{border:0;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:11px;padding:.42rem .75rem;white-space:nowrap}._6[data-state=connected]{border-color:#a6d9bf;background:#eefaf4;color:var(--success)}._7{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:clamp(.75rem,2vw,1rem)}._8,._9{border:0;border-radius:14px;background:var(--surface)}._8{padding:clamp(1rem,3vw,1.35rem)}._a{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}._b{margin-bottom:1rem}._b>button{margin-left:auto}._a h2{color:#263542;font-size:14px;font-weight:600}._a p{margin-top:3px;color:var(--muted);font-size:11px}._c{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:0;border-radius:10px;background:var(--accent-soft);color:var(--accent)}._c svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}._d{display:grid;gap:.6rem;min-width:0}._8>._d+._d{margin-top:1.15rem}._d>span{color:#687687;font-size:11px;font-weight:500}._7 ._8>._d+._d{margin-top:1.15rem}._e,._f,._g{display:flex;flex-wrap:wrap;gap:.55rem}._e{margin-top:.9rem}._h ._e button:first-child,._i ._b>button{border-color:var(--accent);background:var(--accent);color:#fff}._h ._e button:first-child:hover:not(:disabled),._i ._b>button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}#connect-button[data-state=disconnected]:not(:disabled){background:var(--success);color:#fff}#connect-button[data-state=disconnected]:hover:not(:disabled){background:#258451;color:#fff}#connect-button[data-state=connected]:not(:disabled){background:var(--error);color:#fff}#connect-button[data-state=connected]:hover:not(:disabled){background:#b9343b;color:#fff}._j{margin-top:.85rem;color:var(--muted);font-size:11px}._i,._k,._9{margin-top:1rem}._l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}._m{border:0;border-radius:10px;background:var(--surface-soft);padding:1rem}._m span{color:var(--muted);font-size:11px}._m strong{display:block;margin-top:.5rem;color:#1f2e3a;font-family:Consolas,Courier New,monospace;font-size:19px;font-weight:500}._n{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;border-radius:10px;background:var(--surface-soft);padding:.9rem 1rem}._n:first-of-type{padding-top:.9rem}._n:last-of-type{margin-top:.6rem;padding-bottom:.9rem}._n strong{color:#263542;font-size:13px;font-weight:600}._n p{margin-top:.3rem;color:var(--muted);font-size:11px}._9{display:flex;align-items:center;gap:.7rem;background:var(--accent-soft);padding:.9rem 1rem}._o{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}._o h2{color:var(--muted);font-size:11px;font-weight:600}._p{width:7px;height:7px;border-radius:50%;background:#b5bec8}#status{min-width:0;flex:1;color:#586775;font-size:12px}#status[data-tone=error]{color:var(--error)}#status[data-tone=success]{color:var(--success)}._q,._r{width:100%;border:0;border-radius:8px;background:var(--field);color:var(--text)}._q{min-height:36px;outline:none;overflow-wrap:anywhere;padding:.58rem .7rem;white-space:pre-wrap;-webkit-tap-highlight-color:transparent}._q:focus,._r:focus-within{border-color:var(--accent);outline:2px solid rgb(35 137 197 / .16);outline-offset:0}._r,._s,._t{-webkit-tap-highlight-color:transparent}._r:focus,._r:active,._s:focus,._s:active,._t:focus,._t:active{outline:none!important;box-shadow:none!important;transition:none!important}._s:active,._t:active{transform:none!important}._q:empty:before{color:var(--muted);content:attr(data-placeholder)}._r{position:relative;padding:0}._r.is-disabled{opacity:.55}._s{appearance:none;width:100%;min-height:36px;border:0;background:transparent;color:var(--text);cursor:pointer;outline:none;text-align:left;-webkit-appearance:none}._r.is-disabled ._s{cursor:not-allowed}._s:after{float:right;color:var(--muted);content:"▾"}._u{position:fixed;z-index:1000;top:0;left:0;border:0;border-radius:8px;background:var(--surface);box-shadow:0 8px 18px #1f2d3d1a;overflow:hidden}._t{appearance:none;width:100%;min-height:34px;border:0;border-radius:0;background:transparent;color:var(--text);outline:none;text-align:left;-webkit-appearance:none}._t:hover,._t[aria-selected=true]{background:var(--accent-soft);color:var(--accent-hover)}dialog{width:min(380px,calc(100% - 2rem));border:0;border-radius:14px;background:var(--surface);color:var(--text);padding:1.3rem}dialog::backdrop{background:#1f2d3d59}dialog h2{color:#263542;font-size:15px}dialog p{margin:.7rem 0 1rem;color:var(--muted);font-size:12px;line-height:1.5}._g{justify-content:flex-end;margin-top:1rem}#scroll-track{position:fixed;z-index:40;top:0;right:2px;bottom:0;width:7px;background:transparent}#scroll-thumb{position:absolute;top:0;right:0;left:0;min-height:34px;border-radius:99px;background:#c4c8d0;cursor:grab}#scroll-thumb:hover{background:#8fa4b6}#scroll-thumb:active{cursor:grabbing}@media(max-width:720px){._1{padding:.85rem clamp(.75rem,4vw,1rem)}#app{width:calc(100% - clamp(1rem,5vw,1.5rem));padding-top:1.25rem}._7,._l{grid-template-columns:1fr}._4,._n{align-items:flex-start;flex-direction:column}._n button{width:100%}}@media(max-width:480px){._2{gap:.5rem}._3{width:32px;height:32px}h1{font-size:14px}._2 p{font-size:10px}#language-select{width:clamp(92px,30vw,120px)}._4 h2{font-size:clamp(20px,6vw,24px)}._4 p{max-width:28rem;line-height:1.5}._e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}._e button:last-child{grid-column:1 / -1}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes header-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._1{animation:header-in .36s ease-out both}._4{animation:fade-up .42s 60ms ease-out both}._7>._8,._i,._k,._9{animation:fade-up .42s ease-out both}._7>._8:nth-child(1){animation-delay:.12s}._7>._8:nth-child(2){animation-delay:.18s}._i{animation-delay:.24s}._k{animation-delay:.3s}._9{animation-delay:.36s}._u{animation:menu-in .14s ease-out both;transform-origin:top center}dialog[open]{animation:dialog-in .18s ease-out both}button,._q,._r,._6,._c,._m,._n{transition:background-color .16s ease,border-color .16s ease,color .16s ease,outline-color .16s ease,transform .16s ease}._q,._r,._s,._t{transition:none!important}button:active:not(:disabled){transform:translateY(1px)}._c:hover{transform:translateY(-2px)}._m:hover,._n:hover{background:#fafbfc}._6[data-state=connected]{animation:connection-pulse 2.4s ease-in-out infinite}@keyframes connection-pulse{0%,to{box-shadow:0 0 #2d9d6800}50%{box-shadow:0 0 0 4px #2d9d681a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}