.home-container{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow-y:auto;padding:24px 16px;position:relative}.home-container:before{background:var(--gradient-bg);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.home-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:0;position:fixed;transition:opacity 1.5s cubic-bezier(.16,1,.3,1);z-index:0}.home-bg-image.loaded{opacity:1}.home-bg-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07080f8c;inset:0;position:fixed;z-index:0}[data-theme=light] .home-bg-overlay{background:#f0f2f866}.bg-credit{bottom:12px;color:#fff6;font-size:10px;letter-spacing:.3px;position:fixed;right:16px;z-index:1}.bg-credit a{color:#fff9;text-decoration:none;transition:color .2s}.bg-credit a:hover{color:#ffffffe6}.home-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow),var(--shadow-glow);max-width:400px;padding:32px 28px;position:relative;width:100%;z-index:1}.home-card.with-bg{background:var(--bg-card-translucent)}.home-theme-toggle{display:flex;gap:4px;justify-content:flex-end;margin-bottom:20px}.theme-icon-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);width:34px}.theme-icon-btn.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 2px 12px var(--accent-glow);color:#fff}.theme-icon-btn:hover:not(.active){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.home-logo-wrap{align-items:center;animation:logoBreathe 4s ease-in-out infinite;display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.home-logo{filter:drop-shadow(0 0 12px var(--accent-glow));height:64px;transition:transform .3s ease;width:64px}.home-logo:hover{transform:scale(1.1) rotate(-5deg)}@keyframes logoBreathe{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-6px)}}.home-title{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:0;text-align:center}.home-subtitle{color:var(--text-muted);font-size:13px;font-weight:300;letter-spacing:2px;margin-bottom:28px;text-align:center}.submit-btn{background:var(--gradient-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.submit-btn:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);background-size:200% 100%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.submit-btn:hover:before{opacity:1}.submit-btn:hover{box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-2px)}.submit-btn:active{box-shadow:none;transform:translateY(0)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.submit-btn:disabled:before{display:none}.create-btn{animation:glowPulse 4s ease-in-out infinite;margin-bottom:10px}.link-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:block;font-size:13px;letter-spacing:.5px;padding:12px;text-align:center;transition:all .2s;width:100%}.link-btn:hover{color:var(--accent)}.join-form{animation:fadeInDown .35s cubic-bezier(.16,1,.3,1);background:var(--bg-input);border:1px solid var(--border);border-radius:14px;margin-top:10px;padding:16px}.join-form .form-group{margin-bottom:10px}.submit-btn.small{font-size:14px;padding:11px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input{-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px;outline:none;padding:12px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.error-msg{animation:fadeIn .3s;color:var(--danger);font-size:13px;margin:12px 0;text-align:center}.created-room-info{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1);margin-top:4px}.created-room-info h3{color:var(--success);font-size:17px;font-weight:600;margin-bottom:16px;text-align:center}.room-info-row{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:6px;padding:12px 14px;transition:border-color .2s}.room-info-row:hover{border-color:var(--border-glow)}.info-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:15px;font-weight:600}.info-value.mono{color:var(--accent);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;letter-spacing:1.5px}.info-tip{color:var(--text-muted);font-size:12px;line-height:1.5;margin:16px 0;text-align:center}.history-section{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .1s both;margin-top:24px}.history-title{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:1.5px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{align-items:center;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.history-item:first-child{animation-delay:.05s}.history-item:nth-child(2){animation-delay:.1s}.history-item:nth-child(3){animation-delay:.15s}.history-item:nth-child(4){animation-delay:.2s}.history-item:nth-child(5){animation-delay:.25s}.history-item:hover{background:#6c5ce70f;border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow);transform:translateX(4px)}.history-item:active{transform:translateX(2px) scale(.99)}.history-main{display:flex;flex-direction:column;gap:3px;min-width:0}.history-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-code{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:11px;letter-spacing:.5px}.history-meta{align-items:center;display:flex;flex-shrink:0;gap:10px}.history-time{color:var(--text-muted);font-size:11px}.history-remove{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:all .2s}.history-remove:hover{background:#ff6b6b1a;color:var(--danger)}@media (max-width:480px){.home-container{justify-content:flex-start;padding:10vh 12px 16px}.home-card{border-radius:18px;padding:28px 22px}.home-title{font-size:24px}.home-logo{height:56px;width:56px}}.chatroom{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}.chatroom:before{background:var(--gradient-bg);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.reconnect-banner{animation:reconnectPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff;font-size:12px;font-weight:500;letter-spacing:1px;padding:6px 12px;text-align:center;z-index:100}@keyframes reconnectPulse{0%,to{opacity:1}50%{opacity:.6}}.chat-header{animation:fadeInDown .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;padding:10px 14px;position:relative;z-index:10}.back-btn,.chat-header{align-items:center;display:flex}.back-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:6px 8px;transition:all .2s}.back-btn:hover{background:var(--bg-input);color:var(--accent)}.header-info{flex:1 1;min-width:0}.header-info h2{font-size:15px;font-weight:600;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-code{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.nickname-badge,.room-code{font-size:11px;margin-right:8px}.nickname-badge{background:var(--accent-glow);border-radius:6px;color:var(--accent);font-weight:600;padding:2px 8px}.online-count{color:var(--success);cursor:pointer;font-size:11px;transition:opacity .2s}.online-count:hover{opacity:.8}.header-actions{display:flex;gap:6px}.action-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:7px;transition:all .25s cubic-bezier(.16,1,.3,1)}.action-btn:hover{background:var(--bg-input);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.action-btn:active{transform:translateY(0) scale(.95)}.action-btn.danger:hover{background:#ff6b6b14;border-color:var(--danger);color:var(--danger)}.action-btn.spin svg{animation:spinReload .8s linear infinite}@keyframes spinReload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.online-panel{animation:fadeInDown .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px;position:relative;z-index:5}.online-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.online-header h4{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.online-header button{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:2px 4px;transition:all .2s}.online-header button:hover{color:var(--text-primary)}.online-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.online-list li{align-items:center;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:5px 10px}.online-dot{animation:pulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;box-shadow:0 0 6px #51cf6680;height:7px;width:7px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 14px;position:relative;scroll-behavior:smooth;z-index:1}.loading-more,.no-more{color:var(--text-muted);font-size:11px;letter-spacing:.5px;padding:8px;text-align:center}.loading-more{animation:pulse 1.5s ease-in-out infinite}.system-message{animation:fadeIn .3s;padding:6px 0;text-align:center}.system-message span{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;color:var(--system-text);font-size:11px;letter-spacing:.3px;padding:4px 14px}.message-bubble{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-width:78%;position:relative}.message-bubble.own{align-self:flex-end}.message-bubble.other{align-self:flex-start}.sender-name{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.3px;margin-bottom:3px;padding-left:6px}.bubble-content{border-radius:18px;padding:10px 14px;position:relative;transition:all .2s;word-break:break-word}.message-bubble.own .bubble-content{background:var(--own-bubble);border:1px solid var(--own-bubble-border);border-bottom-right-radius:6px}.message-bubble.other .bubble-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--other-bubble);border:1px solid var(--border);border-bottom-left-radius:6px}.message-bubble.self-destruct .bubble-content{background:#ff6b6b0d;border:1px solid #ff6b6b4d}.text-content{font-size:15px;line-height:1.55;user-select:text;-webkit-user-select:text;white-space:pre-wrap}.bubble-meta{align-items:center;display:flex;gap:6px;margin-top:4px}.msg-time{color:var(--text-muted)}.destruct-badge,.msg-time{font-size:10px;letter-spacing:.3px}.destruct-badge{color:var(--danger);font-weight:600}.protected-media{user-select:none;-webkit-user-select:none}.image-container img{border-radius:10px;display:block;transition:transform .2s}.image-container:hover img{transform:scale(1.01)}.media-loading{animation:pulse 1.5s ease-in-out infinite;padding:24px}.media-error,.media-loading{color:var(--text-muted);font-size:12px;text-align:center}.media-error{padding:16px}.image-viewer{align-items:center;animation:fadeIn .25s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.image-viewer img{-webkit-user-drag:none;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);border-radius:4px;max-height:95vh;max-width:95vw;object-fit:contain;user-select:none;-webkit-user-select:none}.context-menu{animation:scaleIn .15s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);min-width:130px;padding:4px;position:fixed;z-index:500}.context-menu button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;transition:all .15s;width:100%}.context-menu button:hover{background:var(--bg-input);color:var(--accent)}.typing-indicator{align-items:center;animation:fadeIn .3s;display:flex;flex-shrink:0;gap:8px;padding:4px 16px 6px}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:var(--accent);border-radius:50%;height:5px;opacity:.7;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.typing-text{color:var(--text-muted);font-size:11px;letter-spacing:.3px}.input-area{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;padding:8px 12px 12px;position:relative;z-index:10}.input-options{margin-bottom:8px}.destruct-select{-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:11px;outline:none;padding:6px 10px;transition:all .2s}.destruct-select:focus{border-color:var(--accent)}.destruct-select option{background:var(--bg-primary)}.input-row{align-items:flex-end;display:flex;gap:8px}.attach-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:9px;transition:all .25s cubic-bezier(.16,1,.3,1)}.attach-btn:hover{background:var(--bg-input);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.attach-btn:active{transform:scale(.95)}.upload-progress{color:var(--accent);font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:700;min-width:30px;text-align:center}.message-input{-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;line-height:1.4;max-height:120px;outline:none;padding:10px 14px;resize:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.message-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.message-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--gradient-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;letter-spacing:.3px;padding:10px 18px;transition:all .25s cubic-bezier(.16,1,.3,1)}.send-btn:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.send-btn:active{transform:translateY(0) scale(.97)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.3;transform:none}.modal-overlay{align-items:flex-end;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:900}.modal-content{animation:slideInUp .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;max-height:85vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px 14px;position:sticky;top:0;z-index:1}.modal-header h3{font-size:17px;font-weight:600;letter-spacing:-.3px}.modal-close{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:22px;line-height:1;padding:4px 8px;transition:all .2s}.modal-close:hover{background:var(--bg-input);color:var(--text-primary)}.modal-body{padding:20px 22px 28px}.share-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.share-option{align-items:flex-start;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.share-option.selected{background:#6c5ce70f;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.share-option:hover:not(.selected){border-color:var(--border-glow)}.share-option input[type=radio]{accent-color:var(--accent);margin-top:3px}.share-option strong{display:block;font-size:14px;margin-bottom:3px}.share-option p{color:var(--text-muted);font-size:12px;line-height:1.4;margin:0}.checkbox-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:8px 0}.checkbox-option input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:16px;width:16px}.generate-btn{background:var(--gradient-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;padding:13px;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.generate-btn:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.generate-btn:active{transform:translateY(0) scale(.98)}.generate-btn:disabled{box-shadow:none;opacity:.5;transform:none}.success-msg{animation:fadeIn .3s;color:var(--success);font-size:13px;margin-bottom:12px;text-align:center}.settings-section{margin-bottom:4px}.settings-label{color:var(--text-muted);display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.settings-divider{background:var(--border);height:1px;margin:20px 0}.theme-switcher{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;display:flex;gap:0;overflow:hidden}.theme-btn{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:5px;justify-content:center;padding:10px 6px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.theme-btn.active{background:var(--gradient-accent);box-shadow:0 2px 8px var(--accent-glow);color:#fff}.theme-btn:hover:not(.active){color:var(--accent)}.generated-link{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1);display:flex;gap:8px}.generated-link input{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-family:SF Mono,Fira Code,monospace;font-size:12px;outline:none;padding:10px 12px}.generated-link button{background:var(--success);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.generated-link button:hover{box-shadow:0 2px 8px #51cf664d;transform:translateY(-1px)}@media (max-width:640px){.message-bubble{max-width:86%}.chat-header{padding:8px 10px}.header-info h2{font-size:14px}.header-actions{gap:4px}.action-btn{padding:6px}.input-area{padding:6px 8px 10px}.send-btn{padding:10px 14px}.messages-container{padding:10px}}@media (min-width:641px){.modal-overlay{align-items:center;padding:20px}.modal-content{border-bottom:1px solid var(--border);border-radius:20px;max-height:80vh}}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary:#07080f;--bg-secondary:#0d0f1a;--bg-card:#0f1223eb;--bg-input:#191e3acc;--accent:#6c5ce7;--accent-hover:#a29bfe;--accent-glow:#6c5ce74d;--text-primary:#f0f0fff2;--text-secondary:#a0a5c8cc;--text-muted:#64698cb3;--border:#3c416e59;--border-glow:#6c5ce740;--own-bubble:#6c5ce72e;--own-bubble-border:#6c5ce74d;--other-bubble:#191e3ab3;--system-text:#64698c99;--danger:#ff6b6b;--success:#51cf66;--shadow:0 8px 32px #0006;--shadow-glow:0 0 30px #6c5ce714;--bg-card-translucent:#0f1223b8;--glass-blur:20px;--gradient-accent:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-bg:radial-gradient(ellipse at 20% 50%,#6c5ce70f 0%,#0000 50%),radial-gradient(ellipse at 80% 20%,#a29bfe0a 0%,#0000 50%)}[data-theme=light]{--bg-primary:#f0f2f8;--bg-secondary:#fff;--bg-card:#ffffffeb;--bg-input:#f0f2fae6;--accent:#6c5ce7;--accent-hover:#5a4bd1;--accent-glow:#6c5ce726;--text-primary:#141428f2;--text-secondary:#505578cc;--text-muted:#8c91aab3;--border:#c8cde680;--border-glow:#6c5ce726;--own-bubble:#6c5ce71a;--own-bubble-border:#6c5ce733;--other-bubble:#ffffffe6;--system-text:#8c91aab3;--danger:#e74c3c;--success:#27ae60;--shadow:0 8px 32px #64648c1a;--shadow-glow:0 0 30px #6c5ce70d;--bg-card-translucent:#ffffffb8;--glass-blur:20px;--gradient-accent:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-bg:radial-gradient(ellipse at 20% 50%,#6c5ce70a 0%,#0000 50%),radial-gradient(ellipse at 80% 20%,#a29bfe08 0%,#0000 50%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07080f;background:var(--bg-primary);color:#f0f0fff2;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#root,.app,body{height:100vh;height:100dvh;overflow:hidden}.auto-link{border-bottom:1px solid #0000;color:#6c5ce7;color:var(--accent);text-decoration:none;transition:all .2s ease;word-break:break-all}.auto-link:hover{border-bottom-color:#a29bfe;border-bottom-color:var(--accent-hover);color:#a29bfe;color:var(--accent-hover)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3c416e59;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64698cb3;background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6c5ce74d;box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #6c5ce74d,0 0 60px #6c5ce71a;box-shadow:0 0 40px var(--accent-glow),0 0 60px #6c5ce71a}}@keyframes borderGlow{0%,to{border-color:#3c416e59;border-color:var(--border)}50%{border-color:#6c5ce740;border-color:var(--border-glow)}}button{-webkit-tap-highlight-color:transparent;font-family:inherit}@supports (padding-bottom:env(safe-area-inset-bottom)){.input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}