:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes thinking{0%,20%{opacity:.3}50%{opacity:1}to{opacity:.3}}.message-container{align-items:flex-start;animation:slideIn .4s cubic-bezier(.4,0,.2,1);display:flex;gap:8px}.message-container.user{flex-direction:row-reverse}.avatar{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0000001f;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.avatar.user{background:linear-gradient(135deg,#8e8e93,#6d6d70)}.avatar.assistant{background:linear-gradient(135deg,#007aff,#5ac8fa)}.avatar svg{height:16px;width:16px}.message-bubble-container{display:flex;flex-direction:column;gap:4px;width:auto}.message-content{word-wrap:break-word;border-radius:18px;font-size:15px;line-height:1.4;padding:12px 16px;position:relative}.message-content.user{background:#007aff;border-bottom-right-radius:4px;box-shadow:0 1px 2px #007aff33;color:#fff}.message-content.assistant{background:#ffffffe6;border:.5px solid #0000000a;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014;color:#1d1d1f}.message-content.error{background:#ff3b30;border:none;color:#fff}.message-content.loading{background:#fffc;color:#8e8e93;font-style:italic}.message-content.streaming{position:relative}.message-content.streaming:after{animation:blink 1s infinite;color:#007aff;content:"▊";margin-left:2px}.message-meta{align-items:center;color:#8e8e93;display:flex;font-size:11px;gap:6px;margin-top:2px}.message-meta.user{justify-content:flex-end}.usage-info{align-items:center;background:#8e8e9314;border-radius:8px;display:flex;font-size:10px;font-weight:500;gap:3px;padding:2px 6px}.loading-dots{align-items:center;display:inline-flex;gap:.25rem;margin-left:.5rem}.loading-dots .dot{animation:pulse 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;height:4px;width:4px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.thinking-indicator{align-items:center;color:#8e8e93;display:flex;font-size:13px;font-style:italic;gap:8px;padding:4px 0}.thinking-indicator .thinking-text{animation:thinking 2s ease-in-out infinite}.thinking-indicator .thinking-dots{display:inline-flex;gap:2px}.thinking-indicator .thinking-dots .dot{animation:pulse 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;height:3px;width:3px}.thinking-indicator .thinking-dots .dot:first-child{animation-delay:-.32s}.thinking-indicator .thinking-dots .dot:nth-child(2){animation-delay:-.16s}.thinking-indicator .thinking-dots .dot:nth-child(3){animation-delay:0s}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3,.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{color:inherit;font-weight:600;margin:.5rem 0}.markdown-wrapper h1{font-size:1.25rem}.markdown-wrapper h2{font-size:1.15rem}.markdown-wrapper h3{font-size:1.1rem}.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{font-size:1rem}.markdown-wrapper p{margin:.5rem 0}.markdown-wrapper p:first-child{margin-top:0}.markdown-wrapper p:last-child{margin-bottom:0}.markdown-wrapper ol,.markdown-wrapper ul{margin:.5rem 0;padding-left:1.5rem}.markdown-wrapper li{margin:.25rem 0}.markdown-wrapper blockquote{border-radius:0 8px 8px 0;font-style:italic;margin:.5rem 0;padding:.5rem 1rem}.markdown-wrapper.user blockquote{background:#ffffff1a;border-left:3px solid #ffffff4d}.markdown-wrapper.assistant blockquote{background:#667eea1a;border-left:3px solid #667eea}.markdown-wrapper code{border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;padding:.125rem .25rem}.markdown-wrapper.user code{background:#fff3}.markdown-wrapper.assistant code{background:#667eea1a}.markdown-wrapper pre{border-radius:8px;margin:.5rem 0;overflow-x:auto;padding:1rem}.markdown-wrapper pre code{background:#0000;padding:0}.markdown-wrapper.user pre{background:#ffffff1a}.markdown-wrapper.assistant pre{background:#667eea0d}.markdown-wrapper b,.markdown-wrapper strong{font-weight:600}.markdown-wrapper em,.markdown-wrapper i{font-style:italic}.markdown-wrapper hr{border:none;height:1px;margin:1rem 0}.markdown-wrapper.user hr{background:#ffffff4d}.markdown-wrapper.assistant hr{background:#667eea33}.markdown-wrapper a{text-decoration:underline}.markdown-wrapper a:hover{text-decoration:none}.markdown-wrapper.user a{color:#e2e8f0}.markdown-wrapper.assistant a{color:#667eea}.markdown-wrapper table{border-collapse:collapse;margin:.5rem 0;width:100%}.markdown-wrapper td,.markdown-wrapper th{padding:.5rem;text-align:left}.markdown-wrapper.user td,.markdown-wrapper.user th{border:1px solid #ffffff4d}.markdown-wrapper.assistant td,.markdown-wrapper.assistant th{border:1px solid #667eea33}.markdown-wrapper th{font-weight:600}.markdown-wrapper.user th{background:#ffffff1a}.markdown-wrapper.assistant th{background:#667eea1a}.copy-button{align-items:center;background:#fffffff2;border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:2px;opacity:0;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-content:hover .copy-button{opacity:1}.copy-button:hover{background:#fff;transform:scale(1.05)}.copy-button:active{transform:scale(.95)}.copy-button svg{color:#007aff;height:11px;width:11px}.copy-button span{color:#007aff;font-size:10px;font-weight:500}.chat-container{background:linear-gradient(180deg,#fbfbfd 0,#f5f7fa);display:flex;flex-direction:column;height:100%;margin:0 auto;position:relative}.chat-container:before{background:radial-gradient(circle at 25% 25%,#7877c605 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff2d5503 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#fffffff2;border-bottom:1px solid #0000001f;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000014;padding:calc(20px + env(safe-area-inset-top, 0px)) calc(24px + env(safe-area-inset-right, 0px)) 20px calc(24px + env(safe-area-inset-left, 0px));position:relative;z-index:100}@supports(-webkit-backdrop-filter:blur(20px)){.header{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.header:after{background:linear-gradient(180deg,#00000005,#0000);bottom:-1px;content:"";height:4px;left:0;pointer-events:none;position:absolute;right:0}.header-content{flex-wrap:wrap;gap:12px;margin:0 auto;max-width:1000px}.header-content,.header-top{align-items:center;display:flex;justify-content:space-between}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){.header-actions{justify-content:flex-end;width:100%}}.screenshot-button{align-items:center;background:#30d158;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;gap:3px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.screenshot-button:hover{background:#28cd41;transform:scale(1.02)}.screenshot-button:active{transform:scale(.98)}.screenshot-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.screenshot-button svg{height:13px;width:13px}.title{align-items:center;display:flex;gap:8px}.title h1{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.title .subtitle{color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;margin-left:4px}.app-icon{align-items:center;background:linear-gradient(135deg,#007aff,#5ac8fa);border-radius:5px;box-shadow:0 1px 3px #007aff33;display:flex;height:24px;justify-content:center;width:24px}.app-icon svg{color:#fff;height:14px;width:14px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00000040}.input-container{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#fffffff2;border-top:1px solid #0000000f;padding:16px calc(20px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(20px + env(safe-area-inset-left, 0px))}@supports(-webkit-backdrop-filter:blur(20px)){.input-container{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.input-wrapper{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1000px;position:relative}.message-input{background:#fff;border:1.5px solid #e5e5e7;border-radius:22px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;max-height:120px;min-height:44px;overflow-y:auto;padding:12px 16px;resize:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.message-input::placeholder{color:#8e8e93;font-size:16px}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:#0000}.message-input::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.send-button{align-items:center;background:#007aff;border:none;border-radius:22px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.send-button:hover:not(:disabled){background:#0056cc;transform:scale(1.02)}.send-button:active:not(:disabled){transform:scale(.98)}.send-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.send-button svg{color:#fff;height:20px;width:20px}.cancel-button{align-items:center;background:#ff3b30;border:none;border-radius:22px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.cancel-button:hover{background:#d70015;transform:scale(1.02)}.cancel-button:active{transform:scale(.98)}.cancel-button svg{color:#fff;height:20px;width:20px}.history-button{align-items:center;background:#8e8e93;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;gap:3px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.history-button:hover{background:#6d6d70;transform:scale(1.02)}.history-button:active{transform:scale(.98)}.history-button svg{height:13px;width:13px}.logout-button{align-items:center;background:#ff3b30;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;gap:3px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-button:hover{background:#d70015;transform:scale(1.02)}.logout-button:active{transform:scale(.98)}.logout-button svg{height:13px;width:13px}.file-input{display:none}.file-button{align-items:center;background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;gap:3px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.file-button:hover{background:#0056cc;transform:scale(1.02)}.file-button:active{transform:scale(.98)}.file-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.file-button svg{height:13px;width:13px}.upload-status{align-items:center;background:#007aff1a;border-radius:8px;bottom:100%;color:#007aff;display:flex;font-size:12px;gap:6px;left:0;margin-bottom:8px;padding:8px 12px;position:absolute;right:0}.upload-status svg{height:12px;width:12px}.welcome-message{padding:48px 24px;text-align:center}.welcome-message .icon{align-items:center;background:linear-gradient(135deg,#007aff,#5ac8fa);border-radius:16px;box-shadow:0 4px 20px #007aff33;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.welcome-message .icon svg{color:#fff;height:28px;width:28px}.welcome-message h2{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}.welcome-message p{color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.47;margin:0 auto;max-width:400px}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;gap:.5rem;margin:1rem;padding:1rem}.error-message,.user-info{align-items:center;display:flex}.user-info{background:#007aff1a;border-radius:12px;color:#007aff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;gap:8px;padding:6px 10px}.user-info svg{height:13px;width:13px}.user-info .username{font-weight:500}.tone-slider-container{background:#f7f7f7cc;border:1px solid #0000000f;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.tone-slider-title{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;text-align:center}.tone-slider-wrapper{align-items:center;display:flex;gap:12px}.tone-label{color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;white-space:nowrap}.tone-slider{appearance:none;-webkit-appearance:none;background:#e5e5e7;border-radius:2px;flex:1 1;height:4px;outline:none}.tone-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#007aff;border-radius:50%;box-shadow:0 2px 6px #007aff4d;cursor:pointer;height:20px;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.tone-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #007aff66;transform:scale(1.1)}.tone-slider::-moz-range-thumb{background:#007aff;border:none;border-radius:50%;box-shadow:0 2px 6px #007aff4d;cursor:pointer;height:20px;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.tone-slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #007aff66;transform:scale(1.1)}.tone-slider:disabled{cursor:not-allowed;opacity:.5}.tone-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.tone-slider:disabled::-moz-range-thumb{cursor:not-allowed}.tone-value{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;text-align:center}.input-row{align-items:flex-end;display:flex;gap:8px}.input-row .message-input{flex:1 1}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes shimmerAnimation{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseAnimation{0%,to{opacity:.8}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 #3b82f6b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #3b82f600;transform:scale(1.05)}to{box-shadow:0 0 0 0 #3b82f600;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.login-container{background:linear-gradient(135deg,#dbeafe,#f3f4f6);display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.login-container:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4MCIgaGVpZ2h0PSI5NjAiIHZpZXdCb3g9IjAgMCAxMjgwIDk2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTc0MCAyNzJDOC45NzI4NiAyNzIgMCAzMTcuOTY3IDAgMzc0LjUgMCA0MzEuMDMzIDk2LjAyNzE0IDQ3MiA0MjAuMSA0NzIgODQ0LjE0OSA0NzIgMTE4MCA0MzEuMDMzIDExODAgMzc0LjUgMTE4MCAzMTcuOTY3IDExODAgMjcyIDg0NC4xNDkgMjcyIDQyMC4xIDQzMS4wMzMgMCAzNzQuNSAwIDMxNy45NjcgMCAyNzIgOEw1MjguODYwOCAyNzIgNzQwIDI3Mil/zIi0CNqaS9A==) repeat;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.content-wrapper{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:40px;width:100%}@media(max-width:768px){.content-wrapper{flex-direction:column;gap:30px;justify-content:flex-start;min-height:100vh;padding:20px}}.intro-section{animation:fadeInLeft .8s ease-out;color:#475569;flex:1 1}@media(max-width:768px){.intro-section{flex:none;text-align:center;width:100%}}.mobile-brand-section{display:none}@media(max-width:768px){.mobile-brand-section{animation:fadeInUp .6s ease-out;color:#475569;display:block;margin-bottom:20px;order:1;text-align:center;width:100%}}.mobile-features-section{display:none}@media(max-width:768px){.mobile-features-section{animation:fadeInUp .8s ease-out .6s both;color:#475569;display:block;order:3;text-align:center;width:100%}}.login-section{animation:fadeInUp .8s ease-out .3s both;flex:0 0 400px}@media(max-width:768px){.login-section{flex:none;max-width:400px;order:2;width:100%}}.brand-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}@media(max-width:768px){.brand-header{display:none}}.mobile-brand-header{display:none}@media(max-width:768px){.mobile-brand-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}}.brand-icon{align-items:center;background:#3b82f6;border-radius:12px;display:flex;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.brand-icon:hover{transform:scale(1.05)}.brand-icon svg{color:#fff;height:24px;width:24px}.brand-text h1{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:32px;font-weight:600;margin:0}@media(max-width:768px){.brand-text h1{font-size:28px}}.brand-text .subtitle{color:#64748b;font-size:16px;font-weight:400;margin-top:4px}@media(max-width:768px){.brand-text .subtitle{font-size:14px}}.features-list{margin:48px 0}@media(max-width:768px){.features-list{display:none}}.features-list .feature{align-items:center;background:#fff9;border:1px solid #00000014;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px;transition:all .3s ease}.features-list .feature:hover{background:#fffc;transform:translateX(4px)}.features-list .feature .icon{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.features-list .feature .icon svg{color:#64748b;height:24px;width:24px}.features-list .feature .text h3{font-size:18px;font-weight:600;margin:0 0 4px}.features-list .feature .text p{font-size:14px;line-height:1.4;margin:0;opacity:.8}.mobile-features-list{display:none}@media(max-width:768px){.mobile-features-list{display:block;margin:24px 0}}.mobile-features-list .feature{align-items:center;background:#fff9;border:1px solid #00000014;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px;transition:all .2s ease}.mobile-features-list .feature:hover{background:#fffc}.mobile-features-list .feature .icon{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.mobile-features-list .feature .icon svg{color:#64748b;height:16px;width:16px}.mobile-features-list .feature .text h3{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.mobile-features-list .feature .text p{color:#64748b;font-size:12px;line-height:1.4;margin:0;opacity:.8}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:32px}@media(max-width:768px){.login-card{padding:24px}}.login-header{margin-bottom:32px;text-align:center}.login-header h2{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.input-group{position:relative}.input-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-icon svg{height:16px;width:16px}.input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input:focus+.input-icon{color:#3b82f6}.input::placeholder{color:#9ca3af}.login-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.login-button:hover:before{left:100%}.login-button:active{background:#1d4ed8;transform:translateY(0)}.login-button.loading{animation:buttonPulse 2s infinite;background:#6b7280;cursor:not-allowed}.login-button.loading:hover{background:#6b7280;box-shadow:none;transform:none}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-button svg{height:16px;width:16px}.login-button svg.loading{animation:spin 1s linear infinite}.error-msg{align-items:center;animation:pulseAnimation 2s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;color:#fff;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:16px}.error-msg svg{flex-shrink:0;height:18px;width:18px}.floating-elements{display:none}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}#root,body{height:100%;min-height:100vh;min-height:100dvh}#root,.App{display:flex;flex-direction:column}.App{flex:1 1;height:100%;min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.f2feddeb.css.map*/