:root{color-scheme:dark;--bg:oklch(10% .025 255);--bg2:oklch(15% .04 255);--ink:oklch(95% .018 235);--muted:oklch(72% .045 250);--line:oklch(42% .055 255 / .45);--cyan:oklch(84% .13 210);--violet:oklch(68% .16 285);--green:oklch(83% .16 165);--rose:oklch(72% .17 12);--amber:oklch(82% .16 80);--orbLevel:0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}body{background:radial-gradient(circle at 50% -18%,oklch(34% .09 262) 0,oklch(18% .045 255) 34%,var(--bg) 76%);overflow-x:hidden}body:before{content:"";position:fixed;inset:-20%;background:radial-gradient(circle at 18% 18%,oklch(70% .14 205 / .16),transparent 30%),radial-gradient(circle at 84% 26%,oklch(67% .16 292 / .14),transparent 28%),linear-gradient(160deg,transparent 0 42%,oklch(85% .08 210 / .06) 43% 44%,transparent 46%);filter:blur(.2px);pointer-events:none}.shell{width:min(560px,100%);min-height:100dvh;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 22px);display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topActions{display:flex;gap:8px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:17px;background:radial-gradient(circle at 32% 24%,oklch(98% .03 210),var(--cyan) 28%,var(--violet) 74%);box-shadow:0 18px 50px oklch(68% .12 220 / .24);color:oklch(16% .04 255);font-weight:900;letter-spacing:.02em}h1{font-size:22px;line-height:1;margin:0;letter-spacing:.025em}h2{margin:0;font-size:20px;letter-spacing:-.02em}p{margin:0}.topbar p,.transcript label{color:var(--muted);font-size:13px}.iconButton{width:44px;height:44px;border-radius:16px;padding:0}.panel,.transcript,.sessionTranscript{border:1px solid var(--line);background:linear-gradient(180deg,oklch(18% .035 255 / .78),oklch(13% .03 255 / .76));border-radius:26px;padding:16px;box-shadow:0 22px 74px oklch(0% 0 0 / .32)}.modebar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:5px;border:1px solid oklch(46% .055 255 / .32);background:oklch(12% .028 255 / .68);border-radius:20px}.mode{min-height:45px;padding:9px 8px;border-radius:15px;background:transparent;color:var(--muted);font-size:13px}.mode.active{background:linear-gradient(140deg,var(--cyan),var(--violet));color:oklch(13% .035 255);font-weight:850;box-shadow:0 12px 28px oklch(67% .13 230 / .2)}.setup p{margin-top:8px;color:var(--muted);line-height:1.4}.hidden{display:none!important}.row{display:flex;gap:10px;margin-top:12px}input,select{width:100%;border:1px solid var(--line);background:oklch(11% .025 255 / .9);color:var(--ink);border-radius:15px;padding:14px;font-size:16px}input{margin-top:12px}.stage{position:relative;display:grid;gap:14px;align-content:center;min-height:318px;padding:18px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,oklch(17% .038 255 / .74),oklch(11% .028 255 / .82));box-shadow:0 24px 82px oklch(0% 0 0 / .36),inset 0 1px 0 oklch(95% .03 230 / .08)}.stage:before{content:"Live link";position:absolute;top:16px;left:18px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.orbWrap{position:relative;display:grid;place-items:center;min-height:122px;margin-top:18px;pointer-events:none;border:1px solid oklch(46% .055 255 / .28);border-radius:24px;background:linear-gradient(180deg,oklch(10% .025 255 / .62),oklch(14% .035 255 / .52));overflow:hidden}.orbWrap:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,oklch(84% .13 210 / .08),transparent);transform:translateX(calc(-60% + var(--orbLevel)*120%));transition:transform .12s ease-out}.orbWrap:after{content:"";position:absolute;left:18px;right:18px;top:50%;height:1px;background:linear-gradient(90deg,transparent,oklch(84% .13 210 / .38),transparent)}canvas{position:relative;width:100%;height:126px;filter:drop-shadow(0 0 28px oklch(75% .12 210 / .24));mix-blend-mode:screen;opacity:.95}.orb{position:relative;isolation:isolate;width:100%;min-height:96px;border:1px solid oklch(60% .09 230 / .46);border-radius:26px;color:var(--ink);background:linear-gradient(135deg,oklch(84% .13 210 / .22),transparent 34%),linear-gradient(140deg,oklch(22% .07 255 / .98),oklch(15% .055 270 / .98));box-shadow:0 0 calc(28px + var(--orbLevel)*80px) oklch(78% .13 210 / .28),0 22px 60px oklch(0% 0 0 / .42),inset 0 1px 0 oklch(98% .02 220 / .12);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 24px;font-weight:880;font-size:30px;letter-spacing:-.03em;touch-action:none;transform:translateY(calc(var(--orbLevel)*-2px));transition:transform .08s ease-out,box-shadow .12s ease-out,border-color .12s ease-out}.orb>*{position:relative;z-index:4}.orb:before,.orb:after{content:"";position:absolute;pointer-events:none}.orb:before{z-index:1;inset:0;border-radius:inherit;background:linear-gradient(90deg,oklch(84% .13 210 / .16),transparent 42%,oklch(68% .16 285 / .12));opacity:calc(.5 + var(--orbLevel)*.45)}.orb:after{z-index:2;right:18px;top:50%;width:46px;height:46px;border-radius:16px;border:1px solid oklch(84% .13 210 / .36);background:linear-gradient(140deg,var(--cyan),var(--violet));transform:translateY(-50%) scale(calc(.92 + var(--orbLevel)*.16));box-shadow:0 0 26px oklch(78% .13 210 / .32)}.orb small{font-size:14px;color:oklch(85% .045 235);font-weight:650;opacity:.9;letter-spacing:.02em;text-shadow:0 2px 14px oklch(8% .03 255 / .55)}.orb.recording{border-color:oklch(83% .16 165 / .7);background:linear-gradient(135deg,oklch(83% .16 165 / .28),transparent 36%),linear-gradient(140deg,oklch(18% .06 170),oklch(12% .035 255));animation:panelPulse 1.18s ease-out infinite}.orb.recording:after{background:linear-gradient(140deg,var(--green),var(--cyan))}.orb.speaking{border-color:oklch(82% .16 80 / .66);background:linear-gradient(135deg,oklch(82% .16 80 / .3),transparent 36%),linear-gradient(140deg,oklch(23% .06 38),oklch(13% .035 255))}.orb.speaking:after{background:linear-gradient(140deg,var(--amber),var(--rose))}.orb.thinking{border-color:oklch(68% .16 285 / .64);background:linear-gradient(135deg,oklch(68% .16 285 / .3),transparent 36%),linear-gradient(140deg,oklch(20% .065 275),oklch(13% .035 255))}@keyframes panelPulse{50%{transform:translateY(-3px);box-shadow:0 0 calc(48px + var(--orbLevel)*80px) oklch(82% .16 165 / .34),0 26px 68px oklch(0% 0 0 / .46)}}.status{position:relative;justify-self:center;min-width:160px;text-align:center;color:var(--muted);font-size:14px;padding:8px 12px;border-radius:999px;background:oklch(10% .025 255 / .54);border:1px solid oklch(45% .055 255 / .24)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{font:inherit;color:var(--ink);border-radius:16px;border:1px solid var(--line);padding:14px 14px;background:oklch(20% .04 255 / .74);-webkit-tap-highlight-color:transparent}button:active{transform:translateY(1px)}.primary{background:linear-gradient(140deg,var(--cyan),var(--violet));border:0;font-weight:850;color:oklch(13% .035 255)}.small{padding:10px 12px}.ghost{background:oklch(22% .035 255 / .52)}.toggle.on{border-color:oklch(82% .15 165 / .62);box-shadow:0 0 0 1px oklch(80% .14 165 / .22) inset;color:var(--green)}.danger{border-color:oklch(72% .17 12 / .46);color:oklch(90% .06 18)}.transcript{display:grid;gap:14px}.transcript p,.liveCards p{margin-top:6px;line-height:1.48;color:oklch(90% .026 235);min-height:1.4em;overflow-wrap:anywhere}.transcript label,.liveCards label,.translateGrid label,.translateHead label,.sessionTranscript label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.sessionTranscript{display:grid;gap:14px}.sessionTranscriptHead{display:flex;align-items:start;justify-content:space-between;gap:12px}.sessionTranscriptHead h2{margin-top:4px}.sessionTranscriptLog{max-height:min(42dvh,420px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid oklch(45% .055 255 / .28);border-radius:20px;background:oklch(10% .024 255 / .42);padding:12px;display:grid;gap:12px}.sessionTurn{display:grid;gap:8px;padding:12px;border:1px solid oklch(46% .055 255 / .24);border-radius:18px;background:oklch(13% .028 255 / .64)}.sessionTurnHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.sessionBubble{display:grid;gap:4px}.sessionSpeaker{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sessionText{line-height:1.45;overflow-wrap:anywhere;color:oklch(91% .026 235)}.sessionText.hope{color:oklch(88% .055 225)}.sessionText.pending{color:var(--muted);font-style:italic}.emptyTranscript{color:var(--muted);line-height:1.45}.translateHead{display:flex;align-items:start;justify-content:space-between;gap:12px}.translateHead h2{margin-top:4px}.badge{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:12px;white-space:nowrap}.badge.on{color:var(--green);border-color:oklch(82% .15 165 / .52)}.translateGrid{display:grid;gap:8px;margin:16px 0}.liveCards{display:grid;gap:12px;margin-top:16px}.liveCards>div{border:1px solid oklch(45% .055 255 / .28);border-radius:19px;padding:13px;background:oklch(11% .025 255 / .44)}.fineprint{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.45}code{color:oklch(87% .09 210)}@media (max-width:430px){.shell{gap:14px}.modebar{grid-template-columns:1fr}.mode{min-height:42px}.stage{min-height:318px}.orb{width:100%;min-height:92px;padding:20px}.controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}