@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:Inter,sans-serif;background:#050510;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:#fff;-webkit-font-smoothing:antialiased}.lp-root{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:#050510;position:relative;overflow:hidden}.lp-bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 40%,#667eea12 0%,transparent 60%)}.lp-card{position:relative;z-index:2;width:100%;max-width:380px;background:#ffffff0a;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 30px 80px #00000080,0 0 0 1px #667eea14;transition:transform .3s ease}.lp-shake{animation:lpShake .45s ease}@keyframes lpShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.lp-success{border-color:#43e97b4d;box-shadow:0 30px 80px #00000080,0 0 40px #43e97b1f}.lp-logo{position:relative;display:flex;align-items:center;justify-content:center}.lp-orb{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px #667eea55}.lp-orb-icon{font-size:32px;position:relative;z-index:1}.lp-orb-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(102,126,234,.35);animation:orbPulse 2.5s ease-in-out infinite}.lp-ring2{top:-16px;right:-16px;bottom:-16px;left:-16px;border-color:#667eea26;animation-delay:.8s}@keyframes orbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.06)}}.lp-titles{text-align:center}.lp-title{font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;line-height:1}.lp-title span{color:#667eea}.lp-sub{font-size:.72rem;color:#ffffff61;margin-top:6px;letter-spacing:.8px;text-transform:uppercase}.lp-form{width:100%;display:flex;flex-direction:column;gap:14px}.lp-field{display:flex;flex-direction:column;gap:6px;width:100%}.lp-label{font-size:.63rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff6;padding-left:2px}.lp-input-wrap{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:border-color .2s,box-shadow .2s}.lp-input-wrap:focus-within{border-color:#667eea99;box-shadow:0 0 0 3px #667eea1f}.lp-input-icon{padding:0 12px;font-size:1rem;color:#ffffff4d;flex-shrink:0;pointer-events:none}.lp-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.92rem;padding:12px 0;font-family:Inter,sans-serif;letter-spacing:.3px}.lp-input::-moz-placeholder{color:#fff3}.lp-input::placeholder{color:#fff3}.lp-input:disabled{opacity:.5}.lp-input-err+.lp-eye,.lp-input-err{color:#ff8a8a}.lp-input-wrap:has(.lp-input-err){border-color:#ff505080}.lp-eye{background:none;border:none;cursor:pointer;padding:0 14px;font-size:1rem;color:#ffffff4d;transition:color .2s;flex-shrink:0;touch-action:manipulation}.lp-eye:hover{color:#ffffffb3}.lp-error{font-size:.75rem;color:#ff8a8a;padding-left:2px;line-height:1.4;animation:fadeSlideUp .2s ease}.lp-btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .15s,opacity .2s;box-shadow:0 6px 24px #667eea66;touch-action:manipulation}.lp-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.lp-btn:active:not(:disabled){transform:translateY(0)}.lp-btn:disabled{opacity:.6;cursor:default}.lp-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.lp-success-msg{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0;animation:fadeSlideUp .4s ease}.lp-success-bar{width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,#43e97b,#38f9d7);animation:expandBar .6s ease forwards}@keyframes expandBar{0%{width:0}to{width:60px}}.lp-success-msg p{font-size:.88rem;color:#43e97b;letter-spacing:.5px}.lp-footer{font-size:.64rem;color:#ffffff26;text-align:center;letter-spacing:.4px;margin-top:4px}@media (max-width: 480px){.lp-card{padding:28px 20px 22px;border-radius:20px;gap:16px}.lp-orb{width:62px;height:62px}.lp-orb-icon{font-size:28px}.lp-title{font-size:1.7rem}.lp-input{font-size:.88rem;padding:11px 0}.lp-btn{padding:12px;font-size:.86rem}}.app{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:16px;position:relative;overflow:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(102,126,234,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;transition:background 1.2s ease;pointer-events:none;z-index:0}.container{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1;padding-bottom:24px;padding-top:8px}.app-header{width:100%;display:flex;align-items:center;gap:12px;background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:12px 16px}.logo-wrap{position:relative;flex-shrink:0}.logo-orb{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:22px;transition:box-shadow .6s ease}.speaking-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid #43e97b;animation:speakpulse 1s ease-in-out infinite}@keyframes speakpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.18)}}.header-text{flex:1;min-width:0}.header-text h1{font-family:Rajdhani,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:1.2px;line-height:1.1;white-space:nowrap}.header-text p{font-size:.65rem;color:#ffffff61;margin-top:2px;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1px solid;font-size:.62rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;transition:all .5s ease;white-space:nowrap;flex-shrink:0}.mode-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.viz-area{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pulse-r{position:absolute;border-radius:50%;border:1px solid;animation:pulseOut 2s ease-out infinite;pointer-events:none}.r1{width:140px;height:140px}.r2{width:200px;height:200px;animation-delay:.7s}@keyframes pulseOut{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.15);opacity:0}}.orb-btn{border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;transition:filter .2s,transform .15s;position:relative;z-index:3;touch-action:manipulation}.orb-btn:hover:not(:disabled){filter:brightness(1.18);transform:scale(1.04)}.orb-btn:active:not(:disabled){transform:scale(.92)}.orb-btn:disabled{opacity:.7}.orb-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,255,255,.7));pointer-events:none}.status-bar{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:8px}.status-text{font-size:.83rem;font-weight:500;transition:color .6s ease;letter-spacing:.3px;text-align:center;line-height:1.4}.vol-bar{display:flex;align-items:flex-end;gap:3px;height:30px}.vs{width:5px;border-radius:3px;transition:background .08s}.live-transcript{width:100%;display:flex;align-items:flex-start;gap:8px;background:#f093fb14;border:1px solid rgba(240,147,251,.2);border-radius:12px;padding:9px 12px;animation:fadeSlideUp .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:6px;animation:blink .8s ease-in-out infinite}.lt-text{font-size:.82rem;color:#ffffffb8;line-height:1.5;font-style:italic}.toggle-row{width:100%;display:flex;align-items:center;gap:12px;background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px 16px}.tl{font-size:.82rem;font-weight:600;color:#ffffffbf}.ts{font-size:.67rem;color:#ffffff4d;margin-top:2px}.tog{width:46px;height:26px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;cursor:pointer;position:relative;transition:all .3s;flex-shrink:0;touch-action:manipulation}.tog.on{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 0 14px #667eea44}.knob{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s;display:block;box-shadow:0 2px 6px #0006}.tog.on .knob{transform:translate(20px)}.error-box{width:100%;background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:12px;padding:10px 14px;color:#ff8a8a;font-size:.8rem;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;line-height:1.5}.error-box button{background:none;border:none;color:#ff8a8a;cursor:pointer;font-size:1rem;flex-shrink:0;padding:0 2px;touch-action:manipulation}.chat-container{width:100%;background:#ffffff06;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.71rem;color:#ffffff61;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clear-btn{background:none;border:1px solid rgba(255,80,80,.3);color:#ff8a8a;font-size:.68rem;padding:4px 10px;border-radius:8px;cursor:pointer;transition:background .2s;font-weight:500;touch-action:manipulation}.clear-btn:hover{background:#ff505026}.chat-scroll{max-height:320px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;-webkit-overflow-scrolling:touch}.chat-scroll::-webkit-scrollbar{width:3px}.chat-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.turn{display:flex;flex-direction:column;gap:6px}.bubble{padding:9px 12px;border-radius:13px;font-size:.84rem;line-height:1.55}.bm{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:8px;min-width:0}.bn{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#fff6;flex-shrink:0}.marvis-name{color:#00f5a0!important}.bt{font-size:.62rem;color:#ffffff38;flex-shrink:0;white-space:nowrap}.bm-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.btext{color:#ffffffe0;word-break:break-word}.ub{background:#667eea21;border:1px solid rgba(102,126,234,.2)}.mb{background:#00f5a00a;border:1px solid rgba(0,245,160,.14);margin-left:14px}.mini-play{background:none;border:none;font-size:.8rem;cursor:pointer;opacity:.4;transition:opacity .2s;padding:0;line-height:1;touch-action:manipulation;flex-shrink:0}.mini-play:hover{opacity:1}.app-footer{font-size:.65rem;color:#ffffff26;text-align:center;letter-spacing:.4px;padding-top:4px}@media (max-width: 480px){.app{padding:12px 10px}.container{gap:12px}.app-header{padding:10px 12px;gap:10px;border-radius:16px}.logo-orb{width:40px;height:40px;font-size:20px}.header-text h1{font-size:1.15rem;letter-spacing:1px}.header-text p{font-size:.58rem}.mode-badge{font-size:.56rem;padding:3px 8px;letter-spacing:.5px}.viz-area{width:200px;height:200px}.orb-icon{font-size:28px}.r1{width:120px;height:120px}.r2{width:170px;height:170px}.status-text{font-size:.78rem}.vol-bar{height:26px}.vs{width:4px}.live-transcript{padding:8px 11px}.lt-text{font-size:.78rem}.toggle-row{padding:10px 14px;border-radius:12px}.tl{font-size:.78rem}.ts{font-size:.63rem}.tog{width:42px;height:24px}.knob{width:14px;height:14px}.tog.on .knob{transform:translate(18px)}.chat-container{border-radius:16px}.chat-head{padding:10px 14px;font-size:.66rem}.chat-scroll{padding:10px;max-height:280px;gap:8px}.bubble{padding:8px 11px;font-size:.8rem}.bn{font-size:.6rem}.bt{font-size:.58rem}.btext{font-size:.8rem}.mb{margin-left:10px}.mini-play{font-size:.75rem}.clear-btn{font-size:.63rem;padding:3px 9px}.app-footer{font-size:.6rem}.lp-card{padding:28px 20px 22px;border-radius:20px;gap:16px}.lp-orb{width:62px;height:62px}.lp-orb-icon{font-size:28px}.lp-title{font-size:1.7rem}.lp-input{font-size:.88rem;padding:11px 0}.lp-btn{padding:12px;font-size:.86rem}}@media (max-width: 360px){.header-text p{display:none}.viz-area{width:180px;height:180px}.mode-badge span:last-of-type{display:none}.lp-title{font-size:1.5rem}.lp-card{padding:24px 16px 18px}}