/* v6.7 conversation workspace */
:root{--navy:#192e40;--navy-dark:#142634;--teal:#087e83;--teal-dark:#06686d;--line:#dde5e7;--text:#203642;--muted:#73818a;--shadow:none;--shadow-sm:none}
html{background:#f3f5f5;scroll-padding-top:90px}body{background:#f3f5f5;padding:0 0 186px;color:var(--text)}button{font-weight:600}button,input,textarea,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #148b90;outline-offset:3px}[hidden]{display:none!important}
.top{position:relative;background:#fff;color:var(--navy);padding:22px 28px;border-bottom:1px solid var(--line);box-shadow:none}.top:after{display:none}.topin{max-width:1020px}.school-mark{width:44px;height:44px;border-radius:12px;background:var(--navy);border:0;box-shadow:none;color:#fff;font-size:23px;font-weight:500;position:relative;display:grid}.school-mark span{position:absolute;right:5px;bottom:2px;font-size:14px;background:var(--navy)}.brand-wrap{gap:12px}.school-name{font-size:11px;letter-spacing:.03em;color:var(--muted);margin-bottom:4px}.brand h1{font-size:22px;font-weight:700;letter-spacing:-.04em}.header-actions{gap:6px;flex-direction:row}.header-actions .install{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:9px;font-size:12px;padding:9px 12px;backdrop-filter:none}.header-actions .install:hover{background:#eef4f4}
main{max-width:1020px;margin:25px auto 0;padding:0 28px 20px}.languagebar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:0 0 22px;box-shadow:none}.language-pair{display:grid;grid-template-columns:1fr 44px 1.45fr;align-items:center;gap:15px;flex:1;max-width:670px}.language-pair small{display:block;font-size:11px;color:var(--muted);margin-bottom:5px;font-weight:500}.fixed-language strong{font-size:22px;font-weight:650}.language-arrow{text-align:center;color:#8ca0a9;font-size:26px}.selected-language{min-width:0}.selected-language select{border:0;background:transparent;color:var(--text);font-size:22px;font-weight:650;width:100%;padding:2px 28px 2px 0;cursor:pointer}.language-actions{flex:0 0 auto}.language-actions .mini-help{background:none;border:0;color:var(--teal);font-size:12px;padding:10px}.language-actions .danger-lite{font-size:11px}
.workspace-nav{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto}.workspace-nav button{border:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;font-size:14px;color:#7c8991;min-height:46px;padding:0 2px 12px}.workspace-nav button.selected{color:var(--teal-dark);border-bottom-color:var(--teal);font-weight:750}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.workspace-heading h2{font-size:19px;font-weight:650;letter-spacing:-.03em;margin:0 0 6px}.workspace-heading p{font-size:12px;color:var(--muted);margin:0}.header-server-badge,.header-server-badge.ok,.header-server-badge.checking{background:transparent;border:0;color:#738a84;font-size:10px;font-weight:500;padding:0;white-space:nowrap}
.grid{display:block}.right{display:flex;gap:26px;min-width:0;order:initial}.grid>#phraseLibrary{display:none}.conversation-turn{padding:0;display:none;border:0;background:none;box-shadow:none;min-width:0}.turn-heading{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:12px}.speaker-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.visitor-turn .speaker-dot{background:#77848e}.turn-caption{font-size:10px;font-weight:400;color:#8a959b;margin-left:3px}.bubble-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.message-bubble{min-width:0;padding:20px 23px;border-radius:3px 19px 19px 19px;background:#fff;border:1px solid #e1e8e9}.target-bubble{background:#e7f1ef;border-color:#d8e8e4;border-radius:19px 3px 19px 19px}.bubble-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#74868e;font-size:11px;min-height:30px;margin-bottom:8px}.bubble-label span{min-width:0}.edit-trigger{border:0;background:transparent;font-size:11px;color:var(--teal);padding:7px 0 7px 12px;min-height:36px}.speechtext{font-size:23px;line-height:1.65;font-weight:500;letter-spacing:-.025em;white-space:pre-wrap;overflow-wrap:anywhere;min-height:68px}.target-bubble .speechtext{font-size:26px;color:#185c5b;font-weight:600}.bubble-actions{display:flex;gap:17px;margin-top:18px}.bubble-actions button{border:0;background:transparent;padding:6px 0;min-height:36px;font-size:12px;color:#486d6b}.conversation-turn[data-filled=false] .speechtext{color:#96a5aa;font-size:20px;font-weight:400}.conversation-turn[data-filled=false] .bubble-actions{visibility:hidden}.conversation-turn .status{background:transparent;color:#7b8a90;min-height:0;margin:8px 0 0;padding:3px 0;font-size:11px;line-height:1.6;border-radius:0}.conversation-turn .status.warn{color:#956826;background:#fbf5e8;padding:9px 12px;border-radius:9px}.conversation-turn .status.ok{color:#578079;background:none}.message-editor{margin-top:10px}.message-editor>summary{font-size:11px;color:#70838a;cursor:pointer;padding:7px 0;list-style:none}.message-editor>summary:before{content:'＋ ';color:var(--teal)}.message-editor[open]>summary:before{content:'− '}.editor-body{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.editor-body label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.editor-body textarea{min-height:94px;font-size:17px;background:#fafcfc}.editor-body .actions{margin-top:10px}.btn{border-radius:9px;font-size:12px;padding:10px 13px;font-weight:600;box-shadow:none}.btn.primary{background:var(--teal);border-color:var(--teal);box-shadow:none}.btn.primary:hover{background:var(--teal-dark)}
body[data-page=conversation] #staffView,body[data-page=conversation] #speechView{display:block}body[data-page=conversation] .conversation-turn[data-filled=false]{display:none}body[data-page=conversation][data-active-side=staff] #staffView,body[data-page=conversation][data-active-side=visitor] #speechView{display:block}body[data-page=conversation] #phraseView,body[data-page=conversation] #dynamicView{display:none!important}
body[data-page=phrases] .grid,body[data-page=favorites] .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}body[data-page=phrases] #phraseLibrary,body[data-page=favorites] #phraseLibrary{display:block}body[data-page=phrases] #phraseView,body[data-page=favorites] #phraseView{display:block!important}body:not([data-page=conversation]) .conversation-turn{display:none!important}body:not([data-page=dynamic]) #dynamicView{display:none!important}body[data-page=dynamic] #dynamicView{display:block}body[data-page=dynamic] #phraseView{display:none!important}.card{border:1px solid var(--line);box-shadow:none;border-radius:15px}.phrases{max-height:600px}.cardhead{padding:17px}.cardhead h2{font-size:17px}.display{padding:20px}.koText{font-size:21px}.translated{font-size:26px}.actions .btn{min-height:40px}.result-badge{border-radius:6px;font-size:11px}.tareas{gap:16px}
.speech-dock{position:fixed;bottom:0;left:0;right:0;z-index:55;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:12px 28px max(12px,env(safe-area-inset-bottom));box-shadow:0 -6px 25px rgba(26,49,56,.035)}.dock-inner{max-width:964px;margin:auto}.dock-status{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#72858d;min-height:21px;margin-bottom:9px}.activity-dot{width:6px;height:6px;border-radius:50%;background:#a8b6b9}.dock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dock-buttons .micbtn{min-height:62px;font-size:19px;font-weight:650;letter-spacing:-.02em;border-radius:12px;margin:0;box-shadow:none;background:#edf3f3;color:var(--teal-dark);border:1px solid #d5e5e4;animation:none}.dock-buttons .staffmic{background:var(--teal);border-color:var(--teal);color:#fff}.dock-buttons .micbtn.listening{background:#983e3c;border-color:#983e3c;color:#fff}.dock-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:10px;color:#8a9a9f}.dock-meta .runtime-version{font-size:9px;margin:0;color:#8a9a9f}.dock-meta .runtime-version:empty{display:none}.foot{display:block;margin-top:26px;font-size:10px;text-align:center;color:#91a0a6}.appversion{display:none}.bottom-nav{display:none!important}
.modal{background:rgba(20,38,46,.46);backdrop-filter:blur(4px)}.modalbox{box-shadow:0 20px 70px #14263025;border-radius:20px;padding:25px;max-height:90dvh;overflow:auto}.modalLang{font-size:19px;font-weight:650}.settings-summary,.advanced-settings,.autospeak{border-radius:10px;background:#f5f8f8}.autospeak{font-size:12px;font-weight:500}.reading-settings{margin-bottom:15px}.advanced-settings summary{background:#f8fafa;font-weight:600}.language-help{font-size:12px;background:#f5f8f8}.install-copy{font-size:15px}.ta{border-radius:10px}.modalText{font-size:38px}
@media(max-width:700px){body{padding-bottom:177px}.top{padding:16px 18px}.school-mark{display:grid;width:39px;height:39px;border-radius:10px;font-size:22px}.brand-wrap{gap:10px}.brand h1{font-size:20px}.school-name{font-size:10px}.header-actions #howInstallBtn{display:none}.header-actions .install{font-size:11px;padding:9px 11px}.topin{align-items:center}main{margin:18px auto 0;padding:0 18px 16px;max-width:none}.languagebar{padding:17px 16px;margin-bottom:17px;gap:4px;align-items:center;position:relative}.language-pair{gap:9px;grid-template-columns:.85fr 24px 1.25fr}.fixed-language strong,.selected-language select{font-size:19px}.language-pair small{font-size:10px}.language-arrow{font-size:23px}.language-actions{position:absolute;right:12px;top:2px}.language-actions .mini-help{padding:3px;font-size:9px}.language-actions .danger-lite{display:none!important}.selected-language select{padding-right:14px}.workspace-nav{gap:0;justify-content:space-between;margin-bottom:22px}.workspace-nav button{font-size:13px;min-height:42px;padding:0 4px 10px}.workspace-heading{align-items:flex-start;margin-bottom:18px}.workspace-heading h2{font-size:17px}.workspace-heading p{font-size:11px}.header-server-badge{font-size:9px;max-width:100px;white-space:normal;line-height:1.5;text-align:right}.right{gap:27px}.bubble-pair{grid-template-columns:1fr;gap:9px}.message-bubble{padding:16px 18px;margin-right:24px;border-radius:3px 16px 16px 16px}.target-bubble{margin-right:0;margin-left:24px;border-radius:16px 3px 16px 16px;padding:17px 18px}.bubble-label{font-size:10px;margin-bottom:4px;min-height:24px}.speechtext{min-height:32px;font-size:21px;line-height:1.6}.target-bubble .speechtext{font-size:25px;min-height:45px}.conversation-turn[data-filled=false] .speechtext{font-size:19px}.bubble-actions{margin-top:11px}.bubble-actions button{font-size:11px}.turn-heading{font-size:12px;margin-bottom:9px}.conversation-turn .status{font-size:10px}.speech-dock{padding:9px 18px max(11px,env(safe-area-inset-bottom))}.dock-buttons{gap:9px}.dock-buttons .micbtn{font-size:18px;min-height:61px;border-radius:11px}.dock-status{font-size:10px;margin-bottom:7px}.dock-meta{font-size:9px}.dock-meta .runtime-version{font-size:8px}.foot{font-size:9px;margin-top:22px}.message-editor>summary{font-size:10px;padding:8px 0}.editor-body .actions{gap:6px}.editor-body .btn{font-size:11px;padding:9px 10px}body[data-page=phrases] .grid,body[data-page=favorites] .grid{display:flex;flex-direction:column;gap:18px}.grid>#phraseLibrary{order:0}.grid>.right{order:1}.phrases{max-height:380px;overflow:auto}.modal{padding:10px}.modalbox{padding:20px;max-height:92dvh}.modalText{font-size:28px}.tareas{grid-template-columns:1fr}.swaprow{grid-template-columns:1fr 40px 1fr}.swap{width:40px}.selectbox select{min-width:0}.selectbox{min-width:0}}
@media(min-width:701px) and (max-width:850px){main{max-width:none}.bubble-pair{gap:12px}.message-bubble{padding:18px}.target-bubble .speechtext{font-size:25px}.speechtext{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v6.8 visual refinement — design-only layer, speech-session logic unchanged */
:root{
  --navy:#15364f;
  --navy-2:#1d5574;
  --teal:#0f8f92;
  --teal-dark:#0a6f73;
  --mint:#e9f6f3;
  --sky:#eaf5fb;
  --warm:#f8faf9;
  --line:#d9e5e7;
  --text:#183342;
  --muted:#6d7f88;
  --shadow:0 12px 34px rgba(20,55,72,.08);
  --shadow-sm:0 5px 16px rgba(20,55,72,.06);
}
html{background:#f1f5f5}
body{
  background:
    radial-gradient(circle at 88% 5%,rgba(15,143,146,.08),transparent 24rem),
    linear-gradient(180deg,#f3f7f7 0,#f8faf9 48%,#eef4f4 100%);
  color:var(--text);
}
.top{
  position:sticky;top:0;z-index:40;
  background:linear-gradient(118deg,#15364f 0%,#174963 60%,#16666a 125%);
  color:#fff;
  border:0;
  padding:18px 28px;
  box-shadow:0 8px 28px rgba(18,50,67,.16);
}
.top:after{display:block;content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.16)}
.topin{max-width:1120px;margin:auto;align-items:center}
.school-mark{
  width:48px;height:48px;border-radius:14px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.school-mark span{background:transparent;color:#bce9e5;right:4px;bottom:1px}
.school-name{color:#cfe1e7;font-size:10px;letter-spacing:.06em}
.brand h1{color:#fff;font-size:22px;letter-spacing:-.035em}
.header-actions .install{
  border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.08);
  border-radius:10px;padding:9px 12px;box-shadow:none
}
.header-actions .install:hover{background:rgba(255,255,255,.16)}
main{max-width:1120px;margin:22px auto 0;padding:0 28px 28px}
.languagebar{
  border:1px solid rgba(211,226,228,.95);border-radius:18px;padding:18px 22px;margin-bottom:16px;
  background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px)
}
.language-pair{max-width:760px;grid-template-columns:1fr 50px 1.35fr;gap:18px}
.language-pair small{font-size:10px;letter-spacing:.04em;text-transform:none;color:#7b8d95}
.fixed-language strong,.selected-language select{font-size:21px;font-weight:760;color:#163849}
.language-arrow{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:#eef5f5;color:#5d8082;font-size:20px;margin:auto
}
.selected-language{position:relative}
.selected-language select{
  border:1px solid #d9e7e8;border-radius:12px;padding:10px 36px 10px 12px;background:#fbfdfd;
  transition:border .15s,box-shadow .15s
}
.selected-language select:hover,.selected-language select:focus{border-color:#9bcfd0;box-shadow:0 0 0 4px rgba(15,143,146,.08)}
.language-actions .mini-help{color:var(--teal-dark);background:#f0f8f7;border-color:#d6e9e7;border-radius:10px}
.workspace-nav{
  gap:7px;border:0;background:#e8efef;padding:5px;border-radius:13px;margin:0 0 20px;
  width:max-content;max-width:100%;overflow-x:auto
}
.workspace-nav button{
  border:0!important;border-radius:9px!important;min-height:38px;padding:8px 15px!important;
  color:#6d7f88;background:transparent;font-size:13px;transition:.15s
}
.workspace-nav button.selected{background:#fff;color:#124d58;font-weight:800;box-shadow:0 2px 8px rgba(17,61,72,.08)}
.workspace-heading{margin-bottom:18px}
.workspace-heading h2{font-size:21px;font-weight:760;color:#183342}
.workspace-heading p{font-size:12px;color:#75868e}
.header-server-badge{
  background:#eef8f4!important;border:1px solid #d4e9df!important;border-radius:999px!important;
  padding:6px 10px!important;color:#4d7564!important;font-size:10px!important
}
.header-server-badge.ok{background:#e8f7ee!important;color:#34725a!important}
.header-server-badge.checking{background:#fff8e8!important;color:#886a22!important;border-color:#efe3bc!important}
.right{gap:22px}
body[data-page=conversation] .right:not(:has(.conversation-turn[data-filled="true"]))::before{
  content:"아래 통역 버튼을 눌러 대화를 시작하세요\A말씀을 마치면 3초 후 자동으로 번역합니다.";
  white-space:pre-line;display:grid;place-items:center;text-align:center;
  min-height:265px;padding:38px;border:1px dashed #cddedf;border-radius:20px;
  background:linear-gradient(145deg,#ffffff 0%,#f4f9f8 100%);
  color:#72868d;font-size:14px;line-height:1.85;box-shadow:var(--shadow-sm)
}
.turn-heading{margin-bottom:10px;font-size:12px;color:#61747c}
.speaker-dot{width:8px;height:8px;box-shadow:0 0 0 4px rgba(15,143,146,.1)}
.visitor-turn .speaker-dot{background:#7b8791;box-shadow:0 0 0 4px rgba(123,135,145,.1)}
.bubble-pair{gap:12px}
.message-bubble{
  border-radius:16px;padding:18px 20px;border:1px solid #dce7e8;background:#fff;
  box-shadow:0 5px 18px rgba(25,60,71,.045)
}
.staff-turn .source-bubble{border-left:4px solid #5d9fbc;background:linear-gradient(180deg,#fff,#f9fcfd)}
.staff-turn .target-bubble{border-left:4px solid #29a38e;background:linear-gradient(180deg,#edf8f5,#e8f4f1)}
.visitor-turn .source-bubble{border-left:4px solid #8b98a2;background:linear-gradient(180deg,#fff,#fafbfb)}
.visitor-turn .target-bubble{border-left:4px solid #3e96a4;background:linear-gradient(180deg,#ecf7f8,#e8f3f4)}
.bubble-label{font-size:10px;color:#74878e;margin-bottom:5px}
.speechtext{font-size:22px;line-height:1.62;min-height:56px;color:#203a48}
.target-bubble .speechtext{font-size:25px;line-height:1.58;color:#136c69;font-weight:670}
.visitor-turn .target-bubble .speechtext{color:#145d6a}
.bubble-actions{gap:8px;margin-top:14px}
.bubble-actions button{
  border:1px solid rgba(179,207,207,.9);border-radius:9px;background:rgba(255,255,255,.64);
  padding:7px 10px;min-height:36px;color:#3d6f6c
}
.bubble-actions button:disabled{opacity:.45}
.conversation-turn .status{
  margin-top:8px;padding:8px 11px;border-radius:10px;background:#f3f7f7;color:#6f8189;
  border:1px solid #e5ecec;font-size:10px
}
.conversation-turn .status.ok{background:#edf7f3;color:#4a7564;border-color:#dcece5}
.conversation-turn .status.warn{background:#fff8e9;color:#8a6821;border-color:#f0e2bb}
.message-editor>summary{color:#648087;font-weight:600}
.editor-body{border-color:#dce7e7;background:#fbfdfd}
.speech-dock{
  left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(970px,calc(100% - 36px));
  border:1px solid rgba(210,224,225,.96);border-radius:18px;padding:10px 14px 12px;
  background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(18,50,62,.16);backdrop-filter:blur(18px)
}
.dock-status{margin-bottom:8px;color:#697f86;font-size:10px}
.activity-dot{background:#99abae;transition:.2s}
.speech-dock:has(.micbtn.listening) .activity-dot{background:#d66358;box-shadow:0 0 0 6px rgba(214,99,88,.12);animation:v68Pulse 1.1s ease-in-out infinite}
@keyframes v68Pulse{50%{transform:scale(1.25);opacity:.7}}
.dock-buttons{gap:10px}
.dock-buttons .micbtn{
  min-height:60px;border-radius:12px;font-size:18px;font-weight:760;letter-spacing:-.02em;
  transition:transform .12s,box-shadow .12s,background .12s
}
.dock-buttons .micbtn:active{transform:translateY(1px)}
.dock-buttons .staffmic{background:linear-gradient(135deg,#0f8f92,#0b777c);border-color:#0d7f83;color:#fff;box-shadow:0 7px 18px rgba(15,143,146,.18)}
.dock-buttons #micBtn{background:#eef6f5;border-color:#d4e6e4;color:#196d67}
body[data-active-side="visitor"] .dock-buttons .staffmic{background:#edf4f4;border-color:#d7e4e3;color:#54787a;box-shadow:none}
body[data-active-side="visitor"] .dock-buttons #micBtn{background:linear-gradient(135deg,#298d7d,#1f786b);border-color:#247d70;color:#fff;box-shadow:0 7px 18px rgba(38,126,112,.16)}
.dock-buttons .micbtn.listening{background:#a64943!important;border-color:#a64943!important;color:#fff!important;box-shadow:0 7px 18px rgba(166,73,67,.18)!important}
.dock-meta{margin-top:7px;color:#85959a}
.runtime-version{color:#7d9095!important;font-size:9px!important}
.card{border-color:#dce7e8;box-shadow:var(--shadow-sm);border-radius:18px}
.cardhead{background:linear-gradient(180deg,#fff,#fbfdfd);border-bottom-color:#e7eeee}
.search{background:#fbfdfd;border-color:#dae7e7}
.filters{background:#fbfcfc}
.filter.active{background:#e8f5f4;border-color:#badfdc;color:#176d6a}
.phrase:hover{background:#f5faf9}.phrase.active{background:#ebf7f5;border-color:#cfe8e4}
.quick-speak,.phrase-mini,.star{border-color:#dbe6e7;background:#fff}
.btn.primary{background:linear-gradient(135deg,#174f69,#176a75);box-shadow:0 5px 14px rgba(23,92,105,.14)}
.modalbox{border:1px solid #dfe8e8;box-shadow:0 26px 80px rgba(12,40,52,.22)}

@media(min-width:1180px){
  main{max-width:1180px}.topin{max-width:1180px}
  .bubble-pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .target-bubble .speechtext{font-size:27px}
}
@media(max-width:700px){
  body{padding-bottom:166px;background:linear-gradient(180deg,#f3f7f7 0,#f8faf9 100%)}
  .top{position:relative;padding:14px 16px 15px;border-radius:0 0 18px 18px;box-shadow:0 8px 22px rgba(18,50,67,.12)}
  .school-mark{width:38px;height:38px;border-radius:11px;font-size:20px}.school-name{font-size:9px}.brand h1{font-size:18px}
  .header-actions .install{padding:8px 9px;font-size:10px;border-radius:9px}
  main{margin:12px auto 0;padding:0 12px 18px}
  .languagebar{padding:14px 14px;border-radius:16px;margin-bottom:12px;box-shadow:none}
  .language-pair{grid-template-columns:.84fr 32px 1.2fr;gap:8px}.fixed-language strong,.selected-language select{font-size:18px}
  .language-arrow{width:30px;height:30px;border-radius:9px;font-size:16px}.selected-language select{padding:8px 28px 8px 9px;border-radius:10px}
  .workspace-nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:11px;margin-bottom:17px}
  .workspace-nav button{padding:7px 4px!important;font-size:12px!important;min-width:0}
  .workspace-heading h2{font-size:18px}.workspace-heading p{font-size:11px}.header-server-badge{font-size:9px!important;padding:5px 8px!important}
  body[data-page=conversation] .right:not(:has(.conversation-turn[data-filled="true"]))::before{min-height:190px;padding:26px 18px;border-radius:16px;font-size:12px}
  .bubble-pair{grid-template-columns:1fr;gap:8px}
  .message-bubble,.target-bubble{margin:0;padding:15px 16px;border-radius:14px}
  .staff-turn .source-bubble,.visitor-turn .source-bubble{margin-right:22px}
  .staff-turn .target-bubble,.visitor-turn .target-bubble{margin-left:22px}
  .speechtext{font-size:20px;min-height:32px}.target-bubble .speechtext{font-size:24px;min-height:42px}
  .bubble-actions button{font-size:10px;padding:6px 9px}.conversation-turn .status{font-size:9px}
  .speech-dock{bottom:0;left:0;right:0;transform:none;width:100%;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding:8px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -10px 28px rgba(18,50,62,.12)}
  .dock-status{font-size:9px;margin-bottom:6px}.dock-buttons{gap:8px}.dock-buttons .micbtn{min-height:58px;font-size:17px;border-radius:11px}
  .dock-meta{font-size:8px}.runtime-version{font-size:8px!important}
}
@media(max-width:430px){
  .brand h1{font-size:16px}.header-actions #howInstallBtn{display:none}.header-actions .install{padding:7px 8px}
  .language-actions .mini-help{font-size:9px;padding:4px 5px}.fixed-language strong,.selected-language select{font-size:17px}
  .workspace-heading{gap:8px}.header-server-badge{max-width:94px;text-align:center;line-height:1.3}
  .staff-turn .source-bubble,.visitor-turn .source-bubble{margin-right:12px}.staff-turn .target-bubble,.visitor-turn .target-bubble{margin-left:12px}
}
@media(prefers-reduced-motion:reduce){.activity-dot{animation:none!important}.dock-buttons .micbtn{transition:none!important}}


/* v6.8.3 - 수동대화 / 자동대화 선택 */
.conversation-mode{display:flex;justify-content:center;gap:4px;margin:0 auto 8px;padding:3px;width:max-content;max-width:100%;background:#eef3f3;border:1px solid #dde7e7;border-radius:999px}
.mode-btn{border:0;background:transparent;color:#6f8288;min-height:30px;padding:5px 15px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer}
.mode-btn.active{background:#fff;color:#145d67;box-shadow:0 2px 8px rgba(18,64,76,.1)}
.auto-conversation-controls{display:none}
.auto-conversation-controls .auto-conversation-btn{width:100%;background:linear-gradient(135deg,#176b78,#238d79);border-color:#1b776f;color:#fff;box-shadow:0 7px 18px rgba(26,111,102,.16)}
.auto-conversation-controls .auto-conversation-btn.active{background:#a64943;border-color:#a64943;box-shadow:0 7px 18px rgba(166,73,67,.18)}
body[data-conversation-mode="auto"] .manual-conversation-controls{display:none}
body[data-conversation-mode="manual"] .auto-conversation-controls{display:none}
body[data-conversation-mode="auto"] .auto-conversation-controls{display:flex}
body[data-conversation-mode="auto"] .dock-status{color:#426e70;font-weight:600}
@media(max-width:700px){.conversation-mode{margin-bottom:6px}.mode-btn{min-height:28px;padding:4px 14px;font-size:10px}.auto-conversation-controls .micbtn{min-height:58px;font-size:17px}}

/* v6.8.4: more room for conversation, compact controls */
body{padding-bottom:160px}
.top{padding:14px 24px}
.topin,main{max-width:1440px}
main{margin:16px auto 0;padding:0 24px 24px}
.languagebar{padding:12px 18px;margin-bottom:12px}
.language-pair{max-width:720px}
.workspace-nav{margin-bottom:12px}
.workspace-heading{margin-bottom:14px}
body[data-page=conversation] .right:not(:has(.conversation-turn[data-filled="true"]))::before{display:none}
.right{gap:18px}
.message-bubble,.target-bubble{padding:18px 20px}
.speech-dock{max-width:1100px;padding:8px 16px 10px}
.dock-buttons .micbtn{min-height:52px}
.conversation-mode{margin-bottom:4px}
.dock-status{margin-bottom:5px}
.dock-meta{margin-top:4px}
@media(min-width:1000px){
 body[data-page=conversation] .right{display:grid;grid-template-columns:1fr 1fr;align-items:start}
 body[data-page=conversation] .conversation-turn{display:block!important}
 .bubble-pair{grid-template-columns:1fr}
 .speechtext{min-height:48px}
 .target-bubble .speechtext{min-height:78px}
}
@media(max-width:700px){
 body{padding-bottom:158px}
 .top{padding:11px 12px}
 main{margin:10px auto 0;padding:0 12px 18px}
 .languagebar{padding:12px;margin-bottom:10px}
 .workspace-nav{margin-bottom:12px}
 .speech-dock{padding:7px 12px max(9px,env(safe-area-inset-bottom))}
 .dock-buttons .micbtn{min-height:54px}
 .message-bubble,.target-bubble{margin-left:0;margin-right:0;padding:14px}
}

@media(min-width:701px){
 body{padding-bottom:20px}
 .speech-dock{position:relative;bottom:auto;left:auto;right:auto;transform:none;width:calc(100% - 48px);max-width:1392px;margin:12px auto 0}
}