@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");:root{--primary:#1b3a4b;--primary-dark:#122a37;--primary-light:#e8f0f3;--secondary:#2c8c88;--secondary-light:#e4f1f0;--accent:#d99a4e;--accent-light:#f7ecd9;--g50:#f7f8f8;--g100:#eef1f1;--g200:#dfe4e4;--g300:#c4cccc;--g400:#93a0a0;--g500:#6b7878;--g600:#4a5656;--g700:#333c3c;--g900:#1b2222;--success:#3e8e7e;--success-bg:#e6f2ef;--warning:#c9922e;--warning-bg:#fbf1de;--danger:#b4534b;--danger-bg:#f7e7e5;--info:#3b6e8f;--info-bg:#e7eff4;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:9999px;--sh-sm:0 1px 2px rgba(20,40,50,.06);--sh-md:0 4px 14px rgba(20,40,50,.1);--sh-lg:0 10px 30px rgba(20,40,50,.14);--font:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR",sans-serif;--mono:"D2Coding","SF Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}html{scrollbar-gutter:stable}body{font-family:var(--font);color:var(--g600);background:var(--g50);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--primary)}button{font-family:inherit}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--g200);border-radius:9999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--g300);background-clip:content-box}.t-display{font-size:32px;line-height:40px;font-weight:700}.t-display,.t-h1{color:var(--g900)}.t-h1{font-size:24px;line-height:32px;font-weight:600}.t-h2{font-size:20px;line-height:28px}.t-h2,.t-h3{font-weight:600;color:var(--g700)}.t-h3{font-size:17px;line-height:26px}.t-body-lg{font-size:17px;line-height:28px}.t-body{font-size:16px;line-height:26px}.t-sm{font-size:14px;line-height:20px}.t-cap{font-size:12px;line-height:16px;font-weight:500}.t-over{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.muted{color:var(--g400)}.g500{color:var(--g500)}.g600{color:var(--g600)}.g700{color:var(--g700)}.g900{color:var(--g900)}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.between{justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.grow{flex:1 1}.gap1{gap:4px}.gap2{gap:8px}.gap3{gap:12px}.gap4{gap:16px}.gap6{gap:24px}.gap8{gap:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-md);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .1s ease-out,background .15s,box-shadow .15s,border-color .15s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn.sm{height:36px;padding:0 12px;font-size:14px}.btn.lg{height:52px;padding:0 24px;font-size:17px}.btn.block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary);border-color:var(--g200)}.btn-secondary:hover{background:var(--g50);border-color:var(--g300)}.btn-accent{background:var(--accent);color:var(--primary-dark)}.btn-accent:hover{filter:brightness(.96)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.btn-ghost{background:transparent;color:var(--secondary)}.btn-ghost:hover{background:var(--secondary-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.card{box-shadow:var(--sh-sm)}.card,.panel{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg)}.tint-teal{background:var(--secondary-light)}.tint-amber{background:var(--accent-light)}.tint-navy{background:var(--primary-light)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600;line-height:1}.chip.src{background:var(--info-bg);color:var(--info);cursor:pointer;border:1px solid transparent}.chip.src:hover{border-color:var(--info)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-sm);font-size:12px;font-weight:600;line-height:1.3}.badge.teal{background:var(--secondary-light);color:var(--secondary)}.badge.amber{background:var(--accent-light);color:#a86a1e}.badge.warn{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.gray{background:var(--g100);color:var(--g500)}.field{width:100%;height:44px;padding:0 14px;border:1px solid var(--g200);border-radius:var(--r-md);font-size:16px;color:var(--g900);background:#fff;font-family:inherit}.field::placeholder{color:var(--g300)}.field:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px var(--secondary-light)}textarea.field{height:auto;padding:12px 14px;resize:none;line-height:1.6}.label{font-size:14px;font-weight:600;color:var(--g600);margin-bottom:6px;display:block}.seg{display:inline-flex;background:var(--g100);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;height:34px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--g500);cursor:pointer;transition:.15s}.seg button.on{background:#fff;color:var(--primary);box-shadow:var(--sh-sm)}.selchip{height:38px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--g200);background:#fff;font-size:14px;font-weight:600;color:var(--g500);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}.selchip.on{border-color:var(--secondary);background:var(--secondary-light);color:var(--secondary)}.selchip.on.warn{border-color:var(--warning);background:var(--warning-bg);color:var(--warning)}.selchip.on.danger{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.bubbles{display:flex;flex-direction:column;gap:16px}.brow{display:flex;gap:10px;max-width:100%}.brow.right{flex-direction:row-reverse}.brow.center{justify-content:center}.bub{max-width:min(680px,86%);padding:12px 16px;border-radius:var(--r-lg);font-size:17px;line-height:1.6}.bub.mediator{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bub.party{background:var(--accent-light)}.bub.expert,.bub.party{color:var(--g900);border-bottom-left-radius:4px}.bub.expert{background:var(--secondary-light)}.bub.system{font-size:14px;text-align:center;border-radius:var(--r-full);padding:8px 16px}.bub.guard,.bub.system{background:var(--g100);color:var(--g500)}.bub.guard{font-style:italic}.avatar{width:34px;height:34px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.av-mediator{background:var(--primary);color:#fff}.av-party{background:var(--accent);color:var(--primary-dark)}.av-expert{background:var(--secondary);color:#fff}.msgbar{align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--g200)}.mic-btn,.msgbar{display:flex;background:#fff}.mic-btn{width:44px;height:44px;border-radius:var(--r-full);border:1px solid var(--g200);color:var(--secondary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:.15s}.mic-btn:hover{background:var(--secondary-light)}.mic-btn.rec{background:var(--accent-light);color:var(--accent);border-color:var(--accent);position:relative}.mic-btn.rec:after{content:"";position:absolute;inset:-4px;border-radius:var(--r-full);border:2px solid var(--accent);animation:pulsering 1.4s ease-out infinite}@keyframes pulsering{0%{transform:scale(1);opacity:.7}to{transform:scale(1.35);opacity:0}}.wave{display:flex;align-items:center;gap:3px;height:24px}.wave span{width:3px;background:var(--accent);border-radius:2px;animation:wv 1s ease-in-out infinite}@keyframes wv{0%,to{height:5px}50%{height:22px}}.dots{display:inline-flex;gap:5px;align-items:center}.dots i{width:7px;height:7px;border-radius:50%;background:var(--g400);animation:dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.divider{height:1px;background:var(--g200)}.stat{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dotpill{display:inline-block;width:8px;height:8px;border-radius:50%}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g400);padding:10px 12px;border-bottom:1px solid var(--g200)}.tbl td{font-size:14px;color:var(--g700);padding:12px;border-bottom:1px solid var(--g100)}.tbl tr:hover td{background:var(--g50)}.sdots{display:inline-flex;gap:3px}.sdots i{width:9px;height:9px;border-radius:50%;background:var(--g200)}.mode-card{transition:transform .2s ease-out,box-shadow .2s}.mode-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sh-md)}input[type=range]{height:22px}.hide-mobile{display:inline}@media (max-width:640px){.hide-mobile{display:none}}.grid-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.grid-params{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.grid-health{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}:root{--page-max:1080px}.page,.screen-pad,.screen-pad-mid,.screen-pad-narrow{padding:32px 24px;max-width:var(--page-max);margin:0 auto;width:100%}@media (max-width:768px){.grid-modes,.grid-params{grid-template-columns:1fr}.grid-stats{grid-template-columns:1fr 1fr}.grid-health{grid-template-columns:1fr}.page,.screen-pad,.screen-pad-mid,.screen-pad-narrow{padding:16px}.t-display{font-size:26px;line-height:32px}.t-h1{font-size:20px;line-height:28px}.bub{font-size:15px}}@media (max-width:420px){.grid-stats{grid-template-columns:1fr 1fr}.card{border-radius:var(--r-md)}}img,svg{max-width:100%}body,html{overflow-x:hidden}.caret:after{content:"";display:inline-block;width:2px;height:1em;background:var(--secondary);margin-left:2px;vertical-align:-2px;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}