#ttj-course-chatbot {
  --tcc-ink: var(--ink, #1d1b17);
  --tcc-gold: #c5a178;
  --tcc-line: #e5dfd5;
  --tcc-paper: #fbfaf7;
  font-family: var(--font, 'Pretendard Variable', Pretendard, -apple-system, sans-serif);
  color: var(--tcc-ink); font-size:14px; line-height:1.6; position:relative; z-index:1045;
}
#ttj-course-chatbot * { box-sizing:border-box; }
#ttj-course-chatbot [hidden] { display:none!important; }
#ttj-course-chatbot button, #ttj-course-chatbot textarea { font:inherit; border-radius:0; }
#ttj-course-chatbot button { cursor:pointer; transition:background .15s, border-color .15s; }
#ttj-course-chatbot button:focus-visible, #ttj-course-chatbot a:focus-visible, #ttj-course-chatbot textarea:focus-visible { outline:2px solid #9a754b; outline-offset:3px; }
#ttj-course-chatbot .tcc-launch { position:fixed; right:24px; bottom:92px; display:flex; align-items:center; gap:10px; min-height:48px; padding:12px 18px; color:#fffaf0; background:var(--tcc-ink); border:1px solid #494237; box-shadow:0 8px 25px #211b1724; font-weight:700; letter-spacing:-.025em; }
#ttj-course-chatbot .tcc-launch svg { color:var(--tcc-gold); }
#ttj-course-chatbot .tcc-launch:hover { background:#353027; border-color:var(--tcc-gold); }
#ttj-course-chatbot .tcc-panel { position:fixed; right:24px; bottom:92px; width:390px; max-width:calc(100vw - 32px); height:650px; max-height:calc(100dvh - 120px); display:flex; flex-direction:column; background:var(--tcc-paper); border:1px solid #c9bca9; box-shadow:0 18px 65px #211b1730; overflow:hidden; }
#ttj-course-chatbot .tcc-header { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-shrink:0; padding:23px 20px 20px; background:var(--tcc-ink); border-bottom:2px solid var(--tcc-gold); }
#ttj-course-chatbot p { margin:0; white-space:normal!important; }
#ttj-course-chatbot .tcc-eyebrow { font-size:10px; font-weight:650; color:var(--tcc-gold); letter-spacing:.04em; margin-bottom:10px; }
#ttj-course-chatbot h2 { font-size:21px; font-weight:750; letter-spacing:-.055em; margin:0; line-height:1.4; color:#fffaf1; }
#ttj-course-chatbot .tcc-subtitle { font-size:11px; color:#c1b9aa; margin-top:8px; }
#ttj-course-chatbot .tcc-close { display:grid; place-items:center; flex-shrink:0; border:1px solid #ffffff26; background:transparent; width:30px; height:30px; color:#e4ded3; }
#ttj-course-chatbot .tcc-close:hover { background:#ffffff14; border-color:var(--tcc-gold); }
#ttj-course-chatbot .tcc-conversation { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px 17px 4px; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:#ccc2b5 transparent; }
#ttj-course-chatbot .tcc-message { max-width:96%; margin:0 0 18px; font-size:13px; line-height:1.85; overflow-wrap:anywhere; white-space:normal; }
#ttj-course-chatbot .tcc-who { display:block; font-size:10px; font-weight:650; color:#87745b; margin:0 0 7px; }
#ttj-course-chatbot .tcc-text { white-space:pre-wrap; padding:12px 14px; background:#f2eee7; border-left:2px solid #c5a178; color:#464038; }
#ttj-course-chatbot .tcc-user { margin-left:auto; max-width:86%; }
#ttj-course-chatbot .tcc-user .tcc-text { background:#29251f; border-left:0; color:#fffaf2; }
#ttj-course-chatbot .tcc-user .tcc-who { display:none; }
#ttj-course-chatbot .tcc-loading { display:flex; gap:4px; padding:6px 0; }
#ttj-course-chatbot .tcc-loading i { height:5px; width:5px; background:#aa8b64; animation:tcc-pulse 1.2s infinite; }
#ttj-course-chatbot .tcc-loading i:nth-child(2) { animation-delay:.15s; }
#ttj-course-chatbot .tcc-loading i:nth-child(3) { animation-delay:.3s; }
@keyframes tcc-pulse { 0%,70%,100%{opacity:.4} 35%{opacity:1} }
#ttj-course-chatbot .tcc-topics { display:flex; flex-wrap:wrap; gap:6px; padding:8px 17px 15px; max-height:117px; overflow:auto; flex-shrink:0; scrollbar-width:thin; }
#ttj-course-chatbot .tcc-topics button { padding:7px 9px; background:#fff; border:1px solid #ddd5c9; color:#625648; font-size:11px; line-height:1.45; text-align:left; max-width:100%; }
#ttj-course-chatbot .tcc-topics button:hover { background:#f0e7d9; border-color:#b59870; color:#33291d; }
#ttj-course-chatbot .tcc-topics button:disabled { opacity:.5; cursor:default; }
#ttj-course-chatbot .tcc-shortcuts { padding:12px 17px; display:flex; gap:8px; border-top:1px solid var(--tcc-line); flex-shrink:0; background:#f5f0e8; }
#ttj-course-chatbot .tcc-shortcuts button { flex:1; padding:11px 8px; border:1px solid #c9bdad; background:transparent; color:#54483b; font-weight:700; font-size:12px; }
#ttj-course-chatbot .tcc-shortcuts button:hover { background:#ede4d6; }
#ttj-course-chatbot .tcc-shortcuts .tcc-enroll { background:var(--tcc-gold); border-color:var(--tcc-gold); color:#211a11; }
#ttj-course-chatbot .tcc-shortcuts .tcc-enroll:hover { background:#d4b58e; border-color:#d4b58e; }
#ttj-course-chatbot .tcc-enroll span { padding-left:6px; }
#ttj-course-chatbot .tcc-compose { display:flex; align-items:flex-end; gap:8px; padding:13px 14px 6px; margin:0!important; border-top:1px solid var(--tcc-line); flex-shrink:0; background:var(--tcc-paper); }
#ttj-course-chatbot textarea { display:block; min-width:0; resize:none; flex:1; border:1px solid #e1d9cd; background:#fff; padding:9px 10px; font-size:12px; line-height:1.65; min-height:56px; max-height:120px; color:#3f382f; }
#ttj-course-chatbot textarea::placeholder { color:#8b8072; }
#ttj-course-chatbot textarea:disabled { color:#827769; background:#f0ede7; opacity:1; -webkit-text-fill-color:#827769; cursor:default; }
#ttj-course-chatbot .tcc-send { display:grid; place-items:center; width:37px; height:37px; flex-shrink:0; background:var(--tcc-ink); border:1px solid var(--tcc-ink); color:#fff9ed; margin-bottom:1px; }
#ttj-course-chatbot .tcc-send:hover { background:#443a2e; }
#ttj-course-chatbot .tcc-send:disabled { background:#e5ded3; border-color:#e5ded3; color:#a79c8c; cursor:default; }
#ttj-course-chatbot .tcc-send[data-busy=true] { background:#736555; border-color:#736555; font-size:11px; }
#ttj-course-chatbot .tcc-bottom { padding:3px 15px 13px; display:flex; justify-content:space-between; align-items:flex-start; gap:8px; flex-shrink:0; font-size:10px; color:#908372; }
#ttj-course-chatbot .tcc-status { flex:1; min-width:0; }
#ttj-course-chatbot .tcc-bottom a { flex-shrink:0; color:#68553c; text-decoration:underline; text-underline-offset:3px; }
#ttj-course-chatbot .tcc-policy { display:inline-block; margin-top:7px; color:#7b5a32; text-decoration:underline; font-size:12px; }
#ttj-course-chatbot .tcc-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1280px) { /* The shared page uses 110% desktop zoom. */
  #ttj-course-chatbot .tcc-panel { max-height:calc(100dvh / 1.1 - 120px); }
}
@media(max-width:575px) {
  #ttj-course-chatbot .tcc-launch { right:14px; bottom:calc(88px + env(safe-area-inset-bottom)); min-height:44px; padding:10px 14px; font-size:12px; }
  #ttj-course-chatbot .tcc-panel { right:10px; bottom:calc(83px + env(safe-area-inset-bottom)); width:calc(100vw - 20px); max-width:none; height:calc(100dvh - 102px - env(safe-area-inset-bottom)); max-height:680px; }
  #ttj-course-chatbot .tcc-header { padding:16px; }
  #ttj-course-chatbot h2 { font-size:19px; }
  #ttj-course-chatbot .tcc-eyebrow { margin-bottom:7px; }
  #ttj-course-chatbot .tcc-subtitle { margin-top:6px; }
  #ttj-course-chatbot .tcc-topics { max-height:98px; }
  #ttj-course-chatbot textarea { font-size:16px; }
  #ttj-course-chatbot .tcc-bottom { font-size:9.5px; }
}
@media(prefers-reduced-motion:reduce) { #ttj-course-chatbot * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* Rounded surfaces remain local to the widget despite the shared page reset. */
#ttj-course-chatbot .tcc-launch { border-radius:999px!important; }
#ttj-course-chatbot .tcc-panel { border-radius:20px!important; }
#ttj-course-chatbot .tcc-close { border-radius:50%!important; }
#ttj-course-chatbot .tcc-text { border-radius:3px 14px 14px 14px!important; }
#ttj-course-chatbot .tcc-user .tcc-text { border-radius:14px 3px 14px 14px!important; }
#ttj-course-chatbot .tcc-topics button { border-radius:16px!important; }
#ttj-course-chatbot .tcc-shortcuts button { border-radius:9px!important; }
#ttj-course-chatbot .tcc-compose textarea { border-radius:9px!important; }
#ttj-course-chatbot .tcc-send { border-radius:10px!important; }
#ttj-course-chatbot .tcc-chat-view { display:flex; flex-direction:column; flex:1; min-height:0; }
#ttj-course-chatbot .tcc-contact-open { padding:0; border:0; background:transparent; font-size:inherit; color:#68553c; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
#ttj-course-chatbot .tcc-inquiry-view { flex:1; min-height:0; overflow:auto; padding:20px; }
#ttj-course-chatbot .tcc-inquiry-form { margin:0!important; }
#ttj-course-chatbot .tcc-contact-back { padding:0 0 12px; color:#7a6346; background:transparent; border:0; font-size:12px; font-weight:650; }
#ttj-course-chatbot .tcc-contact-back span { padding-right:5px; }
#ttj-course-chatbot .tcc-contact-hint { padding:10px 12px; background:#f0ebe2; color:#776957; font-size:11px; line-height:1.65; border-radius:8px!important; }
#ttj-course-chatbot .tcc-inquiry-form label { display:block; margin:16px 0 7px; color:#534637; font-size:12px; font-weight:650; }
#ttj-course-chatbot .tcc-inquiry-form label span { color:#948878; font-size:11px; font-weight:400; }
#ttj-course-chatbot .tcc-inquiry-form input, #ttj-course-chatbot .tcc-inquiry-form textarea { display:block; width:100%; min-width:0; padding:10px 11px; background:#fff; border:1px solid #dbd2c6; border-radius:8px!important; color:#3f382f; font:inherit; font-size:13px; line-height:1.65; }
#ttj-course-chatbot .tcc-inquiry-form textarea { min-height:112px; max-height:220px; resize:vertical; }
#ttj-course-chatbot .tcc-contact-note { margin-top:11px; color:#8d8070; font-size:10px; line-height:1.65; }
#ttj-course-chatbot .tcc-contact-send { display:flex; justify-content:space-between; width:100%; padding:12px 14px; margin-top:16px; border:1px solid var(--tcc-gold); border-radius:10px!important; background:var(--tcc-gold); color:#211a11; font-size:13px; font-weight:700; }
#ttj-course-chatbot .tcc-contact-send:disabled { opacity:.55; cursor:default; }
#ttj-course-chatbot .tcc-contact-status { min-height:20px; margin-top:9px; font-size:11px; line-height:1.7; color:#85602e; white-space:pre-wrap!important; }
#ttj-course-chatbot .tcc-contact-success { padding:60px 8px; text-align:center; }
#ttj-course-chatbot .tcc-contact-success svg { color:#a98554; }
#ttj-course-chatbot .tcc-contact-success h3 { margin:20px 0 10px; font-size:22px; letter-spacing:-.04em; }
#ttj-course-chatbot .tcc-contact-success p { font-size:12px; color:#84735f; line-height:1.8; margin-bottom:30px; }
#ttj-course-chatbot .tcc-honeypot { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media(max-width:575px) { #ttj-course-chatbot .tcc-panel { border-radius:16px!important; } #ttj-course-chatbot .tcc-inquiry-view { padding:16px; } #ttj-course-chatbot .tcc-inquiry-form input, #ttj-course-chatbot .tcc-inquiry-form textarea { font-size:16px; } }
