:root{--bg-color: #0f0f13;--surface-color: rgba(30, 30, 35, .6);--surface-hover: rgba(45, 45, 50, .7);--primary-color: #d8b4fe;--accent-color: #a78bfa;--text-color: #e5e5e5;--text-secondary: #a3a3a3;--border-color: rgba(255, 255, 255, .1);--border-radius: 16px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow:hidden}body:before,body:after{content:"";position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(100px);z-index:-1;animation:float 20s infinite alternate;opacity:.4}body:before{background:radial-gradient(circle,#4c1d95 0%,transparent 70%);top:-100px;left:-100px}body:after{background:radial-gradient(circle,#be185d 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}to{transform:translate(-30px,20px) scale(.9)}}#root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.card,.modal-content{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000005e}h1,h2,h3{margin:0 0 var(--spacing-md);font-weight:600;letter-spacing:-.02em;color:#fff}p{line-height:1.6;color:var(--text-secondary);margin:0 0 var(--spacing-md)}button{border:none;padding:12px 24px;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#000;font-weight:600;box-shadow:0 4px 15px #a78bfa4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.link-btn{background:none;color:var(--text-secondary);padding:8px;font-size:12px}.link-btn:hover{color:var(--text-color)}input[type=text],input[type=password]{background-color:#0000004d;border:1px solid var(--border-color);color:var(--text-color);padding:14px 16px;border-radius:var(--border-radius);font-size:14px;width:100%;transition:all .2s}input:focus{outline:none;border-color:var(--accent-color);background-color:#00000080}.container{width:100%;max-width:450px;display:flex;align-items:center;justify-content:center}.card{padding:40px;border-radius:24px;width:100%;text-align:center}@media(max-width:480px){.card{padding:24px;border-radius:16px}}.home-card h1{font-size:32px;margin-bottom:8px;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:480px){.home-card h1{font-size:26px}}.subtitle{margin-bottom:32px}.link-display{display:flex;flex-direction:column;gap:16px;margin-top:24px}.link-box{display:flex;align-items:center;justify-content:center;position:relative;gap:8px}.link-box.clickable{cursor:pointer;background:#0000004d;padding:16px 20px;border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .2s;user-select:none;-webkit-user-select:none}.link-box.clickable:hover{background:#ffffff0d;border-color:#fff3}.link-box.clickable:hover:after{content:"Click to copy";position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-secondary);white-space:nowrap}.link-text{font-family:monospace;font-size:12px;color:var(--text-color);word-break:break-all;text-align:center}@media(max-width:480px){.link-text{font-size:11px}}.copied-badge{position:absolute;top:-10px;right:-10px;background:var(--accent-color);color:#000;font-size:11px;font-weight:600;padding:4px 8px;border-radius:8px;animation:fadeIn .2s ease}.footer-links{margin-top:32px;display:flex;justify-content:center;gap:16px}.chat-container{display:flex;flex-direction:column;width:100%;max-width:800px;height:100dvh;background:var(--surface-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color)}@media(min-width:768px){.chat-container{height:90dvh;max-height:700px;border-radius:24px}}.chat-header{padding:16px 20px;background-color:#141419cc;border-bottom:1px solid var(--border-color);flex-shrink:0}@media(min-width:768px){.chat-header{border-radius:24px 24px 0 0}}.messages-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.messages-list::-webkit-scrollbar{display:none}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.own{align-self:flex-end;background:linear-gradient(135deg,#2d1b4e,#1e1033);color:#e5e5e5;border-bottom-right-radius:4px}.message.other{align-self:flex-start;background-color:#ffffff14;border:1px solid var(--border-color);border-bottom-left-radius:4px}.message img{max-width:350px;max-height:350px;width:auto;height:auto;object-fit:cover;border-radius:12px;margin-top:8px;cursor:pointer;transition:opacity .2s}.message img:hover{opacity:.9}.message video{max-width:350px;max-height:350px;width:100%;border-radius:12px;background:#000}.message audio{width:250px;height:36px;border-radius:18px}.audio-content{display:flex;flex-direction:column;gap:6px}.audio-content .audio-name{font-size:13px;font-weight:500;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.audio-content audio{width:100%;min-width:200px;height:36px}.file-content{display:flex;align-items:center;gap:8px}.file-content .file-icon{font-size:20px}.file-content .file-name{font-size:14px;font-weight:500;word-break:break-all}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.message-footer .download-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;color:inherit;text-decoration:none;transition:all .2s}.message-footer .download-btn:hover{background:#ffffff40}.message-footer .download-btn svg{width:12px;height:12px}.message-footer .message-time{font-size:10px;opacity:.7}.input-area{padding:16px 20px;background-color:#141419cc;border-top:1px solid var(--border-color);display:flex;gap:12px;align-items:center;flex-shrink:0}@media(min-width:768px){.input-area{border-radius:0 0 24px 24px}}.input-area button:last-child{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#000;font-weight:600;box-shadow:0 4px 15px #a78bfa4d}.input-area button:last-child:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.file-btn{background:#ffffff1a;color:var(--text-color);width:44px;height:44px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.file-btn:hover{background:#fff3}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-md)}.modal-content{padding:32px;border-radius:24px;max-width:400px;width:100%;position:relative;text-align:center}@media(max-width:480px){.modal-content{padding:24px;border-radius:16px}}.close-btn{position:absolute;top:16px;right:16px;background:none;color:var(--text-secondary);font-size:24px;padding:0;width:32px;height:32px}.file-name{font-weight:500;margin-bottom:4px}.image-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-overlay img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px}.upload-progress-bar{height:4px;background:#ffffff1a;width:100%}.progress-fill{height:100%;background:var(--accent-color);transition:width .2s}