*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ffffffe6;-webkit-font-smoothing:antialiased;background:#020617;width:100vw;height:100vh;font-family:-apple-system,Inter,SF Pro Display,sans-serif;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:#a855f74d}.journal-wrapper{z-index:60;position:fixed;inset:0}.journal-page{z-index:60;-webkit-backdrop-filter:blur(40px);background:#030512e0;flex-direction:column;animation:.5s cubic-bezier(.22,.61,.36,1) jp-in;display:flex;position:fixed;inset:0;overflow:hidden}.journal-page:before{content:"";z-index:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");position:fixed;inset:0}.journal-page:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(#0000 55%,#03051299 100%);position:fixed;inset:0}@keyframes jp-in{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}.jp-close{z-index:5;color:#fff3;letter-spacing:3px;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px;font-size:9px;transition:all .3s;display:flex;position:absolute;top:28px;right:24px}.jp-close:hover{color:#ffffff73}.jp-close-icon{font-size:18px;font-weight:200}.jp-close-label{text-transform:uppercase;letter-spacing:3px;font-size:8px;font-weight:300}.jp-panel{scroll-behavior:smooth;z-index:1;-webkit-overflow-scrolling:touch;flex:1;padding:0 28px 40px;position:relative;overflow-y:auto}.jp-title{letter-spacing:1px;color:#ffffffb8;text-shadow:0 0 30px #ffffff0f,0 0 60px #8b5cf60a,0 2px 8px #0006;cursor:default;font-size:28px;font-weight:200;transition:all .4s;display:inline-block;position:relative}.jp-title:hover{text-shadow:0 0 18px #c084fc59,0 0 40px #8b5cf61f,0 0 70px #8b5cf60f;animation:2s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 0 18px #c084fc4d,0 0 40px #8b5cf61a}50%{text-shadow:0 0 32px #c084fc8c,0 0 70px #8b5cf640,0 0 10px #ffffff2e}}.jp-subtitle{color:#ffffff1f;letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;font-size:10px;font-weight:300}.jp-loading{text-align:center;color:#ffffff26;padding:60px 0;font-size:14px;font-weight:300}.jp-scores{gap:20px;margin-bottom:28px;display:flex}.jps-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.jps-num{color:#c084fc;text-shadow:0 0 30px #c084fc26;font-size:42px;font-weight:200;line-height:1}.jps-label{color:#ffffff1f;letter-spacing:4px;text-transform:uppercase;font-size:9px;font-weight:300}.jp-block{margin-bottom:24px}.jp-block-title{letter-spacing:4px;color:#ffffff24;text-transform:uppercase;margin-bottom:12px;font-size:9px;font-weight:400}.jp-block-text{color:#ffffff73;font-size:15px;font-weight:300;line-height:1.8}.jp-tags{flex-wrap:wrap;gap:8px;display:flex}.jp-tag{color:#c084fc;background:#a855f70d;border:1px solid #a855f71a;border-radius:14px;padding:4px 12px;font-size:12px;font-weight:300}.jp-mistake{color:#ffffff59;border-bottom:1px solid #ffffff04;align-items:center;gap:10px;padding:6px 0;font-size:13px;font-weight:300;display:flex}.jp-mistake:last-child{border-bottom:none}.jpm-count{color:#ef444480;font-size:11px;font-weight:500}.jpm-tip{color:#ffffff29;margin-left:auto;font-size:11px;font-weight:300}.jp-encourage{text-align:center;color:#ffffff61;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;margin-top:12px;padding:28px 20px;font-size:15px;font-weight:300;line-height:1.7}.jh-btn{color:#fff3;letter-spacing:2px;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin:20px auto 0;padding:8px 20px;font-family:inherit;font-size:11px;transition:all .2s;display:block}.jh-btn:hover{color:#ffffff73;background:#ffffff08;border-color:#ffffff1a}.jh-overlay{z-index:65;-webkit-backdrop-filter:blur(30px);background:#030512e6;justify-content:center;align-items:center;animation:.3s jp-in;display:flex;position:fixed;inset:0}.jh-panel{width:90%;max-width:500px;max-height:75vh;padding:24px 28px 40px;position:relative;overflow-y:auto}.jh-close{z-index:2;color:#fff3;letter-spacing:3px;cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:4px 8px;font-family:inherit;font-size:10px;display:block;position:sticky;top:0}.jh-close:hover{color:#ffffff80}.jh-title{letter-spacing:1px;color:#ffffffa6;margin-bottom:20px;font-size:24px;font-weight:200}.jh-list{flex-direction:column;gap:14px;display:flex}.jh-msg{background:0 0;border-left:1px solid;flex-direction:column;gap:3px;max-width:95%;padding-left:12px;display:flex}.jh-msg.user{border-left-color:#c084fc26}.jh-msg.assistant{border-left-color:#60a5fa1a}.jh-who{letter-spacing:3px;text-transform:uppercase;color:#ffffff1f;font-size:8px}.jh-msg.user .jh-who{color:#c084fc33}.jh-msg.assistant .jh-who{color:#60a5fa33}.jh-txt{color:#ffffff61;font-size:14px;font-weight:300;line-height:1.55}.jh-notes{margin-top:24px}.jh-note-title{letter-spacing:4px;color:#ffffff1f;text-transform:uppercase;margin-bottom:10px;font-size:9px}.jh-note{border-bottom:1px solid #ffffff04;flex-direction:column;gap:2px;padding:6px 0;display:flex}.jh-note:last-child{border-bottom:none}.jh-note span{color:#ffffff61;font-size:13px}.jh-note-cn{color:#ffffff1f!important;font-size:10px!important}.jh-empty{text-align:center;color:#ffffff1a;padding:40px 0;font-weight:300}@media (width<=600px){.jp-panel{padding:0 18px 40px}.jp-title{font-size:20px}.jps-num{font-size:32px}}.app:before{content:"";z-index:50;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}.app:after{content:"";z-index:49;pointer-events:none;background:radial-gradient(#0000 60%,#02061780 100%);position:fixed;inset:0}.rain{z-index:2;pointer-events:none;background:repeating-linear-gradient(#0000 0,#648cdc0a 2px,#0000 3px);animation:10s linear infinite rain-slide;position:fixed;inset:0}@keyframes rain-slide{to{background-position:30px 60px}}.top{z-index:30;letter-spacing:3px;color:#ffffff4d;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:300;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.td{background:#4ade80b3;border-radius:50%;width:4px;height:4px;transition:all .4s}.td.listening{background:#ef4444;animation:.6s infinite pulse}.td.thinking{background:#fbbf24;animation:1s infinite pulse}.td.speaking{background:#a855f7;animation:.35s infinite pulse}@keyframes pulse{50%{opacity:.12;transform:scale(2)}}.tt{opacity:.7}.tsep{opacity:.2}.ticon{cursor:pointer;opacity:.4;font-size:13px;transition:all .2s}.ticon:hover{opacity:.8}.m{-webkit-backdrop-filter:blur(20px);white-space:nowrap;background:#04020ecc;border-radius:8px;flex-direction:column;gap:6px;padding:8px 12px;animation:.2s fadeup;display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%)}.mr{justify-content:center;align-items:center;gap:5px;display:flex}.mi{cursor:pointer;opacity:.35;border-radius:5px;padding:2px 6px;font-size:12px;transition:all .2s}.mi:hover{opacity:.7}.mi.on{opacity:1;background:#a855f71a}.ms{opacity:.12;font-size:9px}.empty{z-index:10;color:#ffffff24;pointer-events:none;letter-spacing:1px;font-size:15px;font-weight:300;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sub{z-index:10;cursor:pointer;flex-direction:column;gap:5px;max-width:55vw;transition:opacity .3s,transform .3s;display:flex;position:fixed}.sub:hover{transform:translateY(-3px)}.sub-you{text-align:right;align-items:flex-end}.sub-evan{text-align:left;align-items:flex-start}@keyframes sub-in{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.sw{letter-spacing:4px;text-transform:uppercase;opacity:.35;margin-bottom:1px;font-size:7px;font-weight:600}.sub-you .sw{color:#c084fc}.sub-evan .sw{color:#60a5fa}.st{letter-spacing:.3px;text-shadow:0 0 30px #ffffff0f,0 0 60px #8b5cf605,0 2px 6px #0006;font-size:21px;font-weight:250;line-height:1.4}.sub-you .st{color:#e4d4ffb3}.sub-evan .st{color:#bcd8ffb3}.sub:hover .st{animation:1.5s ease-in-out infinite starGlow}@keyframes starGlow{0%,to{text-shadow:0 0 18px #c084fc4d,0 0 40px #8b5cf61a}50%{text-shadow:0 0 28px #c084fc80,0 0 56px #8b5cf633,0 0 6px #ffffff26}}.steach{color:#fbbf2480;margin-top:3px;font-size:12px}.strans{color:#ffffff80;letter-spacing:.5px;margin-top:4px;margin-left:-4px;font-size:13px;font-weight:300;animation:.3s fadeup}@keyframes fadeup{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.live{z-index:25;color:#d8b4fecc;text-align:center;pointer-events:none;text-shadow:0 0 50px #c084fc66;font-size:26px;font-weight:200;animation:1.8s ease-in-out infinite breathe;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.75}50%{opacity:1}}.mic{z-index:30;-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#04020c59;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .4s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 0 50px #8b5cf608}.mic:hover:not(:disabled){border-color:#ffffff1a;transform:translate(-50%)scale(1.08)}.mic:disabled{opacity:.3}.mic.on{border-color:#4ade8026}.mic.listening{border-color:#ef44444d;animation:1.5s ease-in-out infinite micPulse}.mic.speaking{border-color:#a855f740}@keyframes micPulse{0%,to{box-shadow:0 0 #ef444426}50%{box-shadow:0 0 0 12px #ef444400}}.mici{color:#fff6;font-size:18px;transition:all .3s}.mic.on .mici{color:#4ade8080}.mic.listening .mici{color:#ef4444}.mic.speaking .mici{color:#c084fc}.mictip{z-index:20;letter-spacing:3px;color:#ffffff47;pointer-events:none;text-transform:uppercase;font-size:9px;font-weight:300;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.bts{z-index:20;gap:22px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bt{letter-spacing:3px;color:#ffffff47;padding:2px 4px;font-size:9px;font-weight:300;transition:color .3s}.bt:hover{color:#ffffff73}.text-bar{z-index:28;width:90%;max-width:500px;animation:.3s fadeup;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.text-bar form{-webkit-backdrop-filter:blur(18px);background:#080616d9;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 0 40px #8b5cf60d}.text-in{color:#fffc;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-family:inherit;font-size:14px}.text-in::placeholder{color:#ffffff26}.text-in:disabled{opacity:.4}.text-send{color:#ffffff80;cursor:pointer;background:#a855f726;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.text-send:hover:not(:disabled){color:#fffc;background:#a855f74d}.text-send:disabled{opacity:.2}.corr{z-index:40;-webkit-backdrop-filter:blur(18px);background:#080414e0;border:1px solid #c084fc33;border-radius:14px;max-width:75vw;padding:18px 24px;font-size:15px;animation:.3s fadeup;position:fixed;top:50px;left:50%;transform:translate(-50%)}.corr-x{color:#ffffff6b;cursor:pointer;background:#ffffff0d;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-family:inherit;font-size:10px;display:flex;position:absolute;top:4px;right:6px}.corr-x:hover{color:#ffffff80;background:#ffffff1a}.cfix{gap:8px;padding:4px 0;font-size:15px;display:flex}.cfix-label{color:#fff6;flex-shrink:0;font-size:13px}.cfix s,.cfix span:first-of-type+span{color:#ffffff73}.cfix:last-of-type span:last-child{color:#c084fc;font-size:17px}.cexp{color:#ffffff80;border-bottom:1px solid #ffffff0a;padding:8px 0 4px;font-size:14px;line-height:1.5}.ctip{color:#fff6;padding-top:6px;font-size:13px}.notes{z-index:28;pointer-events:none;flex-direction:column-reverse;gap:5px;max-width:190px;display:flex;position:fixed;bottom:70px;right:14px}.ni{-webkit-backdrop-filter:blur(10px);background:#04020e80;border:1px solid #ffffff08;border-radius:7px;flex-direction:column;padding:5px 8px;animation:.4s noteIn;display:flex}@keyframes noteIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.ni-en{color:#ffffff80;font-size:10px;line-height:1.3}.ni-cn{color:#ffffff73;margin-top:2px;font-size:9px}@media (width<=600px),(device-width<=430px){body{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.top{top:calc(env(safe-area-inset-top,20px) + 8px)}.sub{max-width:72vw}.st{font-size:18px}.steach{font-size:11px}.strans{font-size:12px}.live{max-width:85vw;font-size:20px}.mic{width:64px;height:64px;bottom:100px}.mici{font-size:24px}.mictip{font-size:10px;bottom:72px}.bts{bottom:calc(env(safe-area-inset-bottom,12px) + 12px);gap:16px}.bt{font-size:10px}.text-bar{bottom:calc(env(safe-area-inset-bottom,12px) + 50px);width:95%}.text-in{font-size:16px}.corr{top:calc(env(safe-area-inset-top,20px) + 45px);max-width:85vw}.empty{font-size:14px;top:44%}.notes{max-width:140px;bottom:80px;right:8px}}@media (width<=380px){.st{font-size:16px}.mic{width:56px;height:56px;bottom:90px}.mictip{bottom:64px}.bts{gap:12px}.bt{letter-spacing:2px;font-size:9px}}.mobile-speak-bar{bottom:calc(env(safe-area-inset-bottom,12px) + 56px);z-index:30;width:94%;animation:.3s fadeup;position:fixed;left:50%;transform:translate(-50%)}.mobile-speak-bar form{-webkit-backdrop-filter:blur(18px);background:#080616e6;border:1px solid #c084fc26;border-radius:20px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 0 30px #8b5cf614}.mobile-speak-input{color:#ffffffd9;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:16px}.mobile-speak-input::placeholder{color:#fff3}.mobile-speak-input:disabled{opacity:.4}.mobile-send-btn{color:#fff9;cursor:pointer;background:#a855f733;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.mobile-send-btn:hover:not(:disabled){color:#ffffffd9;background:#a855f759}.mobile-send-btn:disabled{opacity:.15}.mobile-speak-hint{text-align:center;color:#ffffff1f;letter-spacing:2px;padding-top:6px;font-size:10px;font-weight:300}