:root{--ground:#0e100f;--surface:#171a19;--surface-2:#212523;--surface-3:#2c312e;--ink:#f1f3ef;--ink-2:#a9b0ab;--accent:#c8f031;--accent-ink:#0e100f;--alert:#ff7a59;--face:"Instrument Sans", "Hiragino Sans", "Noto Sans JP", "Kohinoor Devanagari", "Noto Sans Devanagari", system-ui, sans-serif;--t-display:clamp(3.5rem, 7.4vw, 7.5rem);--t-title:clamp(2.5rem, 4.6vw, 4.5rem);--t-body:1.125rem;--t-small:1rem;--margin:clamp(16px, 2.2vw, 32px);--gap:clamp(20px, 2.4vw, 36px);--ease:cubic-bezier(.2, .7, .1, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--face);font-size:var(--t-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;line-height:1.5}h1,h2,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.app{flex-direction:column;min-height:100%;display:flex}.bar{justify-content:space-between;align-items:center;gap:var(--gap);padding:18px var(--margin);display:flex}.wordmark{letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.bar-actions{align-items:center;gap:12px;display:flex}.persona{color:var(--ink-2);font-size:var(--t-small);align-items:center;gap:10px;display:flex}.persona select{appearance:none;background:var(--surface-2);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23a9b0ab'/%3E%3C/svg%3E");background-position:calc(100% - 16px);background-repeat:no-repeat;border:0;padding:12px 40px 12px 16px}.persona select:disabled{opacity:.6;cursor:default}.action,.mic{cursor:pointer;transition:transform .16s var(--ease), background-color .16s var(--ease);border:0;padding:13px 26px;font-weight:600}.action{background:var(--accent);color:var(--accent-ink)}.action:hover{background:#d6f75c}.action-end{background:var(--alert)}.action-end:hover{background:#ff9478}.mic{background:var(--surface-2)}.mic:hover{background:var(--surface-3)}.mic-off{background:var(--ink);color:var(--ground)}.action:active,.mic:active,.replay:active,.reveal:active{transform:scale(.97)}.desk{gap:var(--gap);padding:0 var(--margin) var(--margin);flex:1;grid-template-columns:minmax(0,7fr) minmax(0,4fr);min-height:0;display:grid}.live{flex-direction:column;gap:56px;min-width:0;padding:clamp(24px,5vh,72px) 0 32px;display:flex}.record{background:var(--surface);flex-direction:column;align-self:start;gap:40px;min-height:calc(100vh - 100px);padding:28px clamp(20px,2vw,32px);display:flex}.intro{flex-direction:column;gap:28px;display:flex}.intro h1{font-size:var(--t-display);letter-spacing:-.045em;max-width:11ch;font-weight:600;line-height:.95}.lede{max-width:34ch;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.4}.error{color:var(--alert);max-width:52ch}.status{color:var(--ink-2)}.replays{flex-direction:column;gap:16px;margin-top:24px;display:flex}.replays h2{font-size:var(--t-small);color:var(--ink-2);font-weight:500}.replays ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.replay{text-align:left;background:var(--surface);cursor:pointer;width:100%;transition:background-color .16s var(--ease), transform .16s var(--ease);border:0;flex-direction:column;gap:6px;padding:20px 22px 22px;display:flex}.replay:hover{background:var(--surface-2)}.replay-on{background:var(--accent);color:var(--accent-ink)}.replay-on:hover{background:var(--accent)}.replay-line{font-size:1.25rem;font-weight:500;line-height:1.3}.replay-title{font-size:var(--t-small);opacity:.72}.hero{flex-direction:column;gap:18px;display:flex}.hero-state{color:var(--ink-2);align-items:center;gap:10px;display:flex}.dot{vertical-align:.1em;background:var(--accent);width:10px;height:10px;animation:pulse 1.6s var(--ease) infinite;border-radius:50%;margin-right:10px;display:inline-block}.hero-lang{font-size:var(--t-display);letter-spacing:-.04em;animation:rise .52s var(--ease) both;font-weight:600;line-height:1}.hero-plus{color:var(--ink-2)}.hero-sub{max-width:52ch;font-size:1.25rem;line-height:1.45}.shares{flex-direction:column;gap:10px;max-width:640px;display:flex}.share-bar{gap:4px;height:14px;display:flex}.share{transition:flex-grow .5s var(--ease);flex-basis:0;display:block}.share-0{background:var(--ink)}.share-1{background:var(--ink-2)}.share-2{background:var(--surface-3)}.share-legend{color:var(--ink-2);font-size:var(--t-small)}.talk{flex-direction:column;gap:14px;max-width:820px;display:flex}.turn{animation:rise .42s var(--ease) both;flex-direction:column;gap:4px;display:flex}.turn-user{padding:4px 0}.turn-user .said{letter-spacing:-.01em;font-size:1.5rem;font-weight:500;line-height:1.35}.turn-bot{background:var(--surface);margin-left:clamp(0px,6vw,96px);padding:18px 22px}.turn-interim .said{color:var(--ink-2)}.who{color:var(--ink-2);font-size:var(--t-small)}.block{animation:rise .42s var(--ease) both;flex-direction:column;gap:12px;display:flex}.block h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.meta{color:var(--ink-2);font-size:var(--t-small)}.caller-name{letter-spacing:-.02em;font-size:2rem;font-weight:600;line-height:1.1}.verify{background:var(--surface-2);font-size:var(--t-small);padding:12px 16px}.verify-ok{background:var(--accent);color:var(--accent-ink);font-weight:500}.steps{flex-direction:column;gap:4px;display:flex}.step{background:var(--surface-2);font-size:var(--t-small);animation:rise .36s var(--ease) both;justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.step-state{color:var(--ink-2)}.step-running .step-state{color:var(--accent);animation:pulse 1.2s var(--ease) infinite}.step-error .step-state{color:var(--alert)}.ticket{background:var(--surface-2);animation:rise .42s var(--ease) both;flex-direction:column;gap:8px;padding:20px 20px 22px;display:flex}.ticket-number{font-size:var(--t-title);letter-spacing:-.035em;font-weight:600;line-height:1}.ticket-kind{font-weight:500}.ticket-p1 .ticket-kind,.ticket-p2 .ticket-kind{color:var(--alert)}.ticket-desc{font-size:var(--t-body)}.ticket-note{background:var(--surface-3);font-size:var(--t-small);padding:12px 14px}.devices{flex-direction:column;gap:4px;display:flex}.devices li{background:var(--surface-2);flex-direction:column;padding:12px 16px;display:flex}.device-model{font-weight:500}.device-lost .device-model{color:var(--alert)}.out{background:var(--surface-2);font-size:var(--t-small);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.out-head{font-weight:500}.out-body{color:var(--ink)}.reveal{background:var(--surface-3);cursor:pointer;transition:background-color .16s var(--ease), transform .16s var(--ease);border:0;align-self:flex-start;padding:8px 12px}.reveal:hover{background:var(--ink);color:var(--ground)}.langs{flex-direction:column;gap:4px;display:flex}.langs li{background:var(--surface-2);animation:rise .42s var(--ease) both;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 16px;display:flex}.langs li:nth-child(2){animation-delay:60ms}.langs li:nth-child(3){animation-delay:.12s}.langs li:nth-child(4){animation-delay:.18s}.langs li:nth-child(5){animation-delay:.24s}.langs li:nth-child(6){animation-delay:.3s}.langs li:nth-child(7){animation-delay:.36s}.lang-native{letter-spacing:-.01em;font-size:1.5rem;font-weight:500}.intro>*{animation:rise .52s var(--ease) both}.intro>:nth-child(2){animation-delay:80ms}.intro>:nth-child(3){animation-delay:.16s}.intro>:nth-child(4){animation-delay:.24s}.replays li{animation:rise .42s var(--ease) both}.replays li:first-child{animation-delay:.26s}.replays li:nth-child(2){animation-delay:.32s}.replays li:nth-child(3){animation-delay:.38s}.replays li:nth-child(4){animation-delay:.44s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=900px){.desk{grid-template-columns:1fr}.record{min-height:0}.live{gap:40px}}@media (width<=640px){.bar{flex-wrap:wrap}.bar-actions{flex-wrap:wrap;width:100%}.persona{flex:1}.persona span{display:none}.persona select{width:100%}.replays ul{grid-template-columns:1fr}.turn-bot{margin-left:0}.turn-user .said{font-size:1.25rem}}