.toast{display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:400px;padding:14px 16px;background:var(--inverse-surface);color:var(--inverse-on-surface);border:none;border-radius:4px;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;animation:slideInRight .5s cubic-bezier(.2,0,0,1);margin-bottom:8px;position:relative;z-index:10002}.toast-success,.toast-error,.toast-warning,.toast-info{border-left:none}.toast-icon{flex-shrink:0;margin-right:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--inverse-primary)}.toast-error .toast-icon{color:var(--error-container)}.toast-error .toast-icon{color:#ffb4ab}.toast-warning .toast-icon{color:#ffdcbe}.toast-info .toast-icon{color:var(--inverse-primary)}.toast-message{font-size:14px;color:var(--inverse-on-surface);line-height:20px;font-weight:400;letter-spacing:.25px}.toast-close{background:transparent;border:none;color:var(--inverse-on-surface);cursor:pointer;padding:8px;border-radius:20px;display:flex;align-items:center;justify-content:center;opacity:1;transition:background-color .2s cubic-bezier(.2,0,0,1)}.toast-close:hover{background:#ffffff14}.toast-close:active{background:#ffffff1f}[data-theme=light] .toast{background:var(--inverse-surface);color:var(--inverse-on-surface);border-color:transparent;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}[data-theme=light] .toast-message,[data-theme=light] .toast-close{color:var(--inverse-on-surface)}[data-theme=light] .toast-close:hover{background:#ffffff14}[data-theme=light] .toast-success,[data-theme=light] .toast-error,[data-theme=light] .toast-warning,[data-theme=light] .toast-info{background:var(--inverse-surface)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.exiting{animation:slideOutRight .2s ease-out forwards}.toast-container{position:fixed;top:20px;right:20px;z-index:10002;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;transition:right .3s cubic-bezier(.4,0,.2,1)}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast-container{top:16px;right:16px;left:16px}.app.sidebar-open .toast-container{right:16px;left:16px}.toast{min-width:auto;width:100%;max-width:100%;padding:14px 16px}}[data-theme=light] .toast{background:#fffffff2;border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .toast-message{color:#1a1a1a}[data-theme=light] .toast-close{color:#666}[data-theme=light] .toast-close:hover{background:#0000000d;color:#1a1a1a}[data-theme=light] .toast-success,[data-theme=light] .toast-error,[data-theme=light] .toast-warning,[data-theme=light] .toast-info{background:#fffffff2}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirm-dialog{background:var(--surface-container-high);border:none;border-radius:28px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:slideUp .2s cubic-bezier(.2,0,0,1);overflow:hidden;color:var(--on-surface)}.confirm-dialog-header{padding:24px 24px 16px;border-bottom:none}.confirm-dialog-header h3{margin:0;font-size:24px;font-weight:400;color:var(--on-surface)}.confirm-dialog-content{padding:0 24px 24px}.confirm-dialog-content p{margin:0;font-size:14px;line-height:1.5;color:var(--on-surface-variant)}.confirm-dialog-footer{display:flex;gap:8px;padding:0 24px 24px;justify-content:flex-end}.confirm-dialog-btn{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);border:none;min-width:80px;position:relative;overflow:hidden}.confirm-dialog-btn.cancel-btn{background:transparent;color:var(--primary);border:1px solid var(--outline-variant)}.confirm-dialog-btn.cancel-btn:hover{background:var(--surface-container-highest);color:var(--primary);opacity:.92}.confirm-dialog-btn.confirm-btn{background:var(--primary);color:var(--on-primary)}.confirm-dialog-btn.confirm-btn:hover{background:var(--primary);opacity:.92;box-shadow:var(--shadow-sm)}.confirm-dialog-btn.confirm-btn.danger{background:var(--error);color:var(--on-error)}.confirm-dialog-btn.confirm-btn.danger:hover{background:var(--error);opacity:.92}.confirm-dialog-btn:active{transform:scale(.96)}.confirm-dialog-btn:focus{outline:none;box-shadow:0 0 0 3px var(--primary-container)}.confirm-dialog-btn.confirm-btn.danger:focus{box-shadow:0 0 0 3px var(--error-container)}@media (max-width: 768px){.confirm-dialog-overlay{padding:0;align-items:flex-end}.confirm-dialog{max-width:100%;border-radius:28px 28px 0 0;margin-bottom:0}.confirm-dialog-header{padding:16px 24px}.confirm-dialog-header h3{font-size:22px}.confirm-dialog-content{padding:0 24px 24px}.confirm-dialog-content p{font-size:16px}.confirm-dialog-footer{padding:16px 24px 24px;flex-direction:column-reverse;gap:12px}.confirm-dialog-btn{width:100%;min-width:0;padding:12px 24px;font-size:16px}}@media (max-width: 480px){.confirm-dialog{border-radius:28px 28px 0 0}.confirm-dialog-header{padding:16px 24px}.confirm-dialog-header h3{font-size:20px}.confirm-dialog-content{padding:0 24px 24px}.confirm-dialog-footer{padding:16px 24px 24px}}.alert-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.alert-dialog{background:var(--surface-container-high);border:none;border-radius:28px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:slideUp .2s cubic-bezier(.2,0,0,1);overflow:hidden;color:var(--on-surface)}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.alert-dialog-header{padding:24px 24px 16px;border-bottom:none}.alert-dialog-header h3{margin:0;font-size:24px;font-weight:400;color:var(--on-surface)}.alert-dialog-content{padding:0 24px 24px}.alert-dialog-content p{margin:0;font-size:14px;line-height:1.5;color:var(--on-surface-variant)}.alert-dialog-footer{display:flex;gap:8px;padding:0 24px 24px;justify-content:flex-end}.alert-dialog-btn{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);border:none;min-width:80px;background:var(--primary);color:var(--on-primary);position:relative;overflow:hidden}.alert-dialog-btn:hover{background:var(--primary);box-shadow:var(--shadow-sm);opacity:.92;transform:translateY(-1px)}.alert-dialog-btn:active{transform:scale(.96) translateY(0)}.alert-dialog-btn:focus{outline:none;box-shadow:0 0 0 3px var(--primary-container)}@media (max-width: 768px){.alert-dialog-overlay{padding:0;align-items:flex-end}.alert-dialog{max-width:100%;border-radius:28px 28px 0 0;margin-bottom:0}.alert-dialog-header{padding:16px 24px}.alert-dialog-header h3{font-size:22px}.alert-dialog-content{padding:0 24px 24px}.alert-dialog-content p{font-size:16px}.alert-dialog-footer{padding:16px 24px 24px}.alert-dialog-btn{width:100%;min-width:0;padding:12px 24px;font-size:16px}}@media (max-width: 480px){.alert-dialog{border-radius:28px 28px 0 0}.alert-dialog-header{padding:16px 24px}.alert-dialog-header h3{font-size:20px}.alert-dialog-content{padding:0 24px 24px}.alert-dialog-footer{padding:16px 24px 24px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:var(--background, #141218);background:radial-gradient(circle at 50% 0%,#2b2930 0%,var(--background, #141218) 70%);padding:20px;position:fixed;top:0;left:0;z-index:9999}.login-container.modal-mode{position:static;background:none;min-height:auto;padding:0;width:100%;height:auto;z-index:auto}.login-card{background:var(--surface-container, #211F26);border:1px solid var(--outline-variant, #49454F);border-radius:24px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;gap:24px;animation:slideUp .5s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.login-logo-icon{margin-bottom:8px}.login-header h2{font-size:24px;font-weight:600;color:var(--on-surface, #E6E1E5);margin:0}.social-login{display:flex;gap:12px;margin-top:8px}.social-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--outline-variant, #49454F);background:var(--surface-container-high, #2B2930);color:var(--on-surface-variant, #CAC4D0);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.social-btn:hover{background:var(--surface-container-highest, #36343B);color:var(--on-surface, #E6E1E5);transform:translateY(-2px);border-color:var(--outline, #938F99)}.divider{display:flex;align-items:center;width:100%;margin:8px 0;color:var(--outline-variant, #49454F)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--outline-variant, #49454F)}.divider span{padding:0 12px;font-size:14px;color:var(--on-surface-variant, #CAC4D0)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:500;color:var(--on-surface-variant, #CAC4D0);margin-left:4px;transition:color .2s ease}.input-group.focused label{color:var(--primary, #D0BCFF)}.input-group.error label{color:var(--error, #F2B8B5)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:12px 44px 12px 16px;background:var(--surface-container-high, #2B2930);border:1px solid transparent;border-radius:12px;color:var(--on-surface, #E6E1E5);font-size:16px;outline:none;transition:all .2s ease}.input-wrapper input:focus{background:var(--surface-container-highest, #36343B);border-color:var(--primary, #D0BCFF);box-shadow:0 0 0 4px #d0bcff1a}.input-group.error input{border-color:var(--error, #F2B8B5);background:#f2b8b50d}.input-icon,.toggle-password{position:absolute;right:14px;color:var(--on-surface-variant, #CAC4D0);font-size:20px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.input-wrapper input:focus+.input-icon,.input-wrapper input:focus~.toggle-password{color:var(--primary, #D0BCFF)}.toggle-password:hover{color:var(--on-surface, #E6E1E5)}.error-message{color:var(--error, #F2B8B5);font-size:14px;margin-top:-8px;padding-left:4px;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-btn{background:#ff4500;background:linear-gradient(135deg,#ff4500,#ff6b00);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:8px;position:relative;overflow:hidden}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff45004d;filter:brightness(1.1)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn svg{transition:transform .2s ease}.login-btn:hover svg{transform:translate(4px)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;display:flex;flex-direction:column;gap:12px;font-size:14px}.forgot-password{color:var(--on-surface-variant, #CAC4D0);text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:var(--primary, #D0BCFF);text-decoration:underline}.register-prompt,.guest-prompt{color:var(--on-surface-variant, #CAC4D0);margin:0}.register-prompt a,.guest-prompt a{color:var(--on-surface, #E6E1E5);font-weight:500;text-decoration:none;margin-left:4px}.register-prompt a:hover,.guest-prompt a:hover{color:var(--primary, #D0BCFF);text-decoration:underline}@media (max-width: 480px){.login-card{padding:32px 24px;border:none;background:transparent;box-shadow:none}.login-container{background:var(--background, #141218);align-items:flex-start;padding-top:40px}}.success-animation{margin-bottom:20px}.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:2;stroke:var(--primary, #D0BCFF);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--primary, #D0BCFF);animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--primary, #D0BCFF);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 50px #d0bcff1a}}.login-container.modal-mode{position:absolute;background:transparent;min-height:auto;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-container.modal-mode .login-card{pointer-events:auto;margin:20px;position:relative}.history-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.history-manager-modal{background:var(--bg-secondary);border-radius:20px;width:95%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-color);animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.history-manager-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border-radius:20px 20px 0 0;position:sticky;top:0;z-index:10}.history-manager-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.history-manager-header .close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.history-manager-header .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.history-manager-content{padding:24px;display:flex;flex-direction:column;gap:24px}.sync-status-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000001a}.status-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.status-icon-wrapper.success{background:#10b9811a;color:#10b981}.status-icon-wrapper.syncing{background:#3b82f61a;color:#3b82f6}.status-icon-wrapper.error{background:#ef44441a;color:#ef4444}.status-info{flex:1}.status-info h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.sync-now-btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.sync-now-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.sync-now-btn:disabled{opacity:.7;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:var(--bg-primary);padding:16px;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.storage-section{background:var(--bg-primary);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.storage-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.9rem;color:var(--text-primary)}.storage-bar-bg{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .5s ease}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-card{background:var(--bg-primary);padding:16px;border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:500}.action-card:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.action-card.warning{color:#f59e0b;border-color:#f59e0b33}.action-card.warning:hover{background:#f59e0b0d;border-color:#f59e0b}.action-card.danger{color:#ef4444;border-color:#ef444433}.action-card.danger:hover{background:#ef44440d;border-color:#ef4444}.action-card svg{font-size:1.25rem}.error-banner{background:#ef44441a;color:#ef4444;padding:12px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.sync-status-card{flex-direction:column;text-align:center}.stats-grid,.actions-grid{grid-template-columns:1fr}}.app{display:flex;height:100vh;height:100dvh;background:var(--background);position:relative;width:100%;max-width:100vw;overflow:hidden;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (max-width: 768px){.app{overflow:hidden;width:100vw;max-width:100vw;height:100vh;height:100dvh;background:var(--background)!important}body:not(.fullscreen-active) .app{background:var(--background)!important}}[data-theme=white]{color-scheme:light}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-left:280px;transition:padding-left .3s cubic-bezier(.2,0,0,1)}@media (max-width: 768px){.main-content{padding-left:0!important;width:100%}}.main-content.preview-open{padding-left:var(--preview-sidebar-width, 400px)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.sidebar-overlay.sidebar-overlay-visible{opacity:1;pointer-events:auto}@media (max-width: 768px){.sidebar-overlay{display:block;width:100vw;height:100vh;height:100dvh}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.mobile-menu{width:100%;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));box-shadow:0 -4px 20px #0003;animation:slideUp .3s cubic-bezier(.2,0,.2,1)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-menu-header h3{font-size:18px;font-weight:600;margin:0}.mobile-menu-close{background:transparent;border:none;padding:8px;cursor:pointer;color:var(--text-secondary)}.mobile-menu-content{display:flex;flex-direction:column;gap:8px}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:16px;cursor:pointer;transition:background .2s}.mobile-menu-item:active{background:var(--surface-variant)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--on-surface-variant);padding:20px;text-align:center}.empty-state h2{font-size:24px;margin-bottom:8px;color:var(--primary)}.empty-state p{font-size:16px;color:var(--on-surface-variant);max-width:300px}@media (max-width: 480px){.empty-state h2{font-size:20px}}.deepnebula-assistance-button{position:fixed;bottom:max(16px,var(--safe-bottom));right:max(16px,var(--safe-right));display:flex;align-items:center;justify-content:center;gap:12px;padding:0;width:56px;height:56px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 4px 20px #8b5cf64d;z-index:2000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.deepnebula-assistance-button .deepnebula-avatar{flex-shrink:0;width:32px;height:32px;font-size:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.deepnebula-assistance-button .assistance-label{display:none;white-space:nowrap;color:var(--text-primary);font-weight:500;font-size:14px;opacity:0;transition:opacity .2s}.deepnebula-assistance-button:hover{width:auto;padding:0 20px 0 12px;border-radius:28px;background:#282828f2;transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}.deepnebula-assistance-button:hover .assistance-label{display:block;opacity:1}.deepnebula-assistance-button:active{transform:translateY(0)}.deepnebula-assistance-button.active{transform:scale(.9);opacity:0;pointer-events:none}.support-chat-widget{position:fixed;bottom:calc(max(16px,var(--safe-bottom)) + 70px);right:max(16px,var(--safe-right));width:350px;height:500px;max-height:calc(100vh - 100px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:2000;overflow:hidden;animation:slideInUp .3s cubic-bezier(.2,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.support-chat-header{padding:12px 16px;background:#1e1e1ef2;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.support-chat-title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary)}.support-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.support-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.support-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--background)}.support-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.4}.support-message.assistant{align-self:flex-start;background:var(--surface);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border)}.support-message.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.support-chat-input-area{padding:12px;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:8px}.support-chat-input-area input{flex:1;background:var(--background);border:1px solid var(--border);border-radius:20px;padding:8px 16px;color:var(--text-primary);outline:none;transition:border-color .2s}.support-chat-input-area input:focus{border-color:var(--primary)}.support-chat-input-area button{background:var(--primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.support-chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 480px){.support-chat-widget{width:calc(100vw - 32px);right:16px;bottom:calc(max(16px,var(--safe-bottom)) + 70px)}}.welcome-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface-container, #1e1e1e);z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .4s ease-out;transition:opacity .8s ease-in,visibility .8s}.welcome-popup-overlay.launching{opacity:0;visibility:hidden;pointer-events:none}.welcome-popup{background:linear-gradient(145deg,var(--surface-container-high),var(--surface-container));border:1px solid rgba(255,255,255,.1);border-radius:32px;width:100%;max-width:480px;box-shadow:0 20px 50px #00000080,0 0 30px #8b5cf61a;animation:slideUp .5s cubic-bezier(.19,1,.22,1);overflow:hidden;color:var(--on-surface);text-align:center;position:relative}.welcome-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4)}.welcome-popup-content{padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.welcome-popup{width:90%;max-width:90vw;border-radius:24px}.welcome-popup-content{padding:32px 20px;gap:16px}.welcome-icon{font-size:40px}.welcome-popup h2{font-size:24px}.welcome-popup p{font-size:15px}}.welcome-icon{font-size:48px;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(139,92,246,.4));animation:float 3s ease-in-out infinite}.welcome-icon.launching{animation:rocketLaunch .8s ease-in forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rocketLaunch{0%{transform:translateY(0) scale(1)}40%{transform:translateY(20px) scale(.9)}to{transform:translateY(-500px) scale(1.5);opacity:0}}.welcome-popup h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.welcome-popup p{margin:0;font-size:16px;line-height:1.6;color:var(--on-surface-variant)}.welcome-popup p.highlight{color:var(--primary-container-text, #e0e7ff);font-weight:500;background:#8b5cf61a;padding:12px 16px;border-radius:12px;border:1px solid rgba(139,92,246,.2);width:100%;margin-top:8px}.welcome-btn{margin-top:12px;padding:14px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;transition:all .3s cubic-bezier(.2,0,0,1);box-shadow:0 4px 15px #7c3aed4d;width:100%}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66;filter:brightness(1.1)}.welcome-btn:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html{overflow-x:hidden}body{font-family:var(--font-family,"Roboto",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--on-background);-webkit-tap-highlight-color:transparent;touch-action:manipulation;touch-action:pan-x pan-y;height:100dvh;overflow:hidden}#root{flex-direction:column;width:100%;max-width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}@media (max-width:768px){#root{width:100vw;max-width:100vw;overflow-x:hidden}body{overscroll-behavior-y:contain;width:100%;max-width:100vw;position:relative;overflow:hidden}body:not(.fullscreen-active){background:var(--background)}*{-webkit-user-select:text;-moz-user-select:text;user-select:text;box-sizing:border-box;max-width:100%}button,a,input[type=button],input[type=submit]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}html,body{width:100%;position:relative;overflow-x:hidden}#root{padding:0 env(safe-area-inset-right,0px)0 env(safe-area-inset-left,0px)}}@media (max-width:480px){button,a,input[type=button],input[type=submit]{min-width:48px;min-height:48px}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}