:root {
  color-scheme: dark;
  --bg: #09070e;
  --panel: #12101a;
  --panel-2: #191521;
  --line: #332a42;
  --text: #f8f3ff;
  --muted: #9d94aa;
  --purple: #8147ff;
  --pink: #cf67cb;
  --orange: #ff7953;
  --green: #72e7a3;
  --danger: #ff7890;
  --shadow: 0 26px 90px rgba(0, 0, 0, .48);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.ambient { position: fixed; z-index: 0; pointer-events: none; filter: blur(90px); opacity: .2; }
.ambient-a { width: 42vw; height: 42vw; top: -20vw; right: -10vw; background: #803cff; }
.ambient-b { width: 34vw; height: 34vw; left: -15vw; bottom: -12vw; background: #ff6f52; }
.app-shell { position: relative; z-index: 1; min-height: 100dvh; }
.center-view, .auth-view {
  min-height: 100dvh; display: grid; place-content: center; justify-items: center;
  padding: 30px 20px; text-align: center;
}
.lize-orb {
  position: relative; display: grid; flex: 0 0 auto; place-items: center;
  width: 43px; height: 43px; border-radius: 50%;
  background: linear-gradient(145deg, #ffb3a0, #a06eff 48%, #3c205e);
  box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 12px 35px rgba(116,64,230,.35);
}
.lize-orb::before {
  content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255,255,255,.32);
  border-radius: inherit;
}
.lize-orb span { position: relative; font-size: 10px; font-weight: 950; letter-spacing: -.04em; }
.lize-orb.large { width: 92px; height: 92px; margin: 0 auto 20px; }
.lize-orb.large span { font-size: 20px; }
.lize-orb.portrait { overflow: hidden; background: #211a2c; }
.lize-orb.portrait::before { z-index: 1; inset: 4px; }
.lize-orb.portrait img {
  display: block; width: 100%; height: 100%; border-radius: inherit;
  object-fit: cover; object-position: 50% 31%;
}
.loading-copy, .muted { color: var(--muted); font-size: 13px; line-height: 1.7; }
.error-mark {
  display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid #5a3040;
  border-radius: 22px; color: var(--danger); background: rgba(255,90,120,.08);
  font-size: 30px; font-weight: 900;
}
.auth-view { width: min(100%, 660px); margin: auto; }
.hero { padding: 38px 24px; }
.eyebrow { color: #c2a6ff; font-size: 10px; font-weight: 950; letter-spacing: .17em; }
.hero h1, .mode-intro h1 {
  margin: 12px 0 14px; font-size: clamp(34px, 8vw, 58px); line-height: 1.07; letter-spacing: -.055em;
  background: linear-gradient(102deg, #fff 10%, #ddcfff 56%, #ffad8f);
  -webkit-background-clip: text; color: transparent;
}
.hero > p, .mode-intro > p {
  max-width: 520px; margin: 0 auto; color: #aaa1b5; font-size: 14px; line-height: 1.75;
}
.button {
  min-height: 48px; padding: 0 20px; border: 1px solid var(--line); border-radius: 14px;
  color: #fff; background: var(--panel-2); font-weight: 850;
}
.button.google { margin-top: 28px; min-width: 240px; background: #fff; color: #19151e; border: 0; }
.google-g { margin-right: 8px; color: #4285f4; font-size: 17px; font-weight: 950; }
.button.secondary { margin-top: 16px; }
.privacy-note { color: #706879; font-size: 10px; line-height: 1.6; }
.mode-view { width: min(100%, 1120px); margin: auto; padding: 0 28px 80px; }
.topbar, .chat-header {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between;
  min-height: 72px; border-bottom: 1px solid rgba(51,42,66,.8);
  background: rgba(9,7,14,.82); backdrop-filter: blur(20px);
}
.brand-lockup, .chat-identity { display: flex; align-items: center; gap: 11px; }
.brand-lockup strong, .chat-identity strong { display: block; font-size: 13px; }
.brand-lockup small, .chat-identity small { display: block; margin-top: 2px; color: #8d8398; font-size: 9px; }
.top-actions, .chat-actions { display: flex; gap: 7px; }
.icon-button, .text-button, .round-button {
  min-height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px;
  color: #dcd5e5; background: #14111a; font-size: 10px; font-weight: 850;
}
.mode-intro { padding: 60px 0 28px; }
.mode-intro h1 { font-size: clamp(34px, 6vw, 52px); }
.mode-intro > p { margin: 0; }
.domain-picker {
  display: grid; grid-template-columns: auto minmax(220px, 360px); align-items: center; gap: 8px 12px;
  width: fit-content; max-width: 100%; margin-top: 24px; padding: 11px 13px;
  border: 1px solid #332a42; border-radius: 15px; background: rgba(18,16,26,.78);
}
.domain-picker label { color: #9d94aa; font-size: 9px; font-weight: 850; }
.domain-picker select {
  min-height: 38px; padding: 0 34px 0 12px; border: 1px solid #49395b; border-radius: 11px;
  outline: 0; color: #f5effc; background: #17131e; font-size: 11px; font-weight: 800;
}
.domain-picker small {
  grid-column: 1 / -1; color: #776e82; font-size: 9px; line-height: 1.55;
}
.mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mode-card {
  position: relative; min-height: 210px; padding: 22px; overflow: hidden; text-align: left;
  border: 1px solid var(--line); border-radius: 23px; color: var(--text);
  background: linear-gradient(145deg, rgba(28,23,37,.97), rgba(15,13,20,.97));
  box-shadow: 0 16px 50px rgba(0,0,0,.18); transition: transform .18s ease, border-color .18s ease;
}
.mode-card:hover { transform: translateY(-2px); border-color: #7653a3; }
.mode-card[disabled] { cursor: not-allowed; opacity: .45; filter: saturate(.6); }
.mode-card::after {
  content: ""; position: absolute; width: 150px; height: 150px; right: -60px; bottom: -70px;
  border-radius: 50%; background: var(--mode-color, #8a4fff); filter: blur(35px); opacity: .2;
}
.mode-index { color: var(--mode-color, #bca2ff); font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.mode-card h2 { margin: 30px 0 8px; font-size: 23px; letter-spacing: -.035em; }
.mode-card p { max-width: 440px; margin: 0; color: #aaa2b2; font-size: 12px; line-height: 1.7; }
.mode-card footer { position: absolute; left: 22px; bottom: 20px; color: #817789; font-size: 9px; }
.recent-section { margin-top: 58px; border-top: 1px solid var(--line); padding-top: 28px; }
.section-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 15px; }
.section-head h2, .drawer-header h2 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.035em; }
.text-button { background: transparent; }
.conversation-list { display: grid; gap: 8px; }
.conversation-item {
  display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 15px;
  padding: 14px 16px; border: 1px solid #2e2738; border-radius: 14px;
  color: #ebe5f2; background: #100e15; text-align: left;
}
.conversation-item:hover { border-color: #5a466e; }
.conversation-copy { min-width: 0; }
.conversation-copy strong {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;
}
.conversation-copy small { display: block; margin-top: 5px; color: #817888; font-size: 9px; }
.conversation-mode { flex: 0 0 auto; color: #b99cff; font-size: 9px; font-weight: 850; }
.empty-copy { padding: 24px; border: 1px dashed #30283a; border-radius: 15px; color: #7e7588; text-align: center; font-size: 11px; }
.chat-view { min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto auto; }
.chat-header { padding: 0 18px; }
.round-button { width: 40px; padding: 0; border-radius: 13px; font-size: 20px; }
.round-button.wide { width: auto; padding: 0 11px; font-size: 9px; }
.mode-symbol {
  display: grid; place-items: center; width: 35px; height: 35px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14); background: linear-gradient(135deg,#763cff,#ff7f58);
  font-size: 9px; font-weight: 950;
}
.message-list {
  width: min(100%, 820px); margin: 0 auto; padding: 26px 18px 145px;
  overflow-y: auto; scroll-behavior: smooth;
}
.previous-messages-holder {
  display: flex; justify-content: center; margin: 0 0 24px;
}
.previous-messages-button {
  min-height: 38px; padding: 0 18px; border: 1px solid #59416d; border-radius: 999px;
  color: #d8c6eb; background: rgba(35, 25, 47, .88); font-size: 11px; font-weight: 850;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
}
.previous-messages-button:hover,
.previous-messages-button:focus-visible { border-color: #b67bdf; color: #fff; background: #342144; }
.previous-messages-button:disabled { opacity: .55; cursor: wait; }
.message { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 18px; }
.message.user { justify-content: flex-end; gap: 8px; }
.message-body { display: flex; min-width: 0; max-width: calc(100% - 72px); flex-direction: column; gap: 6px; }
.message.user .message-body { align-items: flex-end; max-width: calc(100% - 48px); }
.message-avatar {
  position: relative; flex: 0 0 auto; overflow: hidden; border-radius: 50%;
  background: #211a2c; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 8px 24px rgba(0,0,0,.3);
}
.message-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.message-avatar.lize-avatar { width: 60px; height: 60px; }
.message-avatar.lize-avatar img { object-position: 50% 31%; }
.message-avatar.user-avatar {
  display: grid; place-items: center; width: 34px; height: 34px; margin-top: 4px;
  color: #fff; background: linear-gradient(135deg,#7439ef,#d3658f); font-size: 12px; font-weight: 900;
}
.avatar-fallback { text-transform: uppercase; }
.bubble {
  max-width: 650px; padding: 13px 15px; border: 1px solid #30283a;
  border-radius: 18px 18px 18px 5px; background: #15121b; font-size: 13px; line-height: 1.72;
  white-space: pre-wrap; overflow-wrap: anywhere;
}

.message-link {
  color: #d7b4ff;
  text-decoration: underline;
  text-decoration-color: rgba(215, 180, 255, .55);
  text-underline-offset: .18em;
  overflow-wrap: anywhere;
}

.message-link:hover,
.message-link:focus-visible {
  color: #ffd0df;
}

.history-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bubble.chat-segment {
  opacity: 0; transform: translateY(5px);
  animation: chat-segment-in .22s ease forwards;
}
@keyframes chat-segment-in {
  to { opacity: 1; transform: translateY(0); }
}
.message.user .bubble {
  border: 0; border-radius: 18px 18px 5px 18px;
  background: linear-gradient(135deg,#7439ef,#a04dd4 58%,#d3658f);
}
.message-meta { margin: 1px 3px 0; color: #716879; font-size: 8px; }
.typing .bubble { color: #9e94aa; }
.typing-dots { display: inline-flex; gap: 4px; margin-left: 5px; }
.typing-dots i { width: 4px; height: 4px; border-radius: 50%; background: #b79be8; animation: blink 1s infinite alternate; }
.typing-dots i:nth-child(2) { animation-delay: .18s; }
.typing-dots i:nth-child(3) { animation-delay: .36s; }
@keyframes blink { to { opacity: .2; transform: translateY(-2px); } }
.composer {
  position: fixed; z-index: 18; left: 50%; bottom: max(19px, env(safe-area-inset-bottom));
  display: flex; align-items: flex-end; gap: 9px; width: min(calc(100% - 28px), 790px);
  padding: 10px; transform: translateX(-50%); border: 1px solid #443653; border-radius: 20px;
  background: rgba(18,15,24,.95); box-shadow: var(--shadow); backdrop-filter: blur(18px);
}
.composer textarea {
  flex: 1; min-height: 42px; max-height: 150px; padding: 11px 8px; resize: none; overflow-y: auto;
  border: 0; outline: 0; color: #fff; background: transparent; font-size: 13px; line-height: 1.55;
}
.composer textarea::placeholder { color: #6f6679; }
.attach-button {
  flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid #5c4670; border-radius: 14px;
  color: #eadcff; background: #21172d; font-size: 24px; line-height: 1; font-weight: 500;
}
.chat-image-preview { position: relative; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.chat-image-preview button { position:absolute;right:-5px;top:-7px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#e85b89;color:#fff;font-size:13px;line-height:18px; }
.chat-message-image{display:block;width:min(220px,100%);max-height:220px;object-fit:cover;border-radius:12px;margin:0 0 9px;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.send-button {
  flex: 0 0 auto; width: 42px; height: 42px; border: 0; border-radius: 14px;
  color: #fff; background: linear-gradient(135deg,var(--purple),var(--orange)); font-size: 20px; font-weight: 900;
}
.send-button:disabled { opacity: .4; cursor: wait; }
.composer-status {
  position: fixed; z-index: 17; left: 50%; bottom: 2px; transform: translateX(-50%);
  margin: 0; color: #5f5768; font-size: 8px; white-space: nowrap;
}
.drawer-backdrop { position: fixed; z-index: 40; inset: 0; background: rgba(3,2,5,.72); backdrop-filter: blur(5px); }
.drawer {
  position: fixed; z-index: 50; top: 0; right: 0; width: min(92vw, 430px); height: 100dvh;
  padding: 24px 18px; overflow-y: auto; border-left: 1px solid var(--line);
  background: #0e0b13; box-shadow: -25px 0 80px rgba(0,0,0,.42);
}
.drawer-header { display: flex; align-items: center; justify-content: space-between; }
.drawer-description { color: #8e8598; font-size: 11px; line-height: 1.7; }
.memory-list { display: grid; gap: 9px; margin-top: 20px; }
.memory-item { padding: 13px; border: 1px solid #30283b; border-radius: 14px; background: #15111b; }
.memory-item p { margin: 0; color: #ddd6e5; font-size: 11px; line-height: 1.65; }
.memory-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 9px; }
.memory-tag { color: #a991d2; font-size: 8px; font-weight: 850; }
.memory-actions { display: flex; align-items: center; gap: 7px; }
.delete-memory, .move-memory {
  border: 0; color: #ff8ca0; background: transparent; font-size: 9px; font-weight: 850;
}
.move-memory { color: #bca5ff; }
.toast {
  position: fixed; z-index: 100; left: 50%; bottom: 90px; max-width: calc(100% - 32px);
  padding: 11px 15px; transform: translate(-50%, 12px); border: 1px solid #4a3c58; border-radius: 999px;
  color: #eee7f6; background: rgba(22,18,28,.96); box-shadow: var(--shadow);
  font-size: 10px; opacity: 0; pointer-events: none; transition: .2s;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.ob-handoff{width:min(760px,calc(100% - 30px));margin:4px auto 110px;padding:15px;border:1px solid #674589;border-radius:16px;background:linear-gradient(135deg,rgba(78,35,133,.64),rgba(28,20,38,.96));display:grid;gap:8px}.ob-handoff b{font-size:13px}.ob-handoff span{color:#bdb1c9;font-size:10px;line-height:1.55}.ob-handoff div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ob-handoff button{border:1px solid #7b5a99;border-radius:10px;padding:10px 5px;background:#21152e;color:#fff;font-weight:800;cursor:pointer}.ob-handoff button:hover{background:linear-gradient(135deg,#7839e9,#da5b9a)}
.ob-handoff div.single{grid-template-columns:1fr}.ob-handoff div.single button{background:linear-gradient(135deg,#7334e8,#d95a9b);font-size:12px}
.lize-formatted-line{display:inline;line-height:1.75}.lize-section-title{display:inline-block;margin-top:10px;color:#c98aff;font-weight:900;letter-spacing:.04em}.lize-value-idea{color:#70cfff;font-weight:850}.lize-value-dialogue{color:#ff9f87;font-weight:800}.lize-value-mood{color:#f49ad1;font-weight:800}.lize-value-background{color:#72dfbd;font-weight:800}.lize-value-ratio{color:#c7adff;font-weight:800}.lize-value-confirm{color:#ffd36f;font-weight:900}.lize-formatted-line u{color:#ffd36f;text-decoration-color:#ffbc42;text-decoration-thickness:2px;text-underline-offset:4px}
body:has(.app-shell){}body.orangeberry-embed .chat-header{min-height:56px}body.orangeberry-embed .chat-actions{display:none}body.orangeberry-embed .message-list{padding-top:70px}

@media (min-width: 900px) {
  .chat-view { border-inline: 1px solid rgba(50,42,62,.58); width: min(100%, 1120px); margin: auto; }
}

@media (max-width: 680px) {
  .mode-view { padding: 0 13px 70px; }
  .topbar { min-height: 64px; }
  .mode-intro { padding: 42px 4px 22px; }
  .domain-picker { grid-template-columns: 1fr; width: 100%; }
  .domain-picker small { grid-column: 1; }
  .mode-grid { grid-template-columns: 1fr; }
  .mode-card { min-height: 190px; }
  .mode-card h2 { margin-top: 25px; }
  .chat-header { min-height: 62px; padding: 0 10px; }
  .chat-identity { gap: 7px; }
  .chat-actions { gap: 5px; }
  .round-button.wide { padding-inline: 8px; }
  .bubble { max-width: 100%; font-size: 13px; }
  .message-list { padding-inline: 10px; }
  .message { gap: 8px; }
  .message-avatar.lize-avatar { width: 53px; height: 53px; }
  .message-avatar.user-avatar { width: 30px; height: 30px; }
  .message-body { max-width: calc(100% - 63px); }
  .message.user .message-body { max-width: calc(100% - 40px); }
  .ob-handoff div{grid-template-columns:repeat(2,1fr)}
}
.lize-choice-row{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin:6px 52px 14px}.lize-choice-button{appearance:none;border:1px solid rgba(255,155,112,.62);border-radius:999px;background:rgba(255,255,255,.94);color:#6f3c35;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 5px 16px rgba(83,45,40,.08)}.lize-choice-button:hover{background:#fff3ed;border-color:#ff9b70}.lize-choice-button:disabled{opacity:.52;cursor:default}
.shorts-outline{display:grid;gap:9px;margin:8px 52px 14px;padding:14px;border:1px solid rgba(173,109,255,.36);border-radius:18px;background:rgba(33,22,47,.88)}.shorts-outline>b{color:#f3e8ff;font-size:15px}.shorts-outline-card{display:grid;gap:5px;padding:11px 12px;border-radius:13px;background:rgba(10,8,16,.72);border-left:4px solid #9d61ff}.shorts-outline-card:nth-of-type(3n+2){border-left-color:#42d8bf}.shorts-outline-card:nth-of-type(3n){border-left-color:#ff8c70}.shorts-outline-card strong{color:#fff;font-size:12px;letter-spacing:.08em}.shorts-outline-card span{font-size:13px;line-height:1.4;color:#e9e2ef}.shorts-outline-card em{font-style:normal;font-weight:800}.outline-main em{color:#d7a8ff}.outline-layout em{color:#65dfcb}.outline-action em{color:#ff9b7d}@media(max-width:560px){.shorts-outline{margin-left:10px;margin-right:10px}}
.speech-reading-plan{position:relative;z-index:1;overflow:hidden;display:grid;gap:12px;margin:8px 52px 18px;padding:16px;border:1px solid rgba(244,147,190,.4);border-radius:20px;background:linear-gradient(145deg,rgba(46,22,54,.96),rgba(15,12,23,.96));box-shadow:0 18px 45px rgba(0,0,0,.2)}.speech-reading-plan>b{color:#ffd4e7;font-size:16px}.speech-reading-plan>small{color:#afa3b7}.speech-reading-plan p{margin:0;line-height:1.65}.speech-reading-synopsis>p{font-size:14px;color:#f4edf7}.speech-reading-plan details{border:1px solid #483654;border-radius:12px;padding:10px;background:rgba(8,6,12,.5)}.speech-reading-plan summary{cursor:pointer;color:#d4b7ee;font-weight:800}.speech-magic-cube{margin-top:9px!important;color:#bfb3c7;font-size:11px}.speech-structure{display:grid;gap:7px}.speech-structure p{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:9px;border-radius:11px;background:rgba(255,255,255,.035);font-size:12px}.speech-structure strong{color:#ffaece}.speech-script{margin-top:10px!important;white-space:pre-wrap;color:#e7dfe9;font-size:12px}.speech-scene-grid{display:grid;gap:8px}.speech-scene-card{display:grid;gap:5px;padding:11px;border-radius:13px;background:#0d0a13;border-left:4px solid #a66cff}.speech-scene-card.kind-audience{border-left-color:#54d6c0}.speech-scene-card.kind-opening,.speech-scene-card.kind-closing{border-left-color:#ff9a73}.speech-scene-card>strong{color:#fff;font-size:12px}.speech-scene-card>span{color:#a995b7;font-size:9px}.speech-scene-card>p{font-size:12px;color:#e5dce8}.speech-scene-card>small{color:#8fdacb;font-size:10px}.speech-storyboard-preview{position:relative;margin:4px 0 0}.speech-storyboard-preview img{display:block;width:100%;max-height:740px;object-fit:contain;border-radius:14px;background:#eee6d8;cursor:pointer}.speech-storyboard-preview figcaption{padding-top:6px;color:#aa9bb3;text-align:center;font-size:9px}.speech-storyboard-open{overflow:hidden}.speech-storyboard-lightbox{position:fixed;z-index:10000;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:58px 18px 28px;background:rgba(4,2,9,.92)}.speech-storyboard-lightbox img{display:block;max-width:min(1100px,96vw);height:auto;border-radius:14px;background:#f6f0e4;box-shadow:0 18px 70px rgba(0,0,0,.62)}.speech-storyboard-lightbox-close{position:fixed;z-index:10001;top:14px;right:18px;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:9px 17px;background:#24152d;color:#fff;font:inherit;font-weight:800;cursor:pointer}@media(max-width:560px){.speech-reading-plan{margin-left:10px;margin-right:10px;padding:12px}.speech-structure p{grid-template-columns:42px 1fr}.speech-storyboard-lightbox{padding:54px 8px 18px}.speech-storyboard-lightbox img{max-width:100%}}
.speech-work-progress{display:grid;gap:9px;margin:10px 52px 18px;padding:14px 15px;border:1px solid rgba(201,126,255,.42);border-radius:16px;background:linear-gradient(135deg,rgba(54,28,73,.96),rgba(20,14,28,.96));box-shadow:0 12px 32px rgba(0,0,0,.22)}.speech-work-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.speech-work-progress strong{color:#f4ddff;font-size:12px}.speech-work-progress span{color:#ffb0d2;font-size:11px;font-weight:900}.speech-work-progress progress{appearance:none;width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:#21162b}.speech-work-progress progress::-webkit-progress-bar{background:#21162b}.speech-work-progress progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#8d50f5,#e85eaa,#ff9b70);transition:width .5s ease}.speech-work-progress progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#8d50f5,#e85eaa,#ff9b70)}.speech-work-progress small{color:#897d91;font-size:8px}@media(max-width:560px){.speech-work-progress{margin-left:10px;margin-right:10px}}