:root{--bg: #08080b;--ink: #f4efe6;--dim: rgba(244, 239, 230, .52);--faint: rgba(244, 239, 230, .3);--hair: rgba(244, 239, 230, .12);--gold: #e0b062;--gold-soft: rgba(224, 176, 98, .35);--ember: #e2603f;--accent: var(--gold);--level: 0;--ui: 1;--sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif}@media (min-height: 900px){:root{--ui: 1.5}}@media (min-height: 1300px){:root{--ui: 2}}@media (min-height: 1800px){:root{--ui: 2.5}}@media (min-height: 1300px) and (max-aspect-ratio: 1/1){:root{--ui: 1.75}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}.app{position:relative;height:100vh;height:100dvh;display:flex;justify-content:center;overflow:hidden auto}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1100px 620px at 50% 16%,rgba(224,176,98,.1),transparent 62%),radial-gradient(760px 520px at 12% 96%,rgba(86,116,150,.1),transparent 65%),var(--bg)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,transparent 18%,rgba(0,0,0,.72) 100%);pointer-events:none}.stage{position:relative;z-index:1;width:100%;max-width:calc(560px * var(--ui));min-height:100dvh;padding:calc(72px * var(--ui)) 20px calc(26px * var(--ui));display:flex;flex-direction:column;align-items:center;justify-content:center}.topbar{position:absolute;top:24px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.mark{font-size:calc(16px * var(--ui));letter-spacing:.01em;color:var(--gold);font-weight:500}.mark-dot{color:#f4efe659}.chip{font-size:calc(10px * var(--ui));letter-spacing:.2em;text-transform:uppercase;color:#f4efe68c;border:1px solid var(--hair);border-radius:999px;padding:5px 10px 4px}.columns{width:100%;display:flex;flex-direction:column;align-items:center}.art{display:flex;justify-content:center}.bubble-field{position:absolute;top:-16%;bottom:-6%;left:50%;width:min(100vw,calc(100% + 140px));transform:translate(-50%);overflow:hidden;pointer-events:none;z-index:3;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 16%,#000 80%,transparent 100%);mask-image:linear-gradient(to top,transparent 0,#000 16%,#000 80%,transparent 100%)}.bubble{position:absolute;left:0;top:0;display:grid;place-items:center;padding:calc(14px * var(--ui));border:0;border-radius:50%;background:none;pointer-events:auto;cursor:pointer;color:#f4efe6f0;font:inherit;-webkit-tap-highlight-color:transparent;will-change:transform}.bubble-skin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,252,244,.62) 0 5%,rgba(255,252,244,.16) 10%,transparent 20%),radial-gradient(circle at 70% 80%,rgba(255,246,228,.14),transparent 17%),radial-gradient(circle at 50% 54%,rgba(8,8,11,.3) 0 46%,rgba(8,8,11,.1) 68%,transparent 71%);box-shadow:inset 0 0 14px #e0b06229,inset 0 0 2px #fffaf066,0 6px 22px -10px #000000b3;transition:box-shadow .25s cubic-bezier(.25,1,.5,1);pointer-events:none}.bubble-skin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,#fec766f2,#ff9394cc,#c493e8bf 40%,#9db4e7bf 50%,#81c3e6bf,#58d1e5bf 60%,#a6e599b3 80%,#ddd57dd3,#fec766f2);background:conic-gradient(from 20deg,#fec766f2,color(xyz 0.596 0.442 0.314 / 0.8),#c493e8bf 40%,#9db4e7bf 50%,#81c3e6bf,#58d1e5bf 60%,#a6e599b3,#fec766f2);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),rgba(0,0,0,.35) calc(100% - 4px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),rgba(0,0,0,.35) calc(100% - 4px),#000 calc(100% - 1.5px));animation:film 11s linear infinite;pointer-events:none}@keyframes film{to{transform:rotate(1turn)}}.bubble-swirl{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:conic-gradient(from 200deg at 46% 54%,oklch(.8 .12 300 / .16),transparent 22%,oklch(.84 .11 140 / .13) 38%,transparent 55%,oklch(.84 .12 75 / .16) 70%,transparent 86%,oklch(.8 .12 300 / .16));-webkit-mask:radial-gradient(closest-side,transparent 38%,#000 72%);mask:radial-gradient(closest-side,transparent 38%,#000 72%);animation:film 17s linear infinite reverse;pointer-events:none}.bubble:hover .bubble-skin,.bubble:focus-visible .bubble-skin{box-shadow:inset 0 0 18px #e0b06252,inset 0 0 2px #fffaf099,0 0 26px -6px #e0b06273}.bubble:focus-visible{outline:none}.bubble:focus-visible:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid var(--gold)}.bubble:disabled{cursor:default}.bubble-title{position:relative;max-width:100%;font-size:calc(11px * var(--ui));line-height:1.25;letter-spacing:.01em;text-align:center;text-wrap:balance;text-shadow:0 1px 10px rgba(8,8,11,.95),0 0 2px rgba(8,8,11,.9)}.mic svg{width:calc(26px * var(--ui));height:calc(26px * var(--ui))}.tool svg,.typebar button svg{width:calc(17px * var(--ui));height:calc(17px * var(--ui))}.pop{position:absolute;width:0;height:0;pointer-events:none}.pop-film,.pop-flash,.pop-ring,.pop-drop{position:absolute;border-radius:50%}.pop-flash{background:radial-gradient(circle,rgba(255,246,224,.75) 0,rgba(224,176,98,.35) 38%,transparent 68%)}.pop-film{background:radial-gradient(circle at 31% 25%,rgba(255,252,244,.5) 0 6%,transparent 18%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(224,176,98,.28) 70%,transparent 72%)}.pop-ring{border:2px solid rgba(240,214,160,.95);box-shadow:0 0 24px #e0b0628c,inset 0 0 14px #e0b06240}.pop-drop{background:radial-gradient(circle at 35% 30%,#fffcf4f2,#e0b062bf 70%)}.pop-title{position:absolute;left:0;top:0;width:calc(132px * var(--ui));margin-left:calc(-66px * var(--ui));margin-top:-.7em;font-size:calc(11px * var(--ui));line-height:1.25;text-align:center;color:#f4efe6f0;text-shadow:0 1px 8px rgba(8,8,11,.85);white-space:normal}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.bubble-field{left:-110px;right:0;width:auto;transform:none}}@media (max-width: 420px){.bubble{padding:11px}.bubble-title{font-size:10.5px}}@media (prefers-reduced-motion: reduce){.bubble-skin:before,.bubble-swirl{animation:none}}.copy{width:100%;display:flex;flex-direction:column;align-items:center}.portrait-wrap{position:relative;width:min(72vw,calc(300px * var(--ui)));aspect-ratio:1;flex-shrink:0}.glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 24%,transparent),transparent 62%);opacity:calc(.35 + var(--level) * .75);transition:opacity .12s linear,background .4s ease}.ring{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 236deg,color-mix(in oklab,var(--accent) 85%,transparent) 322deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:spin 9s linear infinite}.pulse{position:absolute;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);pointer-events:none;transform:scale(calc(1 + var(--level) * .2));transition:transform .09s linear}.pulse.a{top:-2px;right:-2px;bottom:-2px;left:-2px}.pulse.b{top:-26px;right:-26px;bottom:-26px;left:-26px;border-color:#e0b0621a;transform:scale(calc(1 + var(--level) * .32))}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #f4efe629,0 24px 60px -24px #000000e6}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block;filter:saturate(1.02) contrast(1.04)}.identity{text-align:center;margin-top:24px}.identity h1{margin:0;font-size:calc(21px * var(--ui));font-weight:500;letter-spacing:.01em}.identity p{margin:6px 0 0;font-size:calc(10px * var(--ui));letter-spacing:.19em;text-transform:uppercase;color:#f4efe68c}.caption{width:100%;min-height:calc(96px * var(--ui));max-width:calc(460px * var(--ui));margin-top:calc(26px * var(--ui));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.who{display:block;margin-bottom:calc(4px * var(--ui));font-size:calc(10px * var(--ui));letter-spacing:.2em;text-transform:uppercase;color:#f4efe6b3}.who.him{color:var(--gold)}.you{margin:0 0 calc(14px * var(--ui));max-width:100%;font-size:calc(14px * var(--ui));line-height:1.5;color:#f4efe6db;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-wrap:pretty}.story{width:100%;max-height:clamp(160px,100dvh - calc(440px * var(--ui)),calc(360px * var(--ui)));overflow-y:auto;overscroll-behavior:contain;padding-right:calc(6px * var(--ui));text-align:left;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.25) transparent}.story-text{margin:0;font-size:calc(14px * var(--ui));line-height:1.65;color:#f4efe6e6;white-space:pre-line;text-wrap:pretty}.story-text.zh{margin-top:calc(14px * var(--ui));padding-top:calc(14px * var(--ui));border-top:1px solid var(--hair);line-height:1.8;color:#f4efe6b8}.line{margin:0;font-size:calc(16px * var(--ui));line-height:1.62;color:#f4efe6f0;text-wrap:pretty}.line.muted{color:#f4efe657}.line.streaming:after,.line.thinking:after{content:"";display:inline-block;width:calc(2px * var(--ui));height:.95em;margin-left:2px;vertical-align:-.12em;background:var(--gold);animation:blink 1s steps(2) infinite}.line-zh{margin:calc(8px * var(--ui)) 0 0;font-size:calc(16px * var(--ui));line-height:1.7;color:#f4efe6cc;text-wrap:pretty}.asks{margin-top:14px;display:flex;gap:16px;justify-content:center}.ask{background:none;border:0;border-bottom:1px solid var(--hair);padding:calc(10px * var(--ui)) 0;font:inherit;font-size:calc(10px * var(--ui));letter-spacing:.17em;text-transform:uppercase;color:#f4efe69e;cursor:pointer;transition:color .2s,border-color .2s}.ask:hover,.ask.on{color:var(--gold);border-color:var(--gold-soft)}.ask:disabled{opacity:.4;cursor:default}.status .lang{margin-left:6px;padding:2px 0;font-size:inherit;letter-spacing:.12em;color:#f4efe6a8}.why{margin:calc(16px * var(--ui)) 0 0;padding-top:calc(12px * var(--ui));width:100%;border-top:1px solid var(--hair);display:grid;gap:calc(6px * var(--ui));text-align:left;font-size:calc(12.5px * var(--ui));line-height:1.55}.why div{display:grid;grid-template-columns:9.5em 1fr;gap:10px}.why dt{font-size:calc(10px * var(--ui));letter-spacing:.17em;text-transform:uppercase;color:var(--gold);padding-top:2px}.why dd{margin:0;color:#f4efe6b3}.hint{margin:calc(12px * var(--ui)) 0 0;font-size:calc(12.5px * var(--ui));color:#f4efe699}.hint.error{color:#e08a72;font-size:calc(12.5px * var(--ui));line-height:1.55;max-width:calc(400px * var(--ui));text-wrap:pretty}.notice{position:fixed;top:calc(14px * var(--ui));left:50%;transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);padding:calc(7px * var(--ui)) calc(14px * var(--ui));border:1px solid var(--gold-soft);border-radius:999px;background:#08080bd1;font-size:calc(12.5px * var(--ui));letter-spacing:.04em;color:var(--gold);text-align:center;text-wrap:balance;animation:notice-in .25s ease-out}.notice.spent{border-color:#e2603f73;color:#e08a72}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-6px)}}.wave{display:flex;align-items:center;justify-content:center;gap:5px;height:20px;margin-top:30px;color:var(--accent);opacity:.85}.wave span{display:block;width:2.5px;height:100%;border-radius:2px;background:currentColor;transform:scaleY(calc(.14 + var(--level) * 1.15));transition:transform .08s linear,background .4s ease}.typebar{width:100%;max-width:calc(430px * var(--ui));margin-top:20px;display:flex;gap:8px;align-items:center;border:1px solid rgba(244,239,230,.24);background:#f4efe60f;border-radius:999px;padding:6px 6px 6px 16px}.typebar input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font-family:inherit;font-size:calc(14px * var(--ui));padding:calc(8px * var(--ui)) 0}.typebar:focus-within{border-color:var(--gold);background:#f4efe614}.typebar input::placeholder{color:#f4efe69e}.typebar button{width:calc(32px * var(--ui));height:calc(32px * var(--ui));flex:0 0 calc(32px * var(--ui));border-radius:50%;border:0;background:var(--gold);color:#0a0a0d;display:grid;place-items:center}.typebar button svg{width:calc(18px * var(--ui));height:calc(18px * var(--ui))}.typebar button:disabled{background:#f4efe61a;color:#f4efe64d;cursor:default}.controls{width:100%;margin-top:calc(30px * var(--ui));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.status{display:flex;align-items:center;gap:8px;font-size:calc(12px * var(--ui));letter-spacing:.2em;text-transform:uppercase;color:#f4efe6a8;white-space:nowrap}.dot{width:calc(6px * var(--ui));height:calc(6px * var(--ui));border-radius:50%;background:var(--accent);transition:background .3s}.app[data-phase=listening] .dot{animation:pulseDot 1.1s ease-in-out infinite}.mic{width:calc(64px * var(--ui));height:calc(64px * var(--ui));border-radius:50%;border:0;background:var(--accent);color:#0a0a0d;display:grid;place-items:center;position:relative;transition:transform .18s ease,background .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 12px 34px -14px #e0b062e6}.mic:hover{transform:scale(1.05)}.mic:active{transform:scale(.97)}.tools{display:flex;justify-content:flex-end;gap:6px}.tool{width:calc(32px * var(--ui));height:calc(32px * var(--ui));border-radius:50%;border:1px solid var(--hair);background:transparent;color:#f4efe673;display:grid;place-items:center;transition:color .2s,border-color .2s}.tool:hover,.tool.on{color:var(--gold);border-color:var(--gold-soft)}.app[data-phase=listening]{--accent: var(--ember)}.app[data-phase=thinking]{--accent: #8b98a6}.app[data-phase=thinking] .mic{background:#1b1b22;color:#f4efe673;box-shadow:none}.app[data-phase=speaking] .mic{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-soft)}.app[data-phase=listening] .mic:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid var(--ember);opacity:.55;animation:halo 1.6s ease-out infinite}.evidence{position:relative;z-index:4;margin-top:calc(16px * var(--ui));font-size:calc(12px * var(--ui));letter-spacing:.04em;color:#f4efe680;text-align:center;text-wrap:balance}.evidence+.footnote{margin-top:6px}.footnote{margin-top:16px;font-size:calc(9.5px * var(--ui));letter-spacing:.06em;color:#f4efe638;text-align:center}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#060609eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;animation:rise .32s ease}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100% - 640px)/2));font-size:calc(10px * var(--ui));letter-spacing:.22em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--hair)}.sheet-head button{background:none;border:0;color:var(--dim);padding:4px}.sheet-body{flex:1;overflow-y:auto;padding:20px 22px 60px;max-width:640px;width:100%;margin:0 auto}.turn{margin-bottom:20px}.turn .who{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#f4efe699;margin-bottom:6px}.turn.assistant .who{color:var(--gold)}.turn p{margin:0;font-size:calc(14.5px * var(--ui));line-height:1.6;color:#f4efe6db}.turn p.zh{margin-top:4px;font-size:calc(14px * var(--ui));color:#f4efe6a8}.turn.user p{color:#f4efe6cc}.empty{font-size:13px;color:#f4efe64d}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;transition:opacity .6s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.intro.out{opacity:0;transform:scale(1.03);pointer-events:none}.intro img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;filter:brightness(.68) saturate(.92) contrast(1.02)}.intro-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#060609f5 6%,#06060966 48%,#06060938),linear-gradient(to right,rgba(6,6,9,.78),transparent 62%)}.intro-copy{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(24px,7vw,88px) clamp(30px,7vh,72px);max-width:calc(780px * var(--ui))}.eyebrow{font-size:calc(9.5px * var(--ui));letter-spacing:.22em;text-transform:uppercase;color:#e0b062d9;margin-bottom:16px}.intro-copy h2{margin:0;font-size:clamp(50px,10.5vw,104px);line-height:.85;letter-spacing:-.035em;font-weight:500;text-transform:uppercase}.intro-copy p{margin:calc(20px * var(--ui)) 0 calc(24px * var(--ui));max-width:calc(420px * var(--ui));font-size:calc(13.5px * var(--ui));line-height:1.7;color:#f4efe699}.intro-copy button{border:0;border-radius:999px;padding:calc(13px * var(--ui)) calc(26px * var(--ui));background:var(--gold);color:#0a0a0d;font-size:calc(12px * var(--ui));letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:transform .2s ease;box-shadow:0 16px 40px -16px #e0b062cc}.intro-copy button:hover{transform:translateY(-1px)}.intro-note{margin-top:calc(14px * var(--ui));font-size:calc(9.5px * var(--ui));letter-spacing:.18em;text-transform:uppercase;color:#f4efe647}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes halo{0%{transform:scale(.94);opacity:.6}to{transform:scale(1.24);opacity:0}}@keyframes pulseDot{50%{opacity:.25}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (max-width: 420px){.stage{padding:64px 20px 20px}.caption{min-height:calc(92px * var(--ui))}.line{font-size:calc(15px * var(--ui))}.identity h1{font-size:calc(19px * var(--ui))}.footnote{display:none}}@media (max-height: 740px){.portrait-wrap{width:clamp(180px,54vw,230px)}.caption{min-height:78px;margin-top:18px}.wave,.controls{margin-top:16px}.footnote{display:none}}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.ambient:before{content:"";position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background:url(/kevin-ambient.jpg) center 26% / cover no-repeat;filter:blur(24px) saturate(.5) brightness(.2)}.stage{max-width:calc(1180px * var(--ui));padding:40px clamp(40px,6vw,90px);justify-content:center}.topbar{top:34px;left:clamp(40px,6vw,90px);right:clamp(40px,6vw,90px)}.columns{flex-direction:row;align-items:center;justify-content:center;gap:clamp(48px,6vw,104px)}.portrait-wrap{width:min(56vh,36vw,calc(400px * var(--ui)))}.copy{width:auto;max-width:calc(420px * var(--ui));align-items:flex-start}.identity{text-align:left;margin-top:0}.identity h1{font-size:calc(36px * var(--ui));letter-spacing:-.015em}.identity p{font-size:calc(10.5px * var(--ui));margin-top:10px}.caption{align-items:flex-start;text-align:left;max-width:calc(440px * var(--ui));min-height:calc(132px * var(--ui));margin-top:calc(30px * var(--ui))}.line{font-size:calc(17px * var(--ui));line-height:1.6}.wave{display:none}.controls{margin-top:calc(24px * var(--ui));grid-template-columns:auto auto auto;justify-content:start;gap:22px}.status{order:2}.mic{order:1;width:calc(68px * var(--ui));height:calc(68px * var(--ui))}.tools{order:3;justify-content:flex-start}.typebar{max-width:calc(440px * var(--ui));margin-top:18px}.footnote{position:absolute;left:0;right:0;bottom:18px;margin-top:0}.intro-copy{max-width:860px}}@media (min-width: 900px) and (min-aspect-ratio: 1/1) and (max-height: 780px){.portrait-wrap{width:min(50vh,26vw,calc(330px * var(--ui)))}.caption{min-height:calc(100px * var(--ui));margin-top:22px}.identity h1{font-size:calc(28px * var(--ui))}}@media (prefers-reduced-motion: reduce){.ring,.mic:after,.dot,.notice,.line.streaming:after{animation:none}.pulse{transition:none}}.mic:disabled{cursor:default;opacity:.5}.mic.muted{background:#1b1b22;color:#f4efe66b;box-shadow:none}.tool:disabled{opacity:.4;cursor:default}.app[data-status=off] .dot{background:#f4efe642}.app[data-status=connecting] .dot{background:#8b98a6;animation:pulseDot 1.1s ease-in-out infinite}