body{font-family:var(--font-body, "Fira Code", monospace);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Orbitron", sans-serif)}[data-theme=neo-noir]{--color-background: #0a0a0a;--color-background-secondary: #1a1a1a;--color-primary: #00ff88;--color-secondary: #00d4ff;--color-accent: #00ff88;--color-text: #ffffff;--color-text-secondary: #888888;--color-border: #333333;--font-body: "Fira Code", monospace;--font-heading: "Orbitron", sans-serif}[data-theme=digital-matrix]{--color-background: #000000;--color-background-secondary: #001100;--color-primary: #00ff41;--color-secondary: #003300;--color-accent: #00ff41;--color-text: #00ff41;--color-text-secondary: #00cc33;--color-border: #003300;--font-body: "Source Code Pro", monospace;--font-heading: "Exo 2", sans-serif}[data-theme=midnight-tech]{--color-background: #0d1117;--color-background-secondary: #161b22;--color-primary: #6e40c9;--color-secondary: #8b5cf6;--color-accent: #8b5cf6;--color-text: #c9d1d9;--color-text-secondary: #8b949e;--color-border: #30363d;--font-body: "Roboto Mono", monospace;--font-heading: "Barlow", sans-serif}[data-theme=tech-rust]{--color-background: #1e1e1e;--color-background-secondary: #2d1b0e;--color-primary: #ff6b35;--color-secondary: #f7931e;--color-accent: #ff6b35;--color-text: #ffffff;--color-text-secondary: #cccccc;--color-border: #3d2815;--font-body: "JetBrains Mono", monospace;--font-heading: "Rajdhani", sans-serif}[data-theme=solar-shift]{--color-background: #0a0e27;--color-background-secondary: #1a1f3a;--color-primary: #ffd700;--color-secondary: #ff4444;--color-accent: #ffaa00;--color-text: #ffffff;--color-text-secondary: #cccccc;--color-border: #2a2f4a;--font-body: "Space Mono", monospace;--font-heading: "Orbitron", sans-serif}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;background:var(--color-background)}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.auth-bg__orb--1{width:500px;height:500px;background:var(--color-primary);top:-150px;right:-100px;animation:orb-drift-1 18s ease-in-out infinite alternate}.auth-bg__orb--2{width:350px;height:350px;background:var(--color-secondary);bottom:-100px;left:-80px;animation:orb-drift-2 22s ease-in-out infinite alternate}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,40px) scale(1.1)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(.95)}}.auth-bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.25;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 40%,transparent 100%)}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 64px #00000080,0 0 80px -20px var(--color-primary);animation:card-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.auth-logo__arabic{font-size:2.2rem;font-family:Scheherazade New,Amiri,serif;color:var(--color-primary);line-height:1;letter-spacing:.02em}.auth-logo__latin{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:.25em;opacity:.5}.auth-tagline{font-size:.78rem;color:var(--color-text-secondary);font-family:var(--font-body);margin-bottom:1.75rem;letter-spacing:.03em}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-family:var(--font-body);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.auth-strength-label{font-size:.7rem;font-weight:600;text-transform:none;letter-spacing:0;transition:color .3s}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.875rem;color:var(--color-text-secondary);pointer-events:none;flex-shrink:0}.auth-input{width:100%;padding:.65rem 2.75rem .65rem 2.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:.875rem;transition:border-color .2s,box-shadow .2s;outline:none}.auth-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.4}.auth-input::placeholder{color:var(--color-text-secondary);opacity:.4}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-field--error .auth-input{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.auth-input-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.auth-input-toggle:hover{color:var(--color-text)}.auth-strength-bar{display:flex;gap:4px;margin-top:6px}.auth-strength-bar__segment{flex:1;height:3px;border-radius:2px;background:var(--color-border);transition:background-color .3s,opacity .3s}.auth-strength-hints{margin-top:6px;padding-left:1rem;list-style:disc}.auth-strength-hints li{font-size:.7rem;color:var(--color-text-secondary);font-family:var(--font-body);line-height:1.6}.auth-error{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.8rem;font-family:var(--font-body);animation:error-in .2s ease}.auth-error svg{flex-shrink:0;margin-top:1px}@keyframes error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-error--locked{background:#eab3081a;border-color:#eab3084d;color:#fde68a}.auth-attempts{display:flex;gap:5px;justify-content:center}.auth-attempts__dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);transition:background .3s}.auth-attempts__dot--used{background:#ef4444}.auth-btn{width:100%;padding:.75rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:8px;font-family:var(--font-heading);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;display:flex;align-items:center;justify-content:center;min-height:44px;box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 30%,transparent)}.auth-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary) 40%,transparent)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.45;cursor:not-allowed}.auth-btn__spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.auth-notice{display:flex;gap:.875rem;padding:1rem;border-radius:10px;font-size:.82rem;font-family:var(--font-body);line-height:1.5}.auth-notice--info{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-text)}.auth-notice svg{flex-shrink:0;color:var(--color-primary);margin-top:1px}.auth-notice strong{display:block;margin-bottom:.25rem;font-weight:600}.auth-notice p{color:var(--color-text-secondary);margin:0}.auth-notice em{color:var(--color-primary);font-style:normal}.auth-footer{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary);font-family:var(--font-body)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:opacity .2s}.auth-link:hover{opacity:.8;text-decoration:underline}.auth-disclaimer{font-size:.68rem;color:var(--color-text-secondary);opacity:.6;font-family:var(--font-body);text-align:center;line-height:1.5}.auth-e2e-badge{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1.25rem;font-size:.68rem;color:var(--color-text-secondary);opacity:.5;font-family:var(--font-body);letter-spacing:.08em}@media (max-width: 480px){.auth-card{padding:2rem 1.25rem;border-radius:12px}.auth-logo__arabic{font-size:1.8rem}}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.dashboard{display:flex;height:100vh;overflow:hidden;background:var(--color-background)}.dashboard-backdrop{display:none}.dashboard-sidebar-wrap{flex-shrink:0;width:280px;height:100vh;display:flex;flex-direction:column}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:var(--color-background)}.dashboard-mobile-back,.dashboard-mobile-open-sidebar{display:none}.dashboard-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.dashboard-empty-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.dashboard-empty-logo__arabic{font-size:4rem;color:var(--color-primary);opacity:.15;line-height:1;font-family:Scheherazade New,Amiri,serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-empty-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:.2em;margin:0}.dashboard-empty-subtitle{font-family:var(--font-body);font-size:.82rem;color:var(--color-text-secondary);line-height:1.7;max-width:320px;margin:0}.dashboard-empty-features{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.dashboard-empty-feature{display:flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);opacity:.6}.sidebar{width:100%;height:100%;background:var(--color-background-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-logo{display:flex;align-items:baseline;gap:.4rem}.sidebar-logo__arabic{font-size:1.3rem;color:var(--color-primary);font-family:Scheherazade New,Amiri,serif;line-height:1}.sidebar-logo__latin{font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.25em;opacity:.5}.sidebar-header-actions{display:flex;align-items:center;gap:.25rem}.sidebar-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.sidebar-icon-btn:hover{background:var(--color-background);color:var(--color-primary)}.sidebar-user{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-username{flex:1;font-family:var(--font-body);font-size:.78rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-signout{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .15s,background .15s}.sidebar-signout:hover{color:#ef4444;background:#ef44441a}.sidebar-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-section-label{padding:.625rem 1rem .375rem;font-family:var(--font-body);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.5;flex-shrink:0}.sidebar-list{flex:1;overflow-y:auto;padding:.25rem 0}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sidebar-conv-item{width:100%;display:flex;align-items:center;gap:.625rem;padding:.55rem 1rem;background:none;border:none;cursor:pointer;transition:background .15s;text-align:left}.sidebar-conv-item:hover{background:#ffffff0a}.sidebar-conv-item--active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.sidebar-conv-item--active:hover{background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.sidebar-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.75rem;font-weight:700;border:1px solid var(--color-border);flex-shrink:0;transition:background .2s}.sidebar-avatar--sm{width:28px;height:28px;border-radius:7px;font-size:.65rem}.sidebar-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-conv-top{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.sidebar-conv-name{font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-conv-time{font-size:.65rem;color:var(--color-text-secondary);opacity:.5;flex-shrink:0}.sidebar-conv-preview{display:flex;align-items:center;justify-content:space-between;gap:.25rem;font-family:var(--font-body);font-size:.72rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unread-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);color:var(--color-background);border-radius:9px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar-search-wrap{position:relative;padding:.625rem .75rem;flex-shrink:0}.sidebar-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);opacity:.4;pointer-events:none}.sidebar-search-input{width:100%;padding:.55rem .875rem .55rem 2.25rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:.82rem;outline:none;transition:border-color .2s}.sidebar-search-input:focus{border-color:var(--color-primary)}.sidebar-search-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.4}.sidebar-search-input::placeholder{color:var(--color-text-secondary);opacity:.4}.sidebar-spinner{width:14px;height:14px;border:1.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.sidebar-user-result{width:100%;display:flex;align-items:center;gap:.625rem;padding:.55rem 1rem;background:none;border:none;cursor:pointer;transition:background .15s;text-align:left}.sidebar-user-result:hover{background:#ffffff0a}.sidebar-loading{padding:.5rem 0}.sidebar-skeleton{display:flex;align-items:center;gap:.625rem;padding:.55rem 1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.sidebar-skeleton__avatar{width:36px;height:36px;border-radius:10px;background:var(--color-border);flex-shrink:0}.sidebar-skeleton__lines{flex:1;display:flex;flex-direction:column;gap:6px}.sidebar-skeleton__line{height:10px;border-radius:4px;background:var(--color-border);width:50%}.sidebar-skeleton__line--wide{width:75%}.sidebar-empty{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.78rem;opacity:.5}.sidebar-create-btn{width:100%;padding:.65rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:8px;font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.sidebar-create-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-create-btn:hover:not(:disabled){opacity:.9}.group-member-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:20px;font-family:var(--font-body);font-size:.72rem;color:var(--color-text)}.theme-toggle-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.72rem;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.theme-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.theme-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.theme-toggle-label{max-width:80px;overflow:hidden;text-overflow:ellipsis}.theme-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:10px;padding:.375rem;min-width:160px;box-shadow:0 8px 32px #0006;z-index:100;animation:toast-in .15s ease}.theme-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .625rem;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.78rem;cursor:pointer;transition:background .15s,color .15s;text-align:left}.theme-option:hover{background:#ffffff0f;color:var(--color-text)}.theme-option--active{color:var(--color-text)}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-background-secondary);flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-header-avatar{width:36px;height:36px;border-radius:10px;background:var(--color-background);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.chat-header-name{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.2}.chat-header-meta{font-family:var(--font-body);font-size:.68rem;color:var(--color-text-secondary);opacity:.55;display:flex;align-items:center;gap:.25rem;margin-top:2px}.message-list{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column}.message-list::-webkit-scrollbar{width:4px}.message-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.message-list-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;opacity:.4;text-align:center;padding:2rem}.message-date-separator{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .75rem}.message-date-separator:before,.message-date-separator:after{content:"";flex:1;height:1px;background:var(--color-border);opacity:.5}.message-date-separator span{font-family:var(--font-body);font-size:.68rem;color:var(--color-text-secondary);opacity:.5;white-space:nowrap}.message-row{display:flex}.message-row--own{justify-content:flex-end}.message-row--other{justify-content:flex-start}.message-bubble{max-width:min(72%,480px);padding:.5rem .875rem;border-radius:14px;word-break:break-word}.message-bubble--own{background:var(--color-primary);color:var(--color-background);border-bottom-right-radius:4px}.message-bubble--other{background:var(--color-background-secondary);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.message-bubble--error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#fca5a5!important}.message-text{margin:0;font-family:var(--font-body);font-size:.875rem;line-height:1.55}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-top:3px}.message-time{font-family:var(--font-body);font-size:.63rem;opacity:.5}.message-expiring{color:#fbbf24;display:flex;align-items:center}.chat-typing{display:flex;align-items:center;gap:.5rem;padding:.375rem 1.25rem;font-family:var(--font-body);font-size:.72rem;color:var(--color-text-secondary);opacity:.7;flex-shrink:0}.chat-typing-dots{display:flex;gap:3px;align-items:center}.chat-typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--color-text-secondary);animation:typing-bounce 1.2s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}.chat-loading{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-secondary);opacity:.5}.chat-loading-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.message-input-wrap{border-top:1px solid var(--color-border);padding:.75rem 1.25rem .625rem;flex-shrink:0}.message-input-inner{display:flex;align-items:flex-end;gap:.625rem}.message-input-textarea{flex:1;min-height:40px;max-height:120px;padding:.6rem .875rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body);font-size:.875rem;line-height:1.5;resize:none;outline:none;transition:border-color .2s;overflow-y:auto}.message-input-textarea:focus{border-color:var(--color-primary)}.message-input-textarea::-moz-placeholder{color:var(--color-text-secondary);opacity:.35}.message-input-textarea::placeholder{color:var(--color-text-secondary);opacity:.35}.message-input-textarea:disabled{opacity:.4;cursor:not-allowed}.message-send-btn{width:40px;height:40px;border-radius:10px;background:var(--color-primary);color:var(--color-background);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,transform .1s;box-shadow:0 2px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.message-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.message-send-btn:disabled{opacity:.35;cursor:not-allowed}.message-input-hint{display:flex;align-items:center;gap:.3rem;margin-top:.375rem;font-family:var(--font-body);font-size:.63rem;color:var(--color-text-secondary);opacity:.35}@media (max-width: 700px){.dashboard-sidebar-wrap{position:fixed;left:0;top:0;bottom:0;z-index:200;width:300px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar-wrap--open{transform:translate(0);box-shadow:8px 0 32px #00000080}.dashboard-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;animation:toast-in .2s ease}.dashboard-mobile-back{display:flex;align-items:center;justify-content:center;position:absolute;top:.75rem;left:1rem;width:32px;height:32px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;z-index:10}.dashboard-mobile-open-sidebar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:10px;font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.06em;cursor:pointer}}@media (max-width: 480px){.message-bubble{max-width:88%}.message-list{padding:.75rem}.message-input-wrap{padding:.625rem .75rem .5rem}.chat-header{padding:.625rem 1rem}}.message-bubble--pending{opacity:.65}.message-bubble--pending .message-text{font-style:italic}.sidebar-unread-badge{animation:pulse-ring 2s ease-out infinite}.chat-header-actions{display:flex;align-items:center;gap:.375rem;margin-left:auto}.chat-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chat-icon-btn:hover{background:var(--color-background-secondary);color:var(--color-text);border-color:var(--color-border)}.chat-icon-btn--active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.chat-search-wrap{display:flex;align-items:center;gap:.375rem}.chat-search-input{width:0;max-width:0;padding:0;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:.8rem;outline:none;transition:all .2s;overflow:hidden}.chat-search-wrap--open .chat-search-input{width:180px;max-width:180px;padding:.4rem .75rem}.chat-search-input:focus{border-color:var(--color-primary)}.chat-search-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.4}.chat-search-input::placeholder{color:var(--color-text-secondary);opacity:.4}.chat-search-label{padding:.3rem 1.25rem;font-family:var(--font-body);font-size:.7rem;color:var(--color-primary);opacity:.7;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);flex-shrink:0}.call-window{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-background);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.call-remote-grid{flex:1;display:grid;gap:4px;padding:12px;background:#000;min-height:0}.call-remote-grid--0{place-items:center}.call-remote-grid--1{grid-template-columns:1fr}.call-remote-grid--2{grid-template-columns:1fr 1fr}.call-remote-grid--3,.call-remote-grid--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.call-remote-feed{position:relative;background:var(--color-background-secondary);border-radius:10px;overflow:hidden;min-height:0}.call-remote-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.call-remote-label{position:absolute;bottom:10px;left:12px;font-family:var(--font-body);font-size:.72rem;color:#fff;background:#0000008c;padding:2px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.call-local-pip{position:absolute;bottom:90px;right:16px;width:120px;height:90px;border-radius:10px;overflow:hidden;border:2px solid var(--color-border);box-shadow:0 8px 32px #00000080;background:var(--color-background-secondary);z-index:10}.call-local-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.call-local-video--hidden{display:none}.call-video-off{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.call-local-label{position:absolute;bottom:4px;left:6px;font-family:var(--font-body);font-size:.6rem;color:#fff;background:#00000080;padding:1px 5px;border-radius:10px}.call-waiting{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.82rem;opacity:.6}.call-waiting-pulse{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-primary);animation:pulse-ring 2s ease-out infinite}.call-error-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#fca5a5;font-family:var(--font-body);font-size:.78rem;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:color-mix(in srgb,var(--color-background) 90%,transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.call-ctrl-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.call-ctrl-btn:hover{background:color-mix(in srgb,var(--color-border) 60%,var(--color-background));transform:scale(1.05)}.call-ctrl-btn--active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.call-ctrl-btn--end{width:56px;height:56px;background:#dc2626;border-color:#dc2626;color:#fff}.call-ctrl-btn--end:hover{background:#b91c1c;border-color:#b91c1c;transform:scale(1.08)}.message-bubble--read .message-meta svg{color:var(--color-primary);opacity:.9}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typing-dot{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-4px);opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lock-bounce{0%{transform:translateY(0) rotate(-2deg)}30%{transform:translateY(-18px) rotate(2deg)}60%{transform:translateY(-8px) rotate(-1deg)}80%{transform:translateY(-14px) rotate(1.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes countdown-tick{0%{transform:scale(1.3)}to{transform:scale(1)}}.lp{min-height:100vh;background:var(--color-background);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.lp-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--color-border) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 60%,transparent) 1px,transparent 1px);background-size:48px 48px;opacity:.25;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.lp-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-background) 70%,transparent)}.lp-nav-brand{display:flex;align-items:baseline;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lp-nav-arabic{font-family:Scheherazade New,serif;font-size:1.6rem;line-height:1;color:var(--color-primary);letter-spacing:.02em}.lp-nav-latin{font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.3em;opacity:.5}.lp-nav-right{display:flex;align-items:center;gap:1rem}.lp-swatches{display:flex;align-items:center;gap:.4rem}.lp-swatch{width:14px;height:14px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s;padding:0}.lp-swatch:hover{transform:scale(1.25)}.lp-swatch--active{border-color:var(--color-text);transform:scale(1.2)}.lp-btn-ghost{padding:.45rem 1rem;background:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.lp-btn-ghost:hover{border-color:var(--color-primary);color:var(--color-text)}.lp-btn-primary{padding:.45rem 1.1rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:8px;font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.lp-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.lp-hero{position:relative;z-index:1;flex:1;display:flex;align-items:center;padding:4rem 2.5rem 3rem;opacity:0;transition:opacity .5s ease}.lp-hero--in{opacity:1}.lp-hero-inner{max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-copy{display:flex;flex-direction:column;gap:1.5rem;animation:slide-in-left .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.lp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.72rem;color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase}.lp-eyebrow-pulse{width:8px;height:8px;border-radius:50%;background:var(--color-primary);position:relative;flex-shrink:0}.lp-eyebrow-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--color-primary);animation:pulse-ring 2s ease-out infinite}.lp-h1{margin:0;line-height:1.05}.lp-h1-arabic{font-family:Scheherazade New,serif;font-size:clamp(3.5rem,8vw,6rem);color:var(--color-primary);display:block;line-height:1;letter-spacing:.02em}.lp-h1-en{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;color:var(--color-text);letter-spacing:.05em;display:block;margin-top:.25rem}.lp-sub{font-family:var(--font-body);font-size:.88rem;color:var(--color-text-secondary);line-height:1.8;max-width:440px;margin:0}.lp-cta-row{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.lp-cta-main{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:10px;font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 24px color-mix(in srgb,var(--color-primary) 35%,transparent)}.lp-cta-main:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary) 45%,transparent)}.lp-cta-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.25rem;background:none;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s,transform .15s}.lp-cta-ghost:hover{border-color:var(--color-primary);color:var(--color-text);transform:translateY(-1px)}.lp-trust{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.lp-trust-item{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.7rem;color:var(--color-text-secondary);opacity:.55}.lp-visual{display:flex;justify-content:center;align-items:center;position:relative;animation:slide-in-right .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}.lp-phone{width:260px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px color-mix(in srgb,var(--color-primary) 15%,transparent);animation:float 6s ease-in-out infinite}.lp-phone-notch{width:60px;height:5px;background:var(--color-border);border-radius:3px;margin:10px auto 0}.lp-phone-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.lp-phone-avatar{width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.lp-phone-name{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text);line-height:1.2}.lp-phone-status{display:flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.62rem;color:var(--color-primary);opacity:.7}.lp-phone-status-dot{width:5px;height:5px;border-radius:50%;background:var(--color-primary)}.lp-phone-messages{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;min-height:160px}.lp-bubble{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px 10px 10px 3px;font-family:var(--font-body);font-size:.65rem;color:var(--color-text-secondary);max-width:85%;align-self:flex-start;opacity:0;animation:bubble-in .35s ease forwards}.lp-bubble--own{align-self:flex-end;background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-text);border-radius:10px 10px 3px}.lp-phone-typing{display:flex;gap:4px;align-items:center;padding:.3rem .65rem;align-self:flex-start}.lp-phone-typing span{width:5px;height:5px;border-radius:50%;background:var(--color-text-secondary);opacity:.4;animation:typing-dot 1.2s ease-in-out infinite}.lp-phone-typing span:nth-child(2){animation-delay:.2s}.lp-phone-typing span:nth-child(3){animation-delay:.4s}.lp-phone-input-bar{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-top:1px solid var(--color-border)}.lp-phone-input-bar>span{font-family:var(--font-body);font-size:.65rem;color:var(--color-text-secondary);opacity:.3}.lp-phone-send-btn{width:24px;height:24px;border-radius:6px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-background)}.lp-badge{position:absolute;display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:20px;font-family:var(--font-body);font-size:.65rem;color:var(--color-primary);box-shadow:0 4px 20px #0000004d;white-space:nowrap;animation:float 7s ease-in-out infinite}.lp-badge--tl{top:20px;left:-30px;animation-delay:1s}.lp-badge--br{bottom:30px;right:-20px;animation-delay:2.5s}.lp-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-border)}.lp-feat-card{background:var(--color-background);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:background .2s;animation:card-in .6s ease both;animation-delay:var(--card-delay, 0s)}.lp-feat-card:hover{background:color-mix(in srgb,var(--color-primary) 4%,var(--color-background))}.lp-feat-icon{color:var(--color-primary);opacity:.8}.lp-feat-title{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--color-text);letter-spacing:.04em;margin:0}.lp-feat-body{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);line-height:1.75;margin:0;opacity:.7}.lp-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;font-family:var(--font-body);font-size:.72rem;color:var(--color-text-secondary);opacity:.4;border-top:1px solid var(--color-border)}.lp-footer-brand{font-family:var(--font-heading);font-weight:700;letter-spacing:.15em;opacity:1}.lp-footer-dot{opacity:.3}.notfound{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:2rem}.notfound-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;animation:fade-up .5s ease both}.notfound-code{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.notfound-4{font-family:var(--font-heading);font-size:clamp(4rem,12vw,7rem);font-weight:900;color:var(--color-primary);opacity:.15;line-height:1;letter-spacing:-.02em}.notfound-lock{width:clamp(3rem,8vw,5rem);height:clamp(3rem,8vw,5rem);color:var(--color-primary);animation:lock-bounce 3s ease-in-out infinite}.notfound-title{font-family:var(--font-heading);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:var(--color-text);letter-spacing:.08em;margin:0}.notfound-sub{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);opacity:.55;max-width:340px;line-height:1.6;margin:0}.notfound-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.notfound-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:10px;font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .15s}.notfound-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.notfound-btn-ghost{padding:.65rem 1.2rem;background:none;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s}.notfound-btn-ghost:hover{border-color:var(--color-primary);color:var(--color-text)}.notfound-countdown{font-family:var(--font-body);font-size:.72rem;color:var(--color-text-secondary);opacity:.4;margin:0}.notfound-countdown strong{color:var(--color-primary);opacity:1;animation:countdown-tick .3s ease}.sidebar-conv-item--active{background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;border-left:2px solid var(--color-primary)}.sidebar-conv-item--active .sidebar-conv-name{color:var(--color-primary)}.sidebar-conv-item--active .sidebar-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent)}.message-send-btn:not(:disabled){box-shadow:0 2px 16px color-mix(in srgb,var(--color-primary) 40%,transparent)}.sidebar-section-label{border-bottom:none}.dashboard-empty-content:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--color-primary);opacity:.04;filter:blur(60px);pointer-events:none;animation:pulse-ring 4s ease-out infinite}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.auth-card{animation:fade-up .45s cubic-bezier(.22,1,.36,1) both;animation-delay:.05s}.sidebar{animation:slide-in-left .35s cubic-bezier(.22,1,.36,1) both}.chat-window{animation:fade-in .25s ease both}.message-send-btn:active{transform:scale(.93)}@media (max-width: 900px){.lp-hero-inner{grid-template-columns:1fr;gap:3rem;text-align:center}.lp-copy{align-items:center}.lp-sub{text-align:center;max-width:100%}.lp-trust,.lp-visual{justify-content:center}.lp-badge--tl{top:-16px;left:20px}.lp-badge--br{bottom:-12px;right:20px}.lp-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.lp-nav{padding:1rem 1.25rem}.lp-nav-right{gap:.6rem}.lp-swatches{display:none}.lp-hero{padding:2.5rem 1.25rem 2rem}.lp-features{grid-template-columns:1fr}.lp-feat-card{padding:1.5rem 1.25rem}.lp-phone{width:220px}}@media (max-width: 480px){.lp-cta-row{flex-direction:column;align-items:stretch}.lp-cta-main,.lp-cta-ghost{justify-content:center}.lp-btn-ghost{display:none}.notfound-actions{flex-direction:column}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.relative{position:relative}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.w-64{width:16rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.resize{resize:both}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-background-secondary\)\]{background-color:var(--color-background-secondary)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-\[var\(--color-background\)\]{color:var(--color-background)}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.blur{--tw-blur: blur(8px);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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{transition:background-color .3s ease,color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background, #0a0a0a);color:var(--color-text, #ffffff);font-family:var(--font-body, "Fira Code", monospace);min-height:100vh}#root{min-height:100vh}.hover\:bg-\[var\(--color-background-secondary\)\]:hover{background-color:var(--color-background-secondary)}.hover\:opacity-90:hover{opacity:.9}.focus\:border-\[var\(--color-primary\)\]:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}