*{box-sizing:border-box;margin:0;padding:0}#root{display:contents}:root{--bg:#060816;--surface:#0e122547;--surface-strong:#161c35db;--outline:#8ba2ff2e;--text:#edf2ff;--text-soft:#dde5ffb3;--blue:#6b8cff;--red:#ff6485;--green:#47d7b0;--yellow:#ffd36b}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 100% 0,#495cc438,#0000 28%),radial-gradient(circle at 20% 20%,#3685ff24,#0000 30%),linear-gradient(#090c1d 0%,#060816 52%,#04050d 100%);justify-content:center;align-items:center;font-family:Google Sans,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow-x:hidden}.bg-scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#bg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.container{z-index:1;background:var(--surface);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid var(--outline);border-radius:24px;flex-direction:column;gap:1.2rem;width:90%;max-width:480px;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b,0 0 0 1px #8297ff14,inset 0 1px #ffffff14}.container>:not(.upload-fill-layer){z-index:1;position:relative}.upload-fill-layer{pointer-events:none;opacity:0;border-radius:inherit;z-index:0;transition:opacity .28s;position:absolute;inset:0;overflow:hidden}.upload-fill-layer.active{opacity:1}.container.upload-filling{box-shadow:0 28px 70px #00000075,0 0 0 1px #8297ff1f,inset 0 1px #ffffff17}.upload-fill-liquid{will-change:transform;background:#6c8cff38;border-top:1px solid #d6e2ff8c;position:absolute;inset:0;transform:translateY(108%);box-shadow:inset 0 1px #ffffff14}.title{color:var(--text);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:1.6rem;font-weight:700}.title span{background:linear-gradient(135deg,#e2e8ff 0%,#8ba3ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.drop-zone{text-align:center;cursor:pointer;color:var(--text-soft);background:#ffffff08;border:1px dashed #8297ff38;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;height:180px;padding:1.8rem 1.5rem;font-size:.9rem;transition:all .25s;display:flex;overflow:hidden}.drop-zone:hover{background:#6b8cff0d;border-color:#8297ff6b}.drop-zone.disabled{cursor:default;opacity:.4;box-shadow:none;background:0 0;border-color:#8297ff1f;transform:none}.drop-zone.dragging{background:#6b8cff14;border-color:#8ba2ffa6;box-shadow:0 0 0 3px #6b8cff14}.drop-icon{color:#8ba2ff8c;margin-bottom:.1rem;line-height:1}.drop-hint{opacity:.45;letter-spacing:.01em;font-size:.78rem}.drop-zone .file-list{text-align:left;flex:1;align-self:stretch;width:100%;max-height:100%;overflow-y:auto}.file-list{scrollbar-width:thin;scrollbar-color:#94abff61 #ffffff0a;flex-direction:column;gap:.4rem;max-height:150px;padding-right:.2rem;display:flex;overflow-y:auto}.file-list::-webkit-scrollbar{width:10px}.file-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.file-list::-webkit-scrollbar-thumb{background:linear-gradient(#9ab2ff85,#5f82ff57);border:2px solid #0a0f202e;border-radius:999px}.file-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#aec2ff9e,#6f91ff6b)}.file-item{color:var(--text-soft);background:#ffffff0a;border:1px solid #8ba2ff17;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.82rem;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.file-icon{color:#8ba2ff73;flex-shrink:0;align-items:center;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-size{opacity:.6;white-space:nowrap;font-size:.75rem}.btn-group{gap:.7rem;display:flex}.btn{color:#c8d7ffe0;cursor:pointer;letter-spacing:.01em;background:#6b8cff1a;border:1px solid #6b8cff38;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:#6b8cff2b;border-color:#6b8cff61;transform:translateY(-1px);box-shadow:0 4px 18px #6b8cff24}.btn:active{box-shadow:none;transform:translateY(0)}.btn.disabled{cursor:default;opacity:.35;pointer-events:none;box-shadow:none;transform:none}.btn-upload{color:#abf0dcd9;background:#47d7b014;border-color:#47d7b033}.btn-upload:hover{background:#47d7b024;border-color:#47d7b059;box-shadow:0 4px 18px #47d7b01a}.text-compose{background:#ffffff08;border:1px solid #8ba2ff1a;border-radius:14px;flex-direction:column;gap:.7rem;padding:.9rem;display:flex}textarea{resize:vertical;width:100%;height:90px;color:var(--text);background:#ffffff0f;border:1px solid #8ba2ff29;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}textarea::placeholder{color:#dde5ff57}textarea:focus{background:#ffffff1a;border-color:#8297ff75;outline:none}textarea:disabled{opacity:.55;cursor:default}#msg{text-align:center;flex-shrink:0;justify-content:center;align-items:center;height:4rem;display:flex;overflow:visible}.session-key{letter-spacing:.22rem;color:var(--text);text-shadow:0 0 32px #6b8cff38;cursor:pointer;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;text-underline-offset:6px;font-size:2.6rem;font-weight:700;-webkit-text-decoration:underline #8ba2ff59;text-decoration:underline #8ba2ff59;text-decoration-thickness:1px;transition:transform .15s;animation:2s ease-in-out infinite keyPulse}.session-key:hover{transform:scale(1.04)}.session-key:active{transform:scale(.97)}.copy-toast{color:#c8d7ffd1;white-space:nowrap;pointer-events:none;letter-spacing:.03em;background:#141a34f0;border:1px solid #8ba2ff47;border-radius:5px;padding:.2rem .65rem;font-size:.72rem;font-weight:400;animation:1.5s forwards toastFade;position:absolute;top:-1.8rem;left:50%;transform:translate(-50%)}@keyframes toastFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes keyPulse{0%,to{opacity:1}50%{opacity:.6}}#status{color:var(--text-soft);text-align:center;letter-spacing:.01em;opacity:.85;min-height:1.2rem;font-size:.82rem}.status-uploading{align-items:center;gap:.5rem;display:inline-flex}.spinner{border:2px solid #dde5ff29;border-top-color:#eef3ff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-ok{color:#47d7b0}.status-err{color:#ff7a86}@media (width<=640px){body{align-items:flex-start;padding:1.5rem 0;overflow-y:auto}.container{gap:1rem;width:min(92vw,460px);padding:1.5rem}.btn-group{flex-direction:column}.session-key{letter-spacing:.22rem;font-size:2.3rem}}