/* Full-page CHINI conversation workspace. The homepage widget keeps its own layout. */
body.chini-workspace-active { overflow: hidden; }
body.chini-workspace-active > #root { display: none; }
#chini-workspace[hidden] { display: none !important; }
#chini-workspace {
  position: fixed; inset: 0; z-index: 99990; display: grid; grid-template-columns: 248px minmax(0, 1fr);
  height: 100dvh; background: #fff; color: #242724; font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#chini-workspace, #chini-workspace * { box-sizing: border-box; }
#chini-workspace button, #chini-workspace a { -webkit-tap-highlight-color: transparent; }
#chini-workspace button:focus-visible, #chini-workspace a:focus-visible, #chini-workspace textarea:focus-visible {
  outline: 2px solid #d66a35; outline-offset: 4px;
}
.chini-sidebar { display: flex; flex-direction: column; min-height: 0; padding: 30px 18px 20px; background: #f7f6f2; border-right: 1px solid #eeede8; }
.chini-brand { display: flex; align-items: center; gap: 10px; padding: 0 12px; color: #242724; text-decoration: none; }
#chini-sidebar .chini-brand-logo { display: none !important; }
.chini-brand-word { font-size: 23px; font-weight: 700; letter-spacing: -1px; }
.chini-brand-caption { font-size: 9px; color: #8a8982; letter-spacing: 1.7px; margin: 10px 0 32px 12px; text-transform: uppercase; }
.chini-workspace-new { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 13px 15px; border: 1px solid #dddcd4; border-radius: 10px; background: #fff; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; color: #33362e; }
.chini-workspace-new:hover { border-color: #ce987a; background: #fffaf7; }
.chini-workspace-new span:last-child { font-size: 21px; line-height: 16px; color: #888a81; font-weight: 400; }
.chini-nav-label { margin: 30px 12px 10px; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #93948a; }
.chini-practice-nav { display: grid; gap: 4px; }
.chini-practice-nav button, .chini-current-session { display: flex; align-items: center; gap: 11px; min-width: 0; width: 100%; padding: 11px 12px; border: 0; border-radius: 8px; font-size: 13px; text-align: left; background: transparent; color: #66695f; cursor: pointer; }
.chini-practice-nav button:hover { background: #eeede7; color: #30342b; }
.chini-nav-icon { width: 18px; height: 18px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.chini-current-session { background: #ebeae3; color: #4d5147; }
.chini-session-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chini-sidebar-bottom { margin-top: auto; padding: 26px 12px 0; }
.chini-sidebar-note { margin: 0 0 18px; max-width: 170px; font-size: 12px; line-height: 1.7; color: #7c8273; }
.chini-home-link { display: flex; align-items: center; gap: 9px; color: #64685d; text-decoration: none; font-size: 12px; }
.chini-home-link:hover { color: #c0653c; }
#chini-workspace-main { min-height: 0; min-width: 0; overflow: hidden; }
#chini-workspace #chini-float-window.chini-inline {
  position: relative; inset: auto; z-index: auto; width: 100%; max-width: none; height: 100%; max-height: none;
  border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none; transition: none; pointer-events: auto;
}
#chini-workspace .chini-chat-app { background: #fff; }
#chini-workspace .chini-hdr { background: #fff; padding: 25px 38px; color: #1e293b; overflow: visible; }
#chini-workspace .chini-hdr::before, #chini-workspace .chini-hdr::after { display: none; }
#chini-workspace .chini-hdr-main { gap: 12px; }
#chini-workspace .chini-hdr-avatar, #chini-workspace .chini-badge-pill, #chini-workspace .chini-btn-close { display: none; }
#chini-workspace .chini-hdr-title { font-family: inherit; font-size: 14px; color: #1e293b; font-weight: 600; letter-spacing: -.2px; }
#chini-workspace .chini-hdr-title::after { content: ' / Your AI career coach'; font-size: 12px; font-weight: 400; color: #93988a; margin-left: 3px; }
#chini-workspace .chini-hdr-status { margin-top: 5px; font-size: 10px; color: #92978b; gap: 5px; }
#chini-workspace .chini-status-dot { width: 5px; height: 5px; background: #829b73; box-shadow: none; animation: none; }
#chini-workspace .chini-hdr-btn { background: transparent; color: #939889; border: 1px solid #eeefe9; border-radius: 8px; width: 32px; height: 32px; }
#chini-workspace .chini-hdr-btn:hover { background: #f6f7f3; color: #3d4633; transform: none; }
#chini-workspace .chini-feed { padding: 26px max(32px, calc((100% - 748px) / 2)) 32px; gap: 28px; background: #fff; scrollbar-color: #dcded5 transparent; }
#chini-workspace .chini-welcome-card { display: none; }
.chini-workspace-welcome { display: none; }
#chini-workspace .chini-workspace-welcome { display: block; margin: auto 0 2px; padding-top: 20px; text-align: center; }
.chini-welcome-emblem { display: block; margin: 0 auto 20px; width: 152px; height: 118px; object-fit: contain; }
.chini-workspace-eyebrow { margin: 0 0 14px; color: #c25e18; font-size: 10px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; }
#chini-workspace .chini-workspace-heading { font-family: 'Inter', system-ui, sans-serif; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.2; font-weight: 500; letter-spacing: -1.7px; color: #192338; margin: 0 0 17px; }
#chini-workspace .chini-workspace-intro { margin: 0; font-size: 14px; line-height: 1.8; color: #64748b; }
#chini-workspace .chini-prompts-tray { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 6px auto auto; width: 100%; max-width: 610px; }
#chini-workspace .chini-prompt-chip { position: relative; display: block; padding: 17px 36px 17px 18px; border: 1px solid #eceee7; border-radius: 12px; background: #fff; color: #334155; font-size: 12px; font-weight: 500; line-height: 1.5; transition: background .15s, border-color .15s; }
#chini-workspace .chini-prompt-chip::after { content: '↗'; position: absolute; right: 16px; top: 17px; color: #a8ad9f; font-size: 15px; }
#chini-workspace .chini-prompt-chip:hover { transform: none; box-shadow: none; background: #fafbf7; border-color: #cbd2c0; }
#chini-workspace .chini-prompt-chip:disabled { opacity: .65; }
#chini-workspace .chip-icon { display: none; }
.chini-prompt-detail { display: none; }
#chini-workspace .chini-prompt-detail { display: block; margin-top: 5px; font-size: 11px; font-weight: 400; color: #64748b; }
#chini-workspace .chini-feed.has-messages .chini-workspace-welcome { display: none; }
#chini-workspace .chini-row { width: 100%; max-width: 100%; animation: none; gap: 13px; }
#chini-workspace .chini-row.user { max-width: 82%; width: auto; margin-top: 4px; }
#chini-workspace .chini-row.user .chini-msg-avi { display: none; }
#chini-workspace .chini-row.bot .chini-msg-avi { width: 27px; height: 27px; margin-top: 6px; border: 0; border-radius: 9px; background: #f9ebe1; color: #cb784c; }
#chini-workspace .chini-row.bot .chini-msg-avi span { display: none; }
#chini-workspace .chini-row.bot .chini-msg-avi::after { content: ""; width: 40px; height: 31px; background: url("/image/logo2.png") center / contain no-repeat; }
#chini-workspace .chini-row .chini-bubble { font-size: 15px; line-height: 1.85; }
#chini-workspace .chini-row.bot .chini-bubble { padding: 0; border: 0; background: transparent; color: #334155; border-radius: 0; box-shadow: none; }
#chini-workspace .chini-row.user .chini-bubble { padding: 11px 19px; background: #f5f3ed; color: #334155; border-radius: 18px 18px 4px 18px; box-shadow: none; }
#chini-workspace .chini-msg-content { min-width: 0; flex: 1; }
#chini-workspace .chini-msg-meta { padding: 3px 0 0; color: #a9ad9f; font-size: 10px; }
#chini-workspace .chini-bubble strong { color: #182234; }
#chini-workspace .chini-copy-btn { color: #939a88; }
#chini-workspace .chini-dock { padding: 12px max(32px, calc((100% - 748px) / 2)) 18px; background: #fff; border: 0; }
#chini-workspace .chini-dock-box { display: flex; align-items: flex-end; gap: 14px; padding: 15px 15px 15px 20px; min-height: 80px; background: #fafaf8; border: 1px solid #e6e8df; border-radius: 20px; box-shadow: 0 3px 15px rgba(45,55,28,.03); }
#chini-workspace .chini-dock-box:focus-within { border-color: #c7ceba; box-shadow: 0 3px 18px rgba(45,55,28,.05); }
#chini-workspace .chini-textarea { min-height: 42px; padding: 6px 0; background: transparent; color: #414936; font-size: 14px; line-height: 1.6; }
#chini-workspace .chini-textarea::placeholder { color: #7b8797; }
#chini-workspace .chini-send-btn { flex-shrink: 0; width: 36px; height: 36px; margin-bottom: 5px; border-radius: 12px; background: #f97316; box-shadow: none; }
#chini-workspace .chini-send-btn:hover:not(:disabled) { background: #ea580c; transform: none; }
#chini-workspace .chini-send-btn:disabled { background: #e8eadd; color: #a4ac91; opacity: 1; }
#chini-workspace .chini-dock-footer { padding: 10px 5px 0; font-size: 9px; color: #a5ab9a; gap: 12px; }
#chini-workspace .chini-dock-footer a { color: #899379; }
#chini-workspace .chini-typing-row { color: #9b9f92; font-size: 13px; }
#chini-workspace .chini-error-banner { flex-shrink: 0; font-size: 12px; line-height: 1.6; }
.chini-menu-button, .chini-sidebar-close, .chini-sidebar-scrim { display: none; }
@media (min-width: 801px) { #chini-workspace .chini-sidebar { visibility: visible !important; } }
@media (max-width: 800px) {
  #chini-workspace { grid-template-columns: minmax(0, 1fr); }
  .chini-sidebar { position: absolute; inset: 0 auto 0 0; width: min(280px, 85vw); z-index: 4; visibility: hidden; transform: translateX(-100%); transition: transform .2s, visibility .2s; }
  #chini-workspace.sidebar-open .chini-sidebar { visibility: visible; transform: translateX(0); }
  #chini-workspace.sidebar-open .chini-sidebar-scrim { display: block; position: absolute; inset: 0; z-index: 3; background: rgba(36,42,29,.25); border: 0; }
  .chini-sidebar-close { display: block; position: absolute; right: 18px; top: 30px; background: transparent; border: 0; color: #737b66; font-size: 24px; cursor: pointer; }
  #chini-workspace .chini-menu-button { display: grid; place-items: center; flex-shrink: 0; border: 0; background: transparent; color: #7d866f; padding: 4px; cursor: pointer; }
  #chini-workspace .chini-hdr { padding: 18px 20px; }
  #chini-workspace .chini-hdr-title::after { font-size: 10px; }
  #chini-workspace .chini-feed { padding: 20px 24px 26px; gap: 24px; }
  #chini-workspace .chini-workspace-welcome { padding-top: 8px; }
  #chini-workspace .chini-workspace-heading { letter-spacing: -1px; }
  #chini-workspace .chini-workspace-intro { font-size: 12px; }
  #chini-workspace .chini-dock { padding: 10px 18px max(14px, env(safe-area-inset-bottom)); }
  #chini-workspace .chini-textarea { font-size: 16px; }
  #chini-workspace .chini-prompt-chip { padding: 13px 26px 13px 13px; font-size: 11px; }
  #chini-workspace .chini-prompt-chip::after { right: 12px; }
  #chini-workspace .chini-prompt-detail { font-size: 10px; }
  #chini-workspace .chini-row .chini-bubble { font-size: 14px; }
}
@media (max-width: 380px) { #chini-workspace .chini-hdr-title::after { display: none; } }
@media (max-height: 650px) { #chini-workspace .chini-workspace-welcome { margin-top: 0; } .chini-welcome-emblem { display: none; } }
@media (prefers-reduced-motion: reduce) { #chini-workspace * { transition: none !important; scroll-behavior: auto !important; } }

#chini-workspace .chini-textarea:focus-visible { outline: none; }

/* Change Ur Story branding: original logo and orange wave artwork. */
#chini-workspace { background: #fff9f3; }
#chini-workspace-main {
  background: #fffaf5 url("/image/Frame%2052.png") center / cover no-repeat;
}
#chini-workspace #chini-float-window.chini-inline, #chini-workspace .chini-chat-app,
#chini-workspace .chini-feed { background: transparent; }
#chini-workspace .chini-hdr { background: rgba(255, 255, 255, .82); border-bottom: 1px solid rgba(249, 115, 22, .08); }
#chini-workspace .chini-dock { background: linear-gradient(transparent, rgba(255, 250, 245, .94) 55%); }
#chini-workspace .chini-sidebar { background: linear-gradient(160deg, #fff7ed, #fffaf5 60%, #fff); border-color: #f2e2d4; }
#chini-workspace .chini-brand-word { font-size: 24px; font-weight: 800; letter-spacing: -.7px; color: #1e293b; }
#chini-workspace .chini-brand-caption { letter-spacing: 1.2px; color: #937761; }
#chini-workspace .chini-workspace-new { border-color: #fed7aa; color: #c2410c; background: #fff; }
#chini-workspace .chini-workspace-new:hover { background: #fff3e7; border-color: #fb923c; }
#chini-workspace .chini-current-session { color: #c2410c; background: #ffedd5; }
#chini-workspace .chini-practice-nav button:hover { background: #fff0df; color: #c2410c; }
#chini-workspace .chini-workspace-heading { font-weight: 600; }
#chini-workspace .chini-prompt-chip { background: rgba(255,255,255,.92); border-color: #eee2d7; }
#chini-workspace .chini-prompt-chip:hover { background: #fff7ed; border-color: #fdba74; }
#chini-workspace .chini-row.user .chini-bubble { background: #fff0e1; border: 1px solid #ffdec3; }
#chini-workspace .chini-row.bot .chini-msg-avi { width: 40px; height: 32px; background: transparent; }
#chini-workspace .chini-dock-box { background: rgba(255,255,255,.97); border-color: #ecd5c1; box-shadow: 0 4px 24px rgba(194,65,12,.06); }
#chini-workspace .chini-dock-box:focus-within { border-color: #fb923c; box-shadow: 0 0 0 3px rgba(249,115,22,.08); }
#chini-workspace .chini-send-btn:disabled { background: #ffedd5; color: #b88f70; }
@media (max-width: 800px) {
  #chini-workspace-main { background-size: auto 100%; }
  .chini-welcome-emblem { width: 124px; height: 96px; margin-bottom: 16px; }
}