.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}.login-page:before{width:300px;height:300px;background:var(--color-teal);opacity:.15;filter:blur(60px);top:-80px;right:-60px}.login-page:after{width:250px;height:250px;background:var(--color-purple);opacity:.12;filter:blur(60px);bottom:-60px;left:-40px;animation-delay:1.5s}.login-card{width:100%;background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;animation:fadeIn .8s ease-out forwards;position:relative;z-index:1}.login-logo{height:64px;width:auto;margin-bottom:var(--space-6)}.login-header h1{font-size:2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2);background:linear-gradient(to right,var(--color-teal),var(--color-blue),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--color-text-secondary);font-weight:400}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.8125rem;font-weight:500;color:var(--color-text)}.login-btn{width:100%;margin-top:var(--space-4);padding:12px 20px;font-size:.9375rem}.error-message{background:#dc262614;border:1px solid rgba(220,38,38,.2);border-left:4px solid var(--color-error);color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem}.demo-hint{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-4)}.powered-by{margin-top:var(--space-6);font-size:.6875rem;color:var(--color-text-muted);letter-spacing:.04em;text-align:center}.install-btn{width:100%;margin-top:var(--space-4);padding:12px 20px;font-size:.875rem;gap:var(--space-2)}@media (max-width: 480px){.login-page{padding:var(--space-3);align-items:flex-start;padding-top:15vh}.login-card{padding:var(--space-6);border-radius:var(--radius-md)}.login-header{margin-bottom:var(--space-6)}.login-header h1{font-size:1.5rem}.login-btn{padding:14px 20px}}.projects-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.projects-page:before,.projects-page:after{content:"";position:absolute;border-radius:50%;animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;z-index:0}.projects-page:before{width:300px;height:300px;background:var(--color-teal);opacity:.15;filter:blur(60px);top:-80px;right:-60px}.projects-page:after{width:250px;height:250px;background:var(--color-purple);opacity:.12;filter:blur(60px);bottom:-60px;left:-40px;animation-delay:1.5s}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:relative;z-index:1}.header-logo{height:40px;width:auto}.projects-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.projects-intro{text-align:center;margin-bottom:var(--space-6);animation:fadeIn .8s ease-out forwards}.projects-intro h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.projects-intro p{color:var(--color-text-secondary);font-size:1.1rem}.projects-loading{color:var(--color-text-secondary);font-size:1rem;padding:var(--space-8);text-align:center}.projects-empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-8)}.projects-empty-hint{margin-top:var(--space-2);font-size:.875rem}.projects-empty code{font-family:var(--font-mono);background:#ffffff80;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.85em}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6);width:100%;max-width:900px;animation:fadeIn .8s ease-out forwards;animation-delay:.15s;opacity:0}.project-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);width:220px;background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;color:var(--color-text);font-family:var(--font-sans);text-align:center;position:relative;box-shadow:var(--shadow-md)}.project-card:hover{background:linear-gradient(135deg,#0d94880f,#3b82f60f);border-color:#0d94884d;box-shadow:var(--shadow-xl),0 0 30px -5px #0d948826;transform:translateY(-4px)}.project-card:active{transform:scale(.98)}.project-icon{color:var(--color-teal);display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#0d94881a,#3b82f61a);border-radius:var(--radius-lg);transition:all .3s ease}.project-card:hover .project-icon{background:linear-gradient(135deg,#0d94882e,#3b82f62e);transform:scale(1.08)}.project-icon svg{width:32px;height:32px}.project-name{font-size:1rem;font-weight:600;color:var(--color-text);transition:all .3s}.project-card:hover .project-name{background:linear-gradient(to right,var(--color-teal),var(--color-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-folder{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);transition:color .3s;line-height:1.4;word-break:break-all}@media (max-width: 768px){.projects-header{padding:var(--space-3) var(--space-4)}.projects-header h1{font-size:1.1rem}.projects-main{padding:var(--space-6) var(--space-4);justify-content:flex-start;padding-top:var(--space-8)}.projects-intro h2{font-size:1.4rem}.projects-intro p{font-size:.9375rem}.projects-grid{gap:var(--space-4)}.project-card{width:160px}.project-card{padding:var(--space-6) var(--space-4)}.project-card:hover{transform:none}}@media (max-width: 480px){.projects-intro h2{font-size:1.25rem}.projects-intro p{font-size:.875rem}.projects-grid{gap:var(--space-3)}.project-card{padding:var(--space-4) var(--space-3)}.project-icon{width:48px;height:48px}.project-icon svg{width:24px;height:24px}.project-name{font-size:.875rem}.project-folder{font-size:.6875rem}}.chat-message{display:inline-flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);animation:fadeIn .4s ease-out forwards;transition:all .2s ease;max-width:80%;width:fit-content;position:relative}.copy-btn{position:absolute;bottom:4px;right:4px;opacity:0;background:transparent;border:none;border-radius:4px;padding:3px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.chat-message:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-teal)}.copy-btn.copied{opacity:1;color:var(--color-success);border-color:var(--color-success)}.chat-message.user{background:#0d948814;border:1px solid rgba(13,148,136,.15);flex-direction:row-reverse;margin-left:auto;border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-md)}.chat-message.assistant{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-right:auto;border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-sm)}.chat-message.system{max-width:100%;margin:var(--space-4) auto;background:linear-gradient(135deg,#0d94880a,#3b82f60a,#8b5cf60a);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.chat-message.system:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#0d948840,#3b82f640,#8b5cf640);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chat-message.system .message-avatar{display:none}.chat-message.system .message-header{justify-content:center}.chat-message.system .message-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:linear-gradient(to right,var(--color-teal),var(--color-blue),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-message.system .message-time{font-size:.7rem}.chat-message.system .message-text{font-size:.8125rem;color:var(--color-text-secondary);text-align:center;font-weight:400}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:var(--radius-full);background:#fff9;border:1px solid var(--color-border);flex-shrink:0}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,#0d948826,#3b82f626)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.chat-message.user .message-header{flex-direction:row-reverse}.chat-message.user .message-text{text-align:right}.message-role{font-weight:600;font-size:.875rem;color:var(--color-text)}.chat-message.assistant .message-role{background:linear-gradient(to right,var(--color-teal),var(--color-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-time{font-size:.75rem;color:var(--color-text-muted)}.message-text{font-size:.875rem;line-height:1.6;word-break:break-word;color:var(--color-text);padding-bottom:var(--space-6)}.chat-message.user .message-text,.chat-message.system .message-text{white-space:pre-wrap}.message-text p{margin-bottom:var(--space-2)}.message-text p:last-child{margin-bottom:0}.message-text :not(pre)>code{background:#0d948814;border:1px solid rgba(13,148,136,.15);padding:1px 6px;border-radius:4px;font-size:.85em}.message-text hr{border:none;border-top:1px solid var(--color-border-solid);margin:var(--space-4) 0}.message-text h1,.message-text h2,.message-text h3,.message-text h4{color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-2);font-weight:600}.message-text h1{font-size:1.4em}.message-text h2{font-size:1.25em}.message-text h3{font-size:1.1em}.message-text h4{font-size:1em}.message-text a{color:var(--color-teal);text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text code{font-family:var(--font-mono);font-size:.85em}.message-text pre{background:#1e293b;color:#e2e8f0;padding:var(--space-4);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-3) 0}.message-text blockquote{border-left:3px solid var(--color-teal);padding-left:var(--space-4);color:var(--color-text-secondary);font-style:italic;margin:var(--space-3) 0}.message-text ul,.message-text ol{padding-left:24px;margin:var(--space-2) 0}.message-text table{width:100%;border-collapse:collapse;font-size:.8125rem;margin:var(--space-3) 0}.message-text th{background:#ffffff80;font-weight:600;color:var(--color-text)}.message-text th,.message-text td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-solid);text-align:left}@media (max-width: 768px){.chat-message{max-width:88%;padding:var(--space-3);gap:var(--space-2)}.chat-message.system{max-width:100%;padding:var(--space-3) var(--space-4)}.message-avatar{width:30px;height:30px;font-size:1rem}.message-role{font-size:.8125rem}.message-time{font-size:.6875rem}.message-text{font-size:.8125rem}.copy-btn{opacity:1}.message-text pre{padding:var(--space-3);font-size:.75rem}.message-text table{font-size:.75rem}}@media (max-width: 480px){.chat-message{max-width:92%;padding:var(--space-2) var(--space-3)}.message-avatar{width:26px;height:26px;font-size:.875rem}.message-header{gap:var(--space-2);margin-bottom:var(--space-1)}.message-text{font-size:.8125rem;line-height:1.5}}.voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-width:44px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-solid);background:#fff9;color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.voice-btn:hover:not(:disabled){background:#fff;border-color:var(--color-teal);color:var(--color-teal)}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn-recording{background:#fee2e2;border-color:#ef4444;color:#b91c1c;animation:voice-pulse 1.4s ease-in-out infinite}.voice-btn-warning{background:#fef3c7;border-color:#f59e0b;color:#b45309}.voice-rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:voice-blink .9s ease-in-out infinite}.voice-btn-warning .voice-rec-dot{background:#f59e0b}.voice-rec-time{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.voice-btn-processing{background:#0d948814;border-color:var(--color-teal);color:var(--color-teal);cursor:wait}.voice-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:voice-spin .8s linear infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes voice-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes voice-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.voice-btn{height:40px;min-width:40px;padding:0 10px}}.chat-input-area{position:relative}.voice-error{padding:10px 16px;margin:0 var(--space-6) 8px;background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-md);color:#991b1b;font-size:.8125rem}.voice-original{padding:8px 16px;margin:0 var(--space-6) 6px;background:#0d94880f;border-left:3px solid var(--color-teal);border-radius:4px;color:var(--color-text-muted);font-size:.75rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.voice-error,.voice-original{margin-left:var(--space-4);margin-right:var(--space-4)}}.thinking-wave{height:140px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%)}.wave-layer{position:absolute;bottom:0;left:-50%;width:300%;height:100%}.wave-1{animation:wave-scroll-1 3s ease-in-out infinite;filter:blur(10px);opacity:.85}.wave-2{animation:wave-scroll-2 4s ease-in-out infinite;filter:blur(12px);opacity:.75}.wave-3{animation:wave-scroll-3 5s ease-in-out infinite;filter:blur(14px);opacity:.65}@keyframes wave-scroll-1{0%{transform:translate(0) translateY(0) scaleY(1)}25%{transform:translate(-12%) translateY(-30px) scaleY(1.6)}50%{transform:translate(-25%) translateY(-10px) scaleY(.9)}75%{transform:translate(-12%) translateY(-40px) scaleY(1.5)}to{transform:translate(0) translateY(0) scaleY(1)}}@keyframes wave-scroll-2{0%{transform:translate(-10%) translateY(0) scaleY(1)}25%{transform:translate(0) translateY(-35px) scaleY(1.7)}50%{transform:translate(15%) translateY(-15px) scaleY(.8)}75%{transform:translate(5%) translateY(-45px) scaleY(1.6)}to{transform:translate(-10%) translateY(0) scaleY(1)}}@keyframes wave-scroll-3{0%{transform:translate(5%) translateY(0) scaleY(1)}25%{transform:translate(-5%) translateY(-32px) scaleY(1.5)}50%{transform:translate(-20%) translateY(-18px) scaleY(1.8)}75%{transform:translate(-8%) translateY(-42px) scaleY(1.3)}to{transform:translate(5%) translateY(0) scaleY(1)}}.chat-input-container{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.thinking-wave+.chat-input-container{border-top:none}.chat-input{flex:1;padding:12px 14px;font-size:.875rem;font-family:var(--font-sans);line-height:1.5;background:#ffffff80;border:1px solid var(--color-border-solid);border-radius:var(--radius-md);color:var(--color-text);outline:none;resize:none;overflow-y:hidden;min-height:44px;max-height:200px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chat-input:focus{background:#fff;border-color:var(--color-teal);box-shadow:0 0 0 3px #0d948826}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{min-width:80px;padding:12px 20px;flex-shrink:0}.send-btn:disabled{background:#cbd5e1;box-shadow:none}.send-btn:disabled:after{animation:none}@media (max-width: 768px){.chat-input-container{position:sticky;bottom:0;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),calc(12px + env(safe-area-inset-bottom)));gap:var(--space-2)}.chat-input{font-size:16px;padding:10px 12px;min-height:40px}.send-btn{min-width:auto;padding:10px 16px}.thinking-wave{height:45px}}@media (max-width: 480px){.chat-input-container{padding:var(--space-2) var(--space-3);padding-bottom:max(var(--space-2),calc(8px + env(safe-area-inset-bottom)))}.send-btn{padding:10px 12px;font-size:.8125rem}.thinking-wave{height:30px}}.status-indicator-wrapper{display:flex;justify-content:flex-start;padding:var(--space-2) 0;animation:fadeIn .4s ease-out forwards}.status-indicator-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:80%}.status-spinner{flex-shrink:0;font-family:var(--font-mono);font-size:.875rem;color:var(--color-teal);line-height:1}.status-indicator-text{font-size:.8125rem;color:var(--color-text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-elapsed{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;min-width:40px;text-align:right}@media (max-width: 768px){.status-indicator-card{max-width:90%;padding:var(--space-2) var(--space-3);gap:var(--space-2)}.status-indicator-text{font-size:.75rem}.status-elapsed{font-size:.625rem}}.chat-page{display:flex;flex-direction:column;height:100vh;position:relative}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);min-height:64px;z-index:10}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-left h1{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--color-teal),var(--color-blue),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.session-info{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);background:#ffffff80;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-solid);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.session-info:hover{color:var(--color-teal);border-color:var(--color-teal);background:#0d94880f}.header-right{display:flex;align-items:center;gap:var(--space-4)}.status{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:6px}.status:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.status.connected{color:var(--color-success)}.status.connected:before{background:var(--color-success);animation:pulse-slow 2s ease-in-out infinite;box-shadow:0 0 6px #05966966}.status.disconnected{color:var(--color-error)}.status.disconnected:before{background:var(--color-error)}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.start-session{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.start-card{width:100%;max-width:600px;background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center;animation:fadeIn .8s ease-out forwards}.start-card h2{margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.start-card p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.path-input-group{display:flex;gap:var(--space-3)}.path-input-group .input{flex:1}.messages-container{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column}.status-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.875rem;font-style:italic;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;background:var(--color-teal);border-radius:50%;animation:pulse-slow 1.5s ease-in-out infinite;box-shadow:0 0 8px #0d948866}.session-controls{display:flex;justify-content:center;padding:var(--space-3);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.prompt-response-area{padding:var(--space-3) var(--space-6);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:2px solid rgba(217,119,6,.4)}.prompt-text{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-family:var(--font-mono)}.prompt-buttons{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.error-message{margin-top:var(--space-4);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-left:4px solid var(--color-error);color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem}@media (max-width: 768px){.chat-header{padding:var(--space-3) var(--space-4);min-height:56px}.header-left{gap:var(--space-2);min-width:0;flex:1}.header-left h1{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-info{display:none}.header-right{gap:var(--space-2);flex-shrink:0}.status{font-size:0}.status:before{width:8px;height:8px}.messages-container{padding:var(--space-3)}.start-card{padding:var(--space-6)}.start-card h2{font-size:1.1rem}.prompt-response-area{padding:var(--space-3) var(--space-4)}.prompt-buttons{gap:var(--space-2)}.session-controls{padding:var(--space-2)}}@media (max-width: 480px){.chat-header{padding:var(--space-2) var(--space-3);min-height:48px}.header-left h1{font-size:.875rem}.header-right .btn-secondary{padding:var(--space-2) var(--space-3);font-size:.75rem}.messages-container{padding:var(--space-2)}.start-card{padding:var(--space-4);border-radius:var(--radius-md)}}.page-transition{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;min-height:100vh;display:flex;flex-direction:column}.page-transition.visible{opacity:1;transform:translateY(0)}:root{--color-teal: #0d9488;--color-blue: #3b82f6;--color-purple: #8b5cf6;--color-red: #dc2626;--color-bg: #f0f4f8;--color-bg-glass: rgba(255, 255, 255, .65);--color-bg-glass-light: rgba(255, 255, 255, .5);--color-bg-glass-heavy: rgba(255, 255, 255, .9);--color-text: #1f2937;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .5);--color-border-subtle: rgba(226, 232, 240, .6);--color-border-solid: #e2e8f0;--color-success: #059669;--color-error: #dc2626;--color-warning: #d97706;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Consolas", "Monaco", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--shadow-glow: 0 0 35px -5px rgba(13, 148, 136, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:linear-gradient(135deg,#f0f4f8,#e0f2f1,#dbeafe);background-size:400% 400%;animation:gradient-x 15s ease infinite;color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.aurora-text{background:linear-gradient(to right,var(--color-teal),var(--color-blue),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-slow{0%,to{opacity:.2}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:.875rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(to right,var(--color-teal),var(--color-blue),var(--color-purple));color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 25px #0d948840}.btn-primary:active{transform:scale(.98)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:shimmer 2s linear infinite}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:after{animation:none}.btn-secondary{background:#ffffffb3;color:var(--color-text);border:1px solid var(--color-border-solid);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffffe6;border-color:var(--color-teal);color:var(--color-teal);transform:translateY(-1px);box-shadow:0 4px 12px #0d94881f}.btn-secondary:active{transform:scale(.98)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;font-family:var(--font-sans);background:#ffffff80;border:1px solid var(--color-border-solid);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:all .2s ease}.input:focus{background:#fff;border-color:var(--color-teal);box-shadow:0 0 0 3px #0d948826}.input::placeholder{color:var(--color-text-muted)}@media (max-width: 768px){.btn{padding:var(--space-2) var(--space-4);font-size:.8125rem}.input{padding:var(--space-3);font-size:16px}}@media (max-width: 480px){.btn{padding:var(--space-2) var(--space-3);font-size:.8125rem;gap:var(--space-1)}}