*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(135deg,#0b0912 0%,#010204 100%);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}a:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}button:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}input:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}select:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}[role=button]:focus-visible{outline:none;box-shadow:0 0 0 2px #ff407066,0 0 16px #ff407059}
.App{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.5s ease-out fadeIn}.slide-in{animation:.3s ease-out slideIn}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030208;--bg-deep:#010104;--fg:#f5f6ff;--muted:#b6bce699;--accent:#c736ff;--accent-strong:#c736ff;--shadow:8px 8px 0 #000000e6}*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}body{background:radial-gradient(circle at 12% -18%,#c736ff1a,transparent 55%),radial-gradient(circle at 82% -12%,#5eead414,transparent 50%),repeating-linear-gradient(90deg,#ffffff01 0 1px,transparent 1px 11px),linear-gradient(180deg,#03020cf5,#010106fc),var(--bg-deep);color:var(--fg);background-position:0 0,100% 0,0 0,50%,50%;background-size:160% 160%,180% 180%,200% 100%,100% 100%,auto;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;animation:24s ease-in-out infinite alternate auroraDrift;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(80px);opacity:.32;mix-blend-mode:screen;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#c736ff2e,#0000 65%),radial-gradient(circle at 80% 70%,#57c3ff1f,#0000 70%);width:100vw;height:120vh;animation:18s ease-in-out infinite auroraPulse;position:fixed;top:-10vh;left:0}@keyframes auroraDrift{0%{background-position:0 0,100% 0,0 0,50%,50%}50%{background-position:25% -10%,80% -8%,20% 0,48% 55%,50%}to{background-position:0 0,100% 0,0 0,46% 48%,50%}}@keyframes auroraPulse{0%,to{opacity:.35;transform:translate(0,0)scale(1)}40%{opacity:.55;transform:translate(-4%,2%)scale(1.05)}70%{opacity:.3;transform:translate(5%,-3%)scale(.95)}}.noise{pointer-events:none;mix-blend-mode:screen;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.hero{align-content:space-between;gap:max(3rem,min(6vw,5rem));max-width:1100px;min-height:90vh;margin:0 auto;padding:max(3rem,min(10vw,6rem)) max(1.75rem,min(6vw,4rem));display:grid;position:relative}.hero:after{content:"";filter:blur(60px);opacity:.4;z-index:0;background:radial-gradient(circle,#0f0a23b3,#0000 70%);position:absolute;top:-30%;bottom:40%;left:-20%;right:-20%}.nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.mark{text-transform:uppercase;letter-spacing:.28em;color:#ffffffa6;padding:.2rem 0;font-family:Oxanium,Inter,sans-serif;font-size:.8rem;display:inline-block;position:relative}.mark:before,.mark:after{content:attr(data-text);opacity:.18;pointer-events:none;mix-blend-mode:screen;position:absolute;top:0;bottom:0;left:0;right:0}.mark:before{color:#ff4070cc;animation:5s linear infinite markGlitchLeft;transform:translate(1px,-1px)}.mark:after{color:#57c3ffcc;animation:5s linear infinite markGlitchRight;transform:translate(-1px,1px)}@keyframes markGlitchLeft{0%,90%,to{opacity:.15;transform:translate(1px,-1px)}10%{opacity:.5;transform:translate(3px,-2px)}12%{opacity:.2;transform:translateY(-1px)}25%{opacity:.4;transform:translate(2px,-1px)}40%{opacity:.2;transform:translate(0)}55%{opacity:.35;transform:translate(2px,-2px)}70%{opacity:.2;transform:translate(1px,-1px)}}@keyframes markGlitchRight{0%,90%,to{opacity:.15;transform:translate(-1px,1px)}10%{opacity:.45;transform:translate(-3px,2px)}12%{opacity:.2;transform:translateY(1px)}25%{opacity:.4;transform:translate(-2px,1px)}40%{opacity:.2;transform:translate(0)}55%{opacity:.35;transform:translate(-2px,2px)}70%{opacity:.2;transform:translate(-1px,1px)}}.nav-links{gap:1.5rem;font-size:.9rem;display:flex}.nav-links a{color:#d2d6ffbf;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.nav-links a:hover{color:var(--fg)}.nav-logout{color:#d2d6ffbf;font-size:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.nav-logout:hover{color:#ef4444}.nav-link-badge{align-items:center;gap:6px;display:inline-flex;position:relative}.nav-badge{color:#fff;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite navBadgePulse;display:inline-flex}@keyframes navBadgePulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 8px 3px #ef444466}}.hero-core{z-index:2;text-align:center;justify-items:center;gap:1.5rem;display:grid;position:relative}.sigil{justify-items:center;display:grid;position:relative}.flare{filter:blur(50px);opacity:.65;background:radial-gradient(circle,#c736ff3d,#0000 60%);animation:6s ease-in-out infinite pulse;position:absolute;top:-45%;bottom:-40%;left:-90%;right:-90%}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.phtm{letter-spacing:.08em;text-transform:uppercase;color:#fffffff0;text-shadow:0 0 22px #7c4aff73;font-family:Unbounded,Archivo Black,Inter,sans-serif;font-size:max(4rem,min(12vw,10rem))}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ascii{letter-spacing:0;text-transform:none;color:#ffffffeb;text-shadow:0 0 16px #7c4aff73;white-space:pre;text-align:center;max-width:100%;margin:0 auto;font-family:Space Mono,Courier New,monospace;font-size:max(.8rem,min(3.125vw - 3.75px,1.8rem));line-height:1.08;animation:6s ease-in-out infinite asciiGlow,2.8s steps(2,end) infinite asciiGlitch;display:block;position:relative;overflow:hidden}.ascii:before,.ascii:after{content:attr(data-ascii);white-space:pre;opacity:.55;mix-blend-mode:screen;filter:blur(.4px);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ascii:before{color:#ff4070a6;animation:2.2s steps(3,end) infinite asciiSlice}.ascii:after{color:#57c3ffa6;animation:2.2s steps(3,end) infinite reverse asciiSlice}@keyframes asciiGlitch{0%,to{text-shadow:0 0 16px #7c4aff73;transform:translate(0,0)}12%{text-shadow:-3px 0 #ff407080,3px 0 #57c3ff80;transform:translate(-2px,1px)skew(-1deg)}26%{text-shadow:3px 0 #ff407066,-3px 0 #57c3ff66;transform:translate(2px,-1px)skew(1deg)}42%{transform:translate(-1px)skew(-.5deg)}58%{transform:translate(1px,1px)skew(.5deg)}}@keyframes asciiSlice{0%{clip-path:polygon(0% 0%,100% 0%,100% 45%,0% 55%);transform:translate(0,0)}25%{clip-path:polygon(0% 10%,100% 0%,100% 55%,0% 65%);transform:translate(-3px,2px)}50%{clip-path:polygon(0% 35%,100% 25%,100% 80%,0% 90%);transform:translate(2px,-1px)}75%{clip-path:polygon(0% 60%,100% 50%,100% 100%,0% 100%);transform:translate(-2px,1px)}to{clip-path:polygon(0% 0%,100% 0%,100% 45%,0% 55%);transform:translate(0,0)}}@keyframes asciiGlow{0%{text-shadow:0 0 10px #7c4aff40,0 0 20px #57c3ff26}50%{text-shadow:0 0 18px #7c4aff73,0 0 28px #57c3ff38}to{text-shadow:0 0 12px #7c4aff4d,0 0 24px #57c3ff2e}}.tagline{color:#d7daffb8;letter-spacing:.06em;max-width:38rem;margin-top:2.2rem;font-size:max(1.1rem,min(2.4vw,1.6rem))}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.actions .primary,.actions .ghost{letter-spacing:.12em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;padding:.7rem 1.8rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.actions .primary:after,.actions .ghost:after{content:"";opacity:0;background:radial-gradient(circle at 30%,#ffffff2e,#0000 60%);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.actions .primary:hover,.actions .ghost:hover{transform:translate(-4px,-4px);box-shadow:14px 14px #000000e6,0 0 16px #ff407047}.actions .primary:hover:after,.actions .ghost:hover:after{opacity:1}.primary{background:var(--accent-strong);color:#080112;border:2px solid var(--accent-strong);box-shadow:var(--shadow)}.ghost{color:#dcdfffd9;background:#000000b3;border:2px solid #50588280;box-shadow:6px 6px #000000f2}.hero-footer{letter-spacing:.06em;text-transform:uppercase;color:#dbdeff8c;z-index:2;flex-wrap:wrap;justify-content:center;gap:1.4rem;font-size:.72rem;display:flex;position:relative}.section{z-index:2;max-width:1100px;margin:0 auto;padding:max(3rem,min(8vw,6rem)) max(1.75rem,min(6vw,4rem));position:relative}.section:before{content:"";opacity:.4;pointer-events:none;border:1px solid #2d2f3e99;position:absolute;top:6%;bottom:6%;left:3%;right:3%}.section>*{position:relative}.section header{text-align:center;max-width:720px;margin:0 auto max(2rem,min(5vw,3.5rem))}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#bdc4ff80;font-size:.75rem;display:inline-block}.section h2{letter-spacing:-.02em;color:#fffffff2;text-shadow:-2px 0 #ff407066,2px 0 #57c3ff66;margin:1.5rem 0;font-family:Outfit,Inter,sans-serif;font-size:max(2.8rem,min(8vw,4.5rem));font-weight:700;animation:33s linear infinite h2Glitch;display:inline-block;position:relative}.section:nth-of-type(2) h2{animation-delay:-14.7s}@keyframes h2Glitch{0%,6.5%,19%,31%,47%,63%,79%,91%,to{text-shadow:-2px 0 #ff407059,2px 0 #57c3ff59;transform:translate(0)}7%{text-shadow:-4px 0 #ff407099,4px 0 #57c3ff99;transform:translate(-1px,1px)}8.5%{text-shadow:3px 0 #ff407080,-2px 0 #57c3ff80;transform:translate(1px)}48%{text-shadow:-5px 0 #ff4070a6,5px 0 #57c3ffa6;transform:translate(2px)skew(-.8deg)}50%{text-shadow:4px 0 #ff40708c,-3px 0 #57c3ff8c;transform:translate(-1px,1px)}80%{text-shadow:-3px 0 #ff407080,3px 0 #57c3ff80;transform:translate(1px,-1px)}}.section p{color:var(--muted);line-height:1.8}.message .grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.message article{box-shadow:var(--shadow);background:#0009;border:2px solid #3c416466;border-radius:10px;gap:1rem;padding:1.75rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid}.message article:hover{border-color:#c736ff8c;transform:translateY(-6px);box-shadow:12px 12px #000000d9}.step{letter-spacing:.12em;text-transform:uppercase;color:#c736ff99;font-family:Oxanium,Inter,sans-serif;font-size:.8rem}.message h3{margin:0;font-size:1.1rem}.signals{padding-bottom:max(4rem,min(10vw,7rem))}.signals .board{counter-reset:tileHighlight;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.signals .board .tile:first-child{animation:12s infinite highlightTile}.signals .board .tile:nth-child(2){animation:12s 3s infinite highlightTile}.signals .board .tile:nth-child(3){animation:12s 6s infinite highlightTile}.signals .board .tile:nth-child(4){animation:12s 9s infinite highlightTile}@keyframes highlightTile{0%,18%{box-shadow:var(--shadow);filter:brightness();border-color:#434a788c}22%,32%{filter:brightness(1.15);border-color:#c736ffbf;box-shadow:16px 16px #000000e6,0 0 28px #57c3ff47}36%,to{box-shadow:var(--shadow);filter:brightness();border-color:#434a788c}}.tile{box-shadow:var(--shadow);background:#0009;border:2px solid #32375a66;border-radius:10px;gap:.6rem;padding:1.6rem;transition:transform .22s,box-shadow .22s,border-color .22s;animation-play-state:running;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.tile:hover{border-color:#c736ff8c;animation-play-state:paused;transform:translateY(-6px);box-shadow:12px 12px #000000d9}.tile-primary{border-color:var(--accent-strong);background:#000000bf}.label{letter-spacing:.1em;text-transform:uppercase;color:#bdc4ff99;font-family:Oxanium,Inter,sans-serif;font-size:.72rem}.footer{text-align:center;z-index:2;background:#000000fa;gap:1rem;padding:max(3rem,min(7vw,4rem)) max(1.75rem,min(6vw,4rem));display:grid;position:relative}.footer .mark{justify-self:center}.footer p{color:#bdc4ff8c;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}@media (max-width:720px){.nav{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.ascii{font-size:max(.65rem,min(2.77778vw - 2.22222px,1.2rem));line-height:1.12}.tagline{margin-top:1.6rem}.message article:hover,.tile:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){body,body:before{animation:none!important}.ascii{animation:none}.ascii:before,.ascii:after{animation:none!important}.mark:before,.mark:after{animation:none}.message article,.tile,.actions .primary,.actions .ghost{transition:none}.signals .board .tile{animation:none!important}.section h2{animation:2.5s ease-in-out infinite h2Glitch!important}}.app-home{min-height:100vh;padding:24px;padding-top:env(safe-area-inset-top,24px);padding-bottom:env(safe-area-inset-bottom,24px);flex-direction:column;display:flex}.app-home-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;padding-top:20px;display:flex}.app-home-logo{border-radius:20px;width:80px;height:80px;box-shadow:0 8px 32px #0006}.app-home-title{background:linear-gradient(135deg,#fff 0%,#c736ffe6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Unbounded,sans-serif;font-size:2rem;font-weight:700}.app-home-user{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-size:.9rem}.app-home-actions{flex-direction:column;flex:1;gap:14px;width:100%;max-width:400px;margin:0 auto;display:flex}.app-action-card{color:inherit;background:linear-gradient(145deg,#1e1e3299 0%,#14142399 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.app-action-card:hover{background:linear-gradient(145deg,#282841b3 0%,#1e1e32b3 100%);border-color:#c736ff4d;transform:translateY(-2px)}.app-action-card:active{transform:translateY(0)}.app-action-primary{background:linear-gradient(135deg,#c736ff33 0%,#8c28c826 100%);border-color:#c736ff40}.app-action-primary:hover{background:linear-gradient(135deg,#c736ff4d 0%,#8c28c840 100%);border-color:#c736ff66}.app-action-icon{width:52px;height:52px;color:var(--accent);background:#ffffff0d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.app-action-primary .app-action-icon{background:#c736ff26}.app-action-badge{color:#fff;background:#f46;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.app-action-text{flex-direction:column;gap:4px;display:flex}.app-action-text strong{color:#fff;font-size:1.1rem;font-weight:600}.app-action-text span{color:var(--muted);font-size:.9rem}.app-home-features{flex-wrap:wrap;justify-content:center;gap:20px;margin:32px 0;padding:0 10px;display:flex}.app-feature{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.app-feature svg{color:var(--accent);opacity:.8}.app-home-footer{text-align:center;margin-top:auto;padding:20px 0}.app-home-footer .mark{opacity:.6;font-size:1rem}@media (max-width:480px){.app-home{padding:16px}.app-home-logo{width:64px;height:64px}.app-home-title{font-size:1.6rem}.app-action-card{padding:16px}.app-action-icon{width:46px;height:46px}.app-home-features{gap:12px}.app-feature{font-size:.8rem}}
:root{--chat-bg:#000;--chat-panel:#0e0a12f7;--chat-border:#443e6252;--chat-surface:radial-gradient(circle at 15% 20%,#3222488c 0%,transparent 52%),radial-gradient(circle at 85% 32%,#3c1e3480 0%,transparent 48%),radial-gradient(circle at 24% 80%,#20244680 0%,transparent 48%),#06060cf0;--chat-accent:#4f2d77;--chat-muted:#a8aed49e;--chat-strong:#f1f2fa;--chat-shadow:12px 12px 0 #000000e6}.create-container{width:100%;max-width:600px;color:var(--chat-muted);flex-direction:column;align-items:center;gap:32px;margin:0 auto;padding:24px;display:flex}.chat-app{background:var(--chat-bg);width:100%;max-width:960px;min-height:100vh;box-shadow:var(--chat-shadow);border-radius:18px;margin:0 auto;padding:max(48px,min(8vw,80px)) 24px}.header{text-align:center;margin-bottom:40px}.logo-icon{color:var(--chat-accent);filter:drop-shadow(0 0 16px #c736ff59);margin-bottom:10px}.header h1{color:var(--chat-strong);letter-spacing:1px;margin-bottom:10px;font-size:3rem;font-weight:800}.tagline{color:var(--chat-muted);font-size:1rem}.subtitle{color:var(--chat-accent);margin-top:5px;font-size:.9rem;font-weight:500}.create-form{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);border-radius:16px;padding:40px}.chat-container{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);border-radius:16px;flex-direction:column;width:100%;max-width:960px;height:calc(100vh - 160px);min-height:300px;padding:20px;display:flex}.chat-window{background:var(--chat-surface);border:1px solid #464c7a66;border-radius:12px;flex-direction:column;flex:auto;gap:12px;min-height:100px;padding:20px;display:flex;overflow-y:auto}.chat-placeholder{color:#d7daff80;text-align:center;margin-top:120px}.chat-bubble{word-break:break-word;border-radius:16px;max-width:80%;margin:8px 0;padding:12px 16px;line-height:1.6}.chat-bubble.outgoing{background:var(--chat-accent);color:#090111;box-shadow:var(--chat-shadow);margin-left:auto}.chat-bubble.outgoing.typing{color:var(--chat-strong);box-shadow:none;background:#ffffff0f;border:1px solid #6e76aa66;justify-content:flex-end;align-self:flex-end;width:auto;margin-left:auto;margin-right:0;display:inline-flex}.typing-dots{align-items:center;gap:6px;display:inline-flex}.typing-dots .dot{background:#ffffffbf;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typingBlink}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-bubble.incoming{color:var(--chat-strong);background:#0c0c12eb;border:1px solid #464c7a80;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.bubble-avatar{background:var(--chat-accent);color:#080112;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;font-size:.7rem;font-weight:700;display:flex}.bubble-content{flex-direction:column;display:flex}.bubble-text{font-size:1rem}.bubble-meta{opacity:.8;margin-top:6px;font-size:.8rem}.day-divider{justify-content:center;margin:8px 0 16px;display:flex}.day-divider span{color:#d7daffbf;background:#0c0c12f2;border:1px solid #464c7a66;border-radius:999px;padding:6px 12px;font-size:.8rem}.chat-input{flex:none;align-items:flex-end;gap:10px;min-height:48px;margin-top:14px;display:flex}.chat-textarea{min-height:48px;max-height:150px;color:var(--chat-strong);resize:none;background:#07070cd9;border:2px solid #464c7a73;border-radius:12px;flex:auto;padding:12px 14px;font-size:1rem;overflow-y:auto}.chat-textarea:focus{border-color:#f85080d9;outline:none;box-shadow:0 0 18px #ff407073}.chat-textarea:hover{border-color:#f850808c;box-shadow:0 0 16px #ff407047}.send-btn{background:var(--chat-accent);border:2px solid var(--chat-accent);color:#090111;cursor:pointer;width:48px;height:48px;box-shadow:var(--chat-shadow);border-radius:10px;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){border-color:#f85080bf;box-shadow:0 0 18px #ff407061}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.chat-app{border-radius:0;padding:max(24px,min(5vw,48px)) 16px}.chat-container{border-radius:12px;height:calc(100vh - 100px);min-height:250px;padding:14px}.chat-window{min-height:80px;padding:14px}.chat-bubble{max-width:88%;padding:10px 14px}.chat-input{gap:8px}.chat-textarea{min-height:44px;max-height:100px;padding:10px 12px;font-size:16px}.send-btn{flex-shrink:0;width:44px;height:44px}}@media (max-width:480px){.chat-app{padding:12px 8px}.chat-container{height:calc(100vh - 60px);min-height:200px;padding:10px;box-shadow:8px 8px #000000e6}.chat-window{border-radius:10px;min-height:60px;padding:10px}.chat-bubble{border-radius:14px;max-width:92%;padding:8px 12px;font-size:.95rem}.chat-input{gap:6px;margin-top:10px}.chat-textarea{border-radius:10px;min-height:40px;max-height:80px;padding:10px}.send-btn{border-radius:8px;width:40px;height:40px;box-shadow:6px 6px #000000e6}.send-btn svg{width:18px;height:18px}.typing-dots .dot{width:6px;height:6px}.bubble-avatar{width:20px;min-width:20px;height:20px;min-height:20px;font-size:.6rem}}@media (max-height:500px){.chat-app{padding:8px}.chat-container{height:calc(100vh - 40px);min-height:150px;padding:8px}.chat-window{min-height:50px;padding:8px}.chat-placeholder{margin-top:20px;font-size:.85rem}.chat-input{margin-top:8px}.chat-textarea{min-height:36px;max-height:60px;padding:8px}.send-btn{width:36px;height:36px}}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}.form-group textarea,.form-group input{width:100%;color:var(--chat-strong);resize:vertical;background:#07070cd9;border:2px solid #464c7a73;border-radius:12px;padding:15px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group textarea:focus,.form-group input:focus{border-color:#f85080d9;outline:none;box-shadow:0 0 18px #ff407073}.form-group textarea:hover,.form-group input:hover{border-color:#f850808c;box-shadow:0 0 16px #ff407047}.form-group textarea::placeholder,.form-group input::placeholder{color:#ffffff4d}.char-count,.help-text{color:#ffffff80;margin-top:8px;font-size:.85rem}.checkbox-label{cursor:pointer;background:#0c0c12d9;border:2px solid #464c7a73;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex;position:relative}.checkbox-label:hover{background:#101018e6;border-color:#f85080a6;box-shadow:0 0 18px #ff407040}.checkbox-label span{color:var(--chat-strong);flex:1;font-size:.95rem;font-weight:600}.checkbox-label input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.checkbox-label:after{content:"";background:#0c0c12e6;border:2px solid #464c7a73;border-radius:12px;width:44px;height:24px;transition:all .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.checkbox-label:before{content:"";z-index:1;background:#e6e8ffe6;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;right:40px;transform:translateY(-50%);box-shadow:0 2px 4px #0003}.checkbox-label:has(input:checked):after{background:var(--chat-accent);border-color:var(--chat-accent);box-shadow:0 0 15px #c736ff66}.checkbox-label:has(input:checked):before{background:#090111;transform:translateY(-50%)translate(20px);box-shadow:0 2px 8px #c736ff73}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.submit-btn{background:var(--chat-accent);border:2px solid var(--chat-accent);color:#090111;cursor:pointer;width:100%;box-shadow:var(--chat-shadow);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:14px 14px #000000e6,0 0 20px #ff407059}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.features{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px;display:grid}.feature-item{text-align:center;color:var(--chat-muted);background:#0c0c12d9;border-radius:10px;padding:12px;font-size:.9rem}.result-container{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);text-align:center;border-radius:16px;padding:40px}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:3rem;display:flex;box-shadow:0 4px 20px #10b98166}.result-container h2{margin-bottom:10px;font-size:2rem}.success-message{color:var(--chat-muted);margin-bottom:30px}.url-display{margin:30px 0}.url-box{background:#07070cd9;border:2px solid #464c7a80;border-radius:12px;margin-bottom:15px;padding:20px}.url-box code{color:var(--chat-accent);word-break:break-all;font-size:1rem}.copy-btn{color:var(--chat-strong);cursor:pointer;background:#0c0c12e6;border:2px solid #464c7a80;border-radius:10px;align-items:center;gap:8px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.copy-btn:hover:not(:disabled){border-color:var(--chat-accent);background:#101018e6}.copy-btn:disabled{background:#10b98133;border-color:#10b98166}.share-options{justify-content:center;margin:16px 0 20px;display:flex}.share-options__toggle{color:#d7daffa6;cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:inline-flex}.share-options__toggle input{width:18px;height:18px;accent-color:var(--chat-accent);cursor:pointer}.status-card{text-align:left;box-shadow:var(--chat-shadow);background:#0c0c12d9;border:1px solid #464c7a73;border-radius:14px;margin:24px 0;padding:20px}.status-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.status-card__heading{flex-direction:column;gap:6px;display:flex}.status-card__title{color:#ffffffd9;font-size:1rem;font-weight:600}.status-card__code{color:#d7daffa6;background:#ffffff0d;border-radius:6px;padding:2px 6px;font-size:.85rem}.status-card__refresh{color:#d7daffbf;cursor:pointer;background:#0c0c12e6;border:1px solid #464c7a73;border-radius:8px;padding:8px 14px;font-size:.9rem;transition:all .2s}.status-card__refresh:hover:not(:disabled){border-color:var(--chat-accent);color:#ffffffe6;box-shadow:0 0 12px #ff407040}.status-card__refresh:disabled{opacity:.6;cursor:not-allowed}.status-card__indicator{border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;padding:14px;font-size:.95rem;font-weight:600;display:flex}.status-card__indicator--pending{color:#adbcffe6;background:#101830bf;border:1px solid #566fd673}.status-card__indicator--opened{color:#86efacf2;background:#15803d33;border:1px solid #22c55e59}.status-card__meta{color:#d7daffbf;margin-top:12px;font-size:.9rem}.status-card__error{color:#fca5a5;margin-top:12px;font-size:.85rem}.status-card__tip{color:#d7daff8c;margin-top:14px;font-size:.85rem}.status-card__link{color:var(--chat-accent);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.status-card__link:hover{color:#f85080f2}.status-card__save{border-top:1px solid #464c7a4d;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.status-card__label-input{color:#f1f2fa;background:#07070cd9;border:1px solid #464c7a73;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.status-card__label-input:focus{border-color:#c736ff80;outline:none;box-shadow:0 0 12px #c736ff33}.status-card__label-input::placeholder{color:#a8aed466}.status-card__save-btn{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.status-card__save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4f2d7766}.status-card__save-btn:disabled{opacity:.6;cursor:not-allowed}.status-card__saved{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex}.message-id{color:#fff9;justify-content:center;align-items:center;gap:12px;margin:20px 0;font-size:.9rem;display:flex}.message-id code{color:#fffc;background:#ffffff1a;border-radius:6px;padding:4px 8px}.message-id-btn{color:#d7daffcc;cursor:pointer;background:#0c0c12e6;border:1px solid #464c7a80;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.message-id-btn:hover{border-color:var(--chat-accent);color:#ffffffeb;box-shadow:0 0 12px #ff407040}.warning-box{text-align:left;color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;gap:15px;margin:25px 0;padding:20px;display:flex}.warning-box strong{margin-bottom:5px;display:block}.info-box{background:#0c0c12d9;border:1px solid #464c7a73;border-radius:12px;margin:25px 0;padding:20px}.info-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:#ffffffb3;font-weight:600}.info-item span:last-child{color:#ffffffe6;font-weight:500}.new-message-btn{color:var(--chat-strong);cursor:pointer;background:#0c0c12e6;border:2px solid #464c7a80;border-radius:10px;margin-top:20px;padding:15px 40px;font-size:1rem;font-weight:600;transition:all .3s}.new-message-btn:hover{border-color:var(--chat-accent);background:#101018e6;box-shadow:0 0 18px #ff407047}@media (max-width:768px){.create-form,.result-container{padding:28px 20px;box-shadow:8px 8px #000000e6}.header h1{font-size:2.25rem}.features{gap:12px}.url-box{padding:16px}.url-box code{font-size:.9rem}.warning-box{flex-direction:column;gap:10px;padding:16px}.info-box{padding:16px}.info-item{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.status-card{padding:16px;box-shadow:8px 8px #000000e6}.status-card__header{flex-direction:column;gap:12px}.status-card__refresh{align-self:flex-start}}@media (max-width:480px){.create-form,.result-container{border-radius:12px;padding:20px 16px}.header h1{font-size:1.75rem}.tagline{font-size:.9rem}.features{grid-template-columns:1fr;gap:10px}.feature-item{padding:10px;font-size:.85rem}.success-icon{width:64px;height:64px;font-size:2.5rem}.result-container h2{font-size:1.5rem}.success-message{font-size:.9rem}.copy-btn{padding:10px 20px;font-size:.9rem}.new-message-btn{padding:12px 28px;font-size:.9rem}.message-id{flex-direction:column;gap:8px;font-size:.85rem}.message-id code{font-size:.8rem}}.modal-actions .btn{border:2px solid #0000;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .2s}.modal-actions .btn.secondary{color:#dce8faeb;background:#0c1226d9;border-color:#6e7ec652}.modal-actions .btn.primary{background:var(--chat-accent);border-color:var(--chat-accent);color:#090111}.modal-actions .btn:hover{border-color:#f85080a6;box-shadow:0 0 18px #ff40704d}.image-preview-container{background:#07070c99;border:1px solid #464c7a59;border-radius:10px;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;display:flex}.image-preview{border:2px solid #464c7a80;border-radius:8px;width:80px;height:80px;transition:border-color .2s;position:relative;overflow:hidden}.image-preview:hover{border-color:#f8508099}.image-preview img{object-fit:cover;width:100%;height:100%}.image-remove-btn{color:#fff;cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.image-preview:hover .image-remove-btn{opacity:1}.image-upload-btn{width:44px;height:44px;color:var(--chat-muted);cursor:pointer;background:#0c0c12e6;border:2px solid #464c7a73;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.image-upload-btn:hover:not(:disabled){border-color:var(--chat-accent);color:var(--chat-strong);box-shadow:0 0 12px #4f2d7766}.image-upload-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:480px){.image-preview-container{padding:10px}.image-preview{width:60px;height:60px}.image-upload-btn{border-radius:8px;width:40px;height:40px}}.chat-mode-toggle{background:#08060cf2;border:1px solid #464c7a40;border-radius:14px;width:100%;max-width:960px;padding:4px;display:flex;box-shadow:inset 0 2px 8px #0000004d}.mode-btn{color:#a8aed499;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;position:relative}.mode-btn:hover{color:#d7daffe6}.mode-btn--active{color:#fff;background:linear-gradient(135deg,#4f2d77b3 0%,#3c1e5a99 100%);box-shadow:0 4px 16px #4f2d7766,inset 0 1px #ffffff1a}.mode-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;padding:3px 7px;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 8px 2px #ef44444d}}.dm-chat-container{box-shadow:0 20px 60px #00000080,var(--chat-shadow);background:linear-gradient(#0e0a12fa 0%,#0a080efc 100%);border:1px solid #464c7a4d;border-radius:20px;flex-direction:column;width:100%;max-width:960px;min-height:500px;display:flex;overflow:hidden}.dm-subtabs{background:#06040acc;border-bottom:1px solid #464c7a33;margin:0;padding:0;display:flex}.dm-subtab{color:#a8aed499;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;position:relative}.dm-subtab:hover{color:#d7daffe6;background:#464c7a1a}.dm-subtab--active{color:#fff;border-bottom-color:var(--chat-accent);background:#4f2d7726}.dm-subtab--active:after{content:"";background:linear-gradient(90deg,transparent,var(--chat-accent),transparent);height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.dm-subtab-badge{color:#fff;background:#ef4444;border-radius:8px;min-width:18px;padding:2px 6px;font-size:.65rem;font-weight:700}.dm-compose-form{flex-direction:column;flex:1;padding:24px;display:flex}.dm-field-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.dm-field-group:last-of-type{flex:1;margin-bottom:20px}.dm-field-group label{text-transform:uppercase;letter-spacing:.5px;color:#a8aed499;font-size:.8rem;font-weight:700}.dm-field-group input,.dm-field-group textarea{width:100%;color:var(--chat-strong);background:#06040a99;border:1px solid #464c7a4d;border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .2s}.dm-field-group input:focus,.dm-field-group textarea:focus{background:#0c0812cc;border-color:#4f2d7799;outline:none;box-shadow:0 0 0 3px #4f2d7726}.dm-field-group input::placeholder,.dm-field-group textarea::placeholder{color:#a8aed459}.dm-field-group textarea{resize:none;flex:1;min-height:120px;line-height:1.6}.dm-field-hint{color:#a8aed473;font-size:.8rem;font-style:italic}.dm-recipient-row{gap:10px;display:flex}.dm-recipient-row input{flex:1}.dm-find-btn{color:var(--chat-strong);cursor:pointer;background:#464c7a33;border:1px solid #464c7a66;border-radius:12px;padding:14px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.dm-find-btn:hover{background:#4f2d774d;border-color:#4f2d7780}.dm-found{color:#6ee7b7;background:linear-gradient(135deg,#10b98126 0%,#10b98114 100%);border:1px solid #10b98140;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:inline-flex}.dm-found svg{color:#10b981}.dm-error-msg{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;display:flex}.dm-success-msg{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;display:flex}.dm-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a3485 0%,#7c4dab 100%);border:none;border-radius:12px;justify-content:center;align-self:flex-end;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 20px #4f2d774d}.dm-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#6a3d95 0%,#8c5dbb 100%);transform:translateY(-2px);box-shadow:0 8px 30px #4f2d7773}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.dm-list-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.dm-empty{color:#a8aed466;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.dm-empty:before{content:"📭";opacity:.6;margin-bottom:16px;font-size:3rem}.dm-message-list{flex:1;overflow-y:auto}.dm-list-item{cursor:pointer;background:0 0;border:none;border-bottom:1px solid #464c7a26;align-items:center;gap:16px;padding:18px 24px;transition:all .15s;display:flex}.dm-list-item:hover{background:#464c7a1a}.dm-list-item:last-child{border-bottom:none}.dm-list-item--unread{border-left:3px solid var(--chat-accent);background:linear-gradient(90deg,#4f2d771f 0%,#0000 100%)}.dm-list-item--unread:hover{background:linear-gradient(90deg,#4f2d7733 0%,#464c7a1a 100%)}.dm-list-item__avatar{color:#ffffffe6;background:linear-gradient(135deg,#3d2259 0%,#5a3485 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.dm-list-item--unread .dm-list-item__avatar{background:linear-gradient(135deg,#5a3485 0%,#7c4dab 100%);box-shadow:0 0 20px #4f2d7766}.dm-list-item__content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dm-list-item__who{color:#d7daffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.dm-list-item--unread .dm-list-item__who{color:#fff;font-weight:700}.dm-list-item__preview{color:#a8aed480;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.dm-list-item__date{color:#a8aed473;white-space:nowrap;flex-shrink:0;font-size:.8rem}.dm-list-item--unread .dm-list-item__date{color:#a78bfacc;font-weight:600}.dm-list-item__badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.dm-list-item__delete{color:#a8aed44d;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.dm-list-item:hover .dm-list-item__delete{opacity:1}.dm-list-item__delete:hover{color:#ef4444;background:#ef44441a}.dm-view-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dm-view-modal{background:linear-gradient(#120e18fc 0%,#0c0a10 100%);border:1px solid #464c7a59;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 30px 80px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dm-view-header{background:#06040a99;border-bottom:1px solid #464c7a33;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dm-view-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.dm-view-header h3:before{content:"🔐";font-size:1.1rem}.dm-view-header button{color:#a8aed4b3;cursor:pointer;background:#464c7a33;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.dm-view-header button:hover{color:#fff;background:#464c7a59}.dm-view-meta{background:#06040a66;border-bottom:1px solid #464c7a26;grid-template-columns:auto 1fr;gap:8px 16px;padding:20px 24px;display:grid}.dm-view-meta p{color:#a8aed480;margin:0;font-size:.9rem;display:contents}.dm-view-meta p:before{color:#a8aed4b3;font-weight:600}.dm-view-meta-label{color:#a8aed480;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.dm-view-meta-value{color:#d7daffe6;font-size:.9rem}.dm-decrypt-form{flex-direction:column;flex:1;gap:16px;padding:28px 24px;display:flex}.dm-decrypt-form label{color:#d7daffd9;text-align:center;font-size:.95rem;font-weight:600}.dm-decrypt-form input{width:100%;color:var(--chat-strong);text-align:center;letter-spacing:2px;background:#06040ab3;border:1px solid #464c7a59;border-radius:14px;padding:16px 20px;font-size:1.1rem}.dm-decrypt-form input:focus{border-color:#4f2d7799;outline:none;box-shadow:0 0 0 4px #4f2d7726}.dm-decrypt-form input::placeholder{letter-spacing:normal;color:#a8aed459}.dm-decrypt-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a3485 0%,#7c4dab 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:1rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 20px #4f2d774d}.dm-decrypt-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4f2d7773}.dm-decrypt-form button:disabled{opacity:.4;cursor:not-allowed}.dm-decrypted-content{flex:1;padding:24px;overflow-y:auto}.dm-decrypted-content p{color:var(--chat-strong);white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#4f2d771a 0%,#06040a66 100%);border:1px solid #4f2d7733;border-radius:16px;margin:0;padding:20px;font-size:1.05rem;line-height:1.7}@media (max-width:768px){.chat-mode-toggle{border-radius:12px}.mode-btn{padding:12px 16px;font-size:.9rem}.dm-chat-container{border-radius:16px;min-height:400px}.dm-subtab{padding:14px 16px;font-size:.85rem}.dm-compose-form{padding:20px}.dm-list-item{gap:14px;padding:16px 20px}.dm-list-item__avatar{width:40px;height:40px}}@media (max-width:480px){.mode-btn{gap:6px;padding:10px 12px;font-size:.85rem}.mode-btn svg{width:16px;height:16px}.dm-chat-container{border-radius:14px;min-height:350px}.dm-subtabs{overflow-x:auto}.dm-subtab{white-space:nowrap;padding:12px 14px;font-size:.8rem}.dm-compose-form{padding:16px}.dm-field-group input,.dm-field-group textarea{padding:12px 14px;font-size:.95rem}.dm-send-btn{justify-content:center;width:100%}.dm-list-item{gap:12px;padding:14px 16px}.dm-list-item__avatar{border-radius:10px;width:36px;height:36px}.dm-list-item__who{font-size:.9rem}.dm-list-item__delete{opacity:1}.dm-view-modal{border-radius:16px;max-height:90vh}.dm-view-header,.dm-view-meta,.dm-decrypt-form,.dm-decrypted-content{padding:16px 18px}}
:root{--chat-bg:#000;--chat-panel:#0e0a12f7;--chat-border:#443e6252;--chat-surface:radial-gradient(circle at 15% 20%,#3222488c 0%,transparent 52%),radial-gradient(circle at 85% 32%,#3c1e3480 0%,transparent 48%),radial-gradient(circle at 24% 80%,#20244680 0%,transparent 48%),#06060cf0;--chat-accent:#4f2d77;--chat-muted:#a8aed49e;--chat-strong:#f1f2fa;--chat-shadow:12px 12px 0 #000000e6}.view-container{width:100%;max-width:700px;color:var(--chat-muted);background:var(--chat-bg);box-shadow:var(--chat-shadow);border-radius:18px;flex-direction:column;gap:32px;min-height:100vh;margin:0 auto;padding:max(32px,min(6vw,48px)) 24px;display:flex}.self-destruct-card{background:var(--chat-panel);border:2px solid var(--chat-border);text-align:center;box-shadow:var(--chat-shadow);border-radius:20px;padding:48px 32px}.self-destruct-icon{color:var(--chat-accent);justify-content:center;align-items:center;margin-bottom:16px;font-size:3rem;display:inline-flex}.self-destruct-card p{color:var(--chat-muted);margin:14px 0 28px}.view-form-container{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);border-radius:20px;padding:40px}.message-info{margin-bottom:30px}.info-item{background:var(--chat-surface);border-radius:10px;align-items:center;gap:10px;margin-bottom:15px;padding:15px;display:flex}.info-item .label{color:var(--chat-muted);font-weight:600}.info-item code{color:var(--chat-accent);letter-spacing:1px;background:#0c0c12e6;border-radius:6px;padding:4px 12px;font-size:1.1rem}.info-item .message-id-controls{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.message-id-btn{color:#d7daffcc;cursor:pointer;background:#0c0c12e6;border:1px solid #464c7a80;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.message-id-btn:hover{border-color:var(--chat-accent);color:#ffffffeb;box-shadow:0 0 12px #ff407040}.status{border-radius:10px;align-items:center;gap:10px;padding:12px 15px;font-weight:500;display:flex}.status.exists{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.status.not-exists{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.passcode-form{margin-top:30px}.passcode-form input{width:100%;color:var(--chat-strong);background:#0a0a12e6;border:2px solid #464a6e73;border-radius:12px;margin-top:10px;padding:14px;font-size:1rem;transition:all .3s}.passcode-form input:focus{border-color:#f85080d9;outline:none;box-shadow:0 0 18px #ff407073}.passcode-form input:hover{border-color:#f850808c;box-shadow:0 0 16px #ff407047}.message-display-container{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);border-radius:20px;padding:40px}.display-header{text-align:center;margin-bottom:40px}.header-icon{color:var(--chat-accent);filter:drop-shadow(0 0 16px #c736ff59);margin-bottom:15px}.display-header h2{margin-bottom:10px;font-size:1.8rem}.warning-text{color:#fbbf24;margin-top:10px;font-size:.95rem}.complete-actions{text-align:center;margin-top:40px}.complete-message{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:20px;font-weight:600;display:flex}.home-btn{background:var(--chat-accent);border:2px solid var(--chat-accent);color:#090111;cursor:pointer;box-shadow:var(--chat-shadow);border-radius:12px;padding:15px 40px;font-size:1rem;font-weight:600;transition:all .3s}.home-btn:hover{transform:translate(-3px,-3px);box-shadow:14px 14px #000000e6,0 0 20px #ff407059}.self-destruct-banner{color:#fecaca;background:#ef44441f;border:1px solid #ef444440;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:32px;padding:14px 18px;font-weight:600;display:flex}.self-destruct-trigger{color:#fee2e2;cursor:pointer;background:#ef44442e;border:1px solid #ef444459;border-radius:999px;padding:10px 20px;font-weight:600;transition:all .2s}.self-destruct-trigger:hover{background:#ef444447;border-color:#ef444499;box-shadow:0 0 16px #ff40704d}.not-found-container{text-align:center;padding:40px 20px}.not-found-icon{color:#fca5a5;background:#ef444433;border:2px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:3rem;display:flex}.not-found-container p{color:#ffffffb3;margin-bottom:30px;line-height:1.6}.already-viewed-container{text-align:center;padding:20px 0}.already-viewed-container .note{color:var(--chat-muted);margin:20px 0 30px;line-height:1.6}.info-message{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.full-message-display{background:var(--chat-panel);border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);text-align:center;border-radius:20px;padding:40px}.full-message-content{background:var(--chat-surface);color:var(--chat-strong);white-space:pre-wrap;word-wrap:break-word;text-align:left;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;max-height:500px;padding:30px;font-size:1.2rem;line-height:1.8;overflow-y:auto}.message-label{color:var(--chat-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:.95rem;font-weight:600;display:block}@media (max-width:600px){.view-form-container,.message-display-container{padding:25px}.self-destruct-banner{flex-direction:column;gap:12px}}.reply-btn{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.reply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f2d7766}.reply-form{text-align:left;background:#0c0c12d9;border:1px solid #464c7a73;border-radius:12px;padding:20px}.reply-form label{color:#d7daffd9;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.reply-form textarea{color:#f1f2fa;resize:vertical;background:#07070cd9;border:2px solid #464c7a73;border-radius:10px;width:100%;min-height:100px;padding:12px 14px;font-family:inherit;font-size:1rem;transition:all .2s}.reply-form textarea:focus{border-color:#c736ff99;outline:none;box-shadow:0 0 16px #c736ff40}.reply-form textarea::placeholder{color:#a8aed466}.reply-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.85rem;display:flex}.reply-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.reply-cancel{color:#d7daffbf;cursor:pointer;background:#0c0c12e6;border:1px solid #464c7a73;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.reply-cancel:hover:not(:disabled){color:#d7dafff2;border-color:#464c7ab3}.reply-cancel:disabled{opacity:.5;cursor:not-allowed}.reply-send{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.reply-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4f2d7766}.reply-send:disabled{opacity:.5;cursor:not-allowed}.reply-sent{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.tts-display{background:var(--chat-panel);border:2px solid var(--chat-border);text-align:center;box-shadow:var(--chat-shadow);border-radius:16px;justify-content:center;align-items:center;min-height:250px;padding:48px 32px;display:flex}.tts-ready,.tts-countdown,.tts-playing,.tts-paused,.tts-complete,.tts-starting{flex-direction:column;align-items:center;gap:16px;display:flex}.tts-ready p,.tts-countdown p,.tts-playing p,.tts-paused p,.tts-complete p,.tts-starting p{color:var(--chat-strong);margin:0;font-size:1.1rem;font-weight:600}.tts-hint{color:var(--chat-muted)!important;font-size:.9rem!important;font-weight:400!important}.tts-complete svg{color:#10b981;filter:drop-shadow(0 0 12px #10b98166)}.tts-ready-icon{color:var(--chat-accent);filter:drop-shadow(0 0 12px #4f2d7780)}.tts-paused-icon{color:var(--chat-muted)}.tts-play-btn{background:linear-gradient(135deg,var(--chat-accent)0%,#6b3fa0 100%);border:2px solid var(--chat-accent);color:#f1f2fa;cursor:pointer;box-shadow:var(--chat-shadow);border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.tts-play-btn:hover{transform:translate(-2px,-2px);box-shadow:14px 14px #000000e6}.tts-play-btn svg{fill:currentColor}.tts-control-btn{border:2px solid var(--chat-border);color:var(--chat-strong);cursor:pointer;background:#0c0c12e6;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.tts-control-btn:hover{border-color:var(--chat-accent);box-shadow:0 0 12px #4f2d7766}.tts-countdown{text-align:center}.countdown-number{width:80px;height:80px;color:var(--chat-strong);background:linear-gradient(135deg,var(--chat-accent)0%,#6b3fa0 100%);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:700;animation:1s ease-in-out infinite countdownPulse;display:flex;box-shadow:0 0 24px #4f2d7780}@keyframes countdownPulse{0%,to{transform:scale(1);box-shadow:0 0 24px #4f2d7780}50%{transform:scale(1.05);box-shadow:0 0 32px #4f2d77b3}}.tts-wave{justify-content:center;align-items:center;gap:4px;height:48px;display:flex}.tts-wave span{background:linear-gradient(180deg,var(--chat-accent)0%,#4f2d7799 100%);border-radius:3px;width:6px;height:20px;animation:1.2s ease-in-out infinite ttsWave}.tts-wave span:first-child{animation-delay:0s}.tts-wave span:nth-child(2){animation-delay:.1s}.tts-wave span:nth-child(3){animation-delay:.2s}.tts-wave span:nth-child(4){animation-delay:.3s}.tts-wave span:nth-child(5){animation-delay:.4s}@keyframes ttsWave{0%,to{opacity:.5;height:12px}50%{opacity:1;height:36px}}.message-images{margin-top:24px}.images-label{color:var(--chat-muted);margin-bottom:12px;font-size:.95rem;font-weight:600}.images-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.message-image-container{border:2px solid var(--chat-border);box-shadow:var(--chat-shadow);background:#07070c99;border-radius:12px;transition:border-color .2s;position:relative;overflow:hidden}.message-image-container:hover{border-color:var(--chat-accent)}.message-image{object-fit:contain;background:#00000080;width:100%;height:auto;max-height:400px;display:block}.images-grid:has(.message-image-container:only-child){grid-template-columns:1fr;max-width:500px;margin:0 auto}.images-grid:has(.message-image-container:only-child) .message-image{max-height:500px}@media (max-width:600px){.images-grid{grid-template-columns:1fr}.message-image{max-height:300px}.message-image-container{box-shadow:8px 8px #000000e6}}
:root{--status-bg:#07050a;--status-panel:#0e0a12f7;--status-border:#443e6252;--status-muted:#a8aed4bf;--status-strong:#f1f2fa;--status-accent:#4f2d77;--status-shadow:12px 12px 0 #000000e6}.status-page{background:var(--status-bg);min-height:100vh;color:var(--status-muted);max-width:720px;box-shadow:var(--status-shadow);border-radius:22px;flex-direction:column;gap:32px;margin:0 auto;padding:max(40px,min(6vw,64px)) 24px;display:flex}.status-header h1{color:var(--status-strong);margin-bottom:8px;font-size:max(2rem,min(4vw,2.6rem))}.status-header p{max-width:560px;line-height:1.6}.status-main{background:var(--status-panel);border:2px solid var(--status-border);box-shadow:var(--status-shadow);border-radius:18px;flex-direction:column;gap:20px;padding:28px;display:flex}.status-form{flex-direction:column;gap:14px;display:flex}.status-form label{color:var(--status-strong);font-weight:600}.status-form input{color:var(--status-strong);background:#0c0c12e6;border:2px solid #464c7a73;border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .25s}.status-form input:focus{border-color:#f85080d9;outline:none;box-shadow:0 0 18px #ff407059}.status-form button{background:var(--status-accent);border:2px solid var(--status-accent);color:#090111;cursor:pointer;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;transition:all .25s}.status-form button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:10px 10px #000000d9,0 0 14px #ff407059}.status-form button:disabled{opacity:.6;cursor:not-allowed}.status-error{color:#fca5a5;background:#ef444424;border:1px solid #ef444459;border-radius:10px;padding:12px 14px;font-size:.95rem}.status-result-card{background:#090910f2;border:1px solid #464c7a73;border-radius:12px;flex-direction:column;gap:14px;padding:22px;display:flex}.status-result-indicator{border-radius:10px;justify-content:space-between;align-items:center;padding:14px;font-weight:600;display:flex}.status-result-indicator--pending{color:#bfdbfef2;background:#1d4ed82e;border:1px solid #3b82f666}.status-result-indicator--opened{color:#bbf7d0f2;background:#15803d2e;border:1px solid #22c55e66}.status-result-card dl{gap:12px;margin:0;display:grid}.status-result-card dt{color:var(--status-strong);font-weight:600}.status-result-card dd{color:var(--status-muted);margin:2px 0 0}.status-help{background:#0c0c12d9;border:1px solid #464c7a73;border-radius:14px;flex-direction:column;gap:12px;padding:22px 24px;display:flex}.status-help h2{color:var(--status-strong);font-size:1.1rem}.status-code-block{color:var(--status-accent);background:#090910e6;border:1px solid #464c7a73;border-radius:10px;padding:12px;font-family:Source Code Pro,SFMono-Regular,ui-monospace,monospace;font-size:.9rem;display:block}.status-tip{color:#d7daffa6}.status-footer{flex-wrap:wrap;gap:16px;display:flex}.status-link{color:#d7daffd9;font-weight:600;transition:color .2s}.status-link:hover{color:var(--status-strong)}@media (max-width:640px){.status-page{box-shadow:none;border-radius:0;padding-top:32px;padding-bottom:32px}.status-main,.status-help{padding:22px}}
.user-page{background:#07050a;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.user-card{text-align:center;background:#0e0a12f7;border:1px solid #464c7a73;border-radius:16px;width:100%;max-width:400px;padding:48px 40px}.user-card--wide{max-width:480px}.user-card h1{color:#f1f2fa;margin-bottom:8px;font-size:1.75rem;font-weight:700}.user-subtitle{color:#a8aed4b3;margin-bottom:28px;font-size:.95rem}.user-loading{color:#a8aed499;padding:40px 0}.user-avatar{color:#f1f2fa;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.user-username{color:#a78bfa;margin-bottom:4px;font-size:1rem;font-weight:600}.user-email{color:#a8aed4bf;margin-bottom:24px;font-size:.9rem}.user-field__hint{color:#a8aed480;margin-top:4px;font-size:.75rem}.user-form{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.user-field{text-align:left}.user-field label{color:#d7daffcc;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.user-field input{color:#f1f2fa;background:#07070cd9;border:2px solid #464c7a73;border-radius:10px;width:100%;padding:14px 16px;font-size:1rem;transition:all .2s}.user-field input:focus{border-color:#c736ff99;outline:none;box-shadow:0 0 16px #c736ff40}.user-field input:hover:not(:focus){border-color:#c736ff66}.user-field input::placeholder{color:#a8aed466}.user-submit-btn{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:10px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s}.user-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4f2d7766}.user-submit-btn:disabled{opacity:.6;cursor:not-allowed}.user-logout-btn{color:#d7daffd9;cursor:pointer;background:#0c0c12e6;border:1px solid #464c7a73;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.user-logout-btn:hover:not(:disabled){color:#fca5a5;border-color:#ef444480;box-shadow:0 0 12px #ef444426}.user-logout-btn:disabled{opacity:.6;cursor:not-allowed}.user-switch{color:#a8aed4b3;margin-bottom:28px;font-size:.9rem}.user-switch button{color:#a78bfa;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-weight:600;text-decoration:underline;transition:color .2s}.user-switch button:hover{color:#c4b5fd}.user-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.user-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.user-section{text-align:left;background:#07070c80;border:1px solid #464c7a4d;border-radius:12px;margin-bottom:24px;padding:20px}.user-section__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-section h2{color:#d7daffe6;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;display:flex}.user-badge{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 8px 2px #ef44444d}}.user-mark-read-btn{color:#a8aed4b3;cursor:pointer;background:0 0;border:1px solid #464c7a66;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.user-mark-read-btn:hover{color:#d7daffe6;background:#464c7a33;border-color:#464c7a99}.user-hint{color:#a8aed48c;font-size:.9rem;line-height:1.5}.user-messages{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.user-msg{background:#0c0c1299;border:1px solid #464c7a59;border-radius:10px;padding:14px;transition:all .2s;position:relative}.user-msg--unseen{cursor:pointer;background:#4f2d7726;border-color:#a78bfa66}.user-msg--unseen:hover{background:#4f2d7740;border-color:#a78bfa8c}.user-msg__new-badge{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:6px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 10px;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite newBadgeGlow;display:inline-flex}@keyframes newBadgeGlow{0%,to{box-shadow:0 0 4px #7c3aed66}50%{box-shadow:0 0 12px #a855f780}}.user-msg__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.user-msg__id{color:#d7daffd9;background:#ffffff0f;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.85rem}.user-msg__date{color:#a8aed480;font-size:.75rem}.user-msg__label{color:#a8aed4b3;flex-direction:column;gap:6px;margin-bottom:10px;font-size:.85rem;display:flex}.user-msg__reply-link{color:#a78bfa;align-items:center;gap:4px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.user-msg__reply-link:hover{color:#c4b5fd;text-decoration:underline}.user-msg__actions{flex-wrap:wrap;gap:8px;display:flex}.user-msg__btn{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.user-msg__btn--check{color:#d7daffd9;background:#4f2d774d;border:1px solid #4f2d7780}.user-msg__btn--check:hover:not(:disabled){background:#4f2d7780;border-color:#4f2d77b3}.user-msg__btn--link{color:#93c5fde6;background:#1e40af33;border:1px solid #3b82f64d}.user-msg__btn--link:hover{background:#1e40af59;border-color:#3b82f680}.user-msg__btn--delete{color:#fca5a5cc;background:#7f1d1d33;border:1px solid #ef444440;padding:6px 8px}.user-msg__btn--delete:hover{background:#7f1d1d66;border-color:#ef444466}.user-msg__btn:disabled{opacity:.5;cursor:not-allowed}.user-msg__status{border-radius:6px;margin-top:10px;padding:8px 12px;font-size:.8rem;font-weight:600}.user-msg__status--pending{color:#adbcffe6;background:#10183099;border:1px solid #566fd659}.user-msg__status--opened{color:#86efacf2;background:#15803d26;border:1px solid #22c55e4d}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.user-link{color:#d7daffbf;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.user-link:hover{color:#f1f2fa}.dm-section{padding:0;overflow:hidden}.dm-toggle{cursor:pointer;color:#d7daffe6;background:linear-gradient(135deg,#4f2d7733 0%,#1e14324d 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .2s;display:flex}.dm-toggle:hover{background:linear-gradient(135deg,#4f2d774d 0%,#1e143266 100%)}.dm-toggle__title{align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.dm-content{border-top:1px solid #464c7a4d;padding:16px}.dm-tabs{gap:8px;margin-bottom:16px;display:flex}.dm-tab{color:#a8aed4b3;cursor:pointer;background:#0c0c1299;border:1px solid #464c7a59;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dm-tab:hover{color:#d7daffd9;background:#464c7a33}.dm-tab--active{color:#f1f2fa;background:linear-gradient(135deg,#4f2d7766 0%,#6b3fa04d 100%);border-color:#4f2d7799}.dm-compose{flex-direction:column;gap:14px;display:flex}.dm-field{flex-direction:column;gap:6px;display:flex}.dm-field label{color:#a8aed4cc;font-size:.8rem;font-weight:600}.dm-field input,.dm-field textarea{color:#f1f2fa;background:#07070cd9;border:1px solid #464c7a73;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.dm-field input:focus,.dm-field textarea:focus{border-color:#c736ff80;outline:none;box-shadow:0 0 12px #c736ff33}.dm-field textarea{resize:vertical;min-height:80px}.dm-field__row{gap:8px;display:flex}.dm-field__row input{flex:1}.dm-find-btn{color:#f1f2fa;cursor:pointer;background:#4f2d7766;border:1px solid #4f2d7799;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.dm-find-btn:hover{background:#4f2d7799}.dm-recipient-found{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.dm-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.dm-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.dm-send-btn{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.dm-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4f2d7766}.dm-send-btn:disabled{opacity:.5;cursor:not-allowed}.dm-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.dm-hint{color:#a8aed48c;text-align:center;padding:20px 10px;font-size:.85rem}.dm-item{cursor:pointer;background:#0c0c1299;border:1px solid #464c7a59;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.dm-item:hover{background:#464c7a33;border-color:#464c7a80}.dm-item--unread{background:#4f2d7726;border-color:#a78bfa66}.dm-item--unread:hover{background:#4f2d7740}.dm-item__icon{color:#a8aed499}.dm-item__info{flex:1;min-width:0}.dm-item__who{color:#d7daffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.dm-item__date{color:#a8aed480;font-size:.75rem}.dm-item__new{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:700}.dm-item__delete{color:#a8aed466;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.dm-item__delete:hover{color:#fca5a5}.dm-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dm-modal{background:#0e0a12fa;border:1px solid #464c7a80;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.dm-modal__header{border-bottom:1px solid #464c7a4d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dm-modal__header h3{color:#f1f2fa;margin:0;font-size:1.1rem}.dm-modal__header button{color:#a8aed4b3;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.dm-modal__header button:hover{color:#f1f2fa}.dm-modal__meta{background:#07070c80;border-bottom:1px solid #464c7a4d;padding:16px 20px}.dm-modal__meta p{color:#a8aed4b3;margin:0 0 6px;font-size:.85rem}.dm-modal__meta p:last-child{margin-bottom:0}.dm-decrypt-form{flex-direction:column;gap:12px;padding:20px;display:flex}.dm-decrypt-form label{color:#d7daffcc;font-size:.9rem}.dm-decrypt-form input{color:#f1f2fa;background:#07070cd9;border:1px solid #464c7a73;border-radius:8px;width:100%;padding:12px 14px;font-size:1rem}.dm-decrypt-form input:focus{border-color:#c736ff80;outline:none}.dm-decrypt-form button{color:#f1f2fa;cursor:pointer;background:linear-gradient(135deg,#4f2d77 0%,#6b3fa0 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.dm-decrypt-form button:disabled{opacity:.5;cursor:not-allowed}.dm-decrypted{padding:20px}.dm-decrypted__text{color:#f1f2fa;white-space:pre-wrap;word-break:break-word;background:#07070c99;border:1px solid #464c7a59;border-radius:10px;padding:16px;font-size:1rem;line-height:1.6}@media (max-width:480px){.user-card{padding:32px 24px}.user-card h1{font-size:1.5rem}.dm-tabs{flex-wrap:wrap}.dm-tab{flex:calc(50% - 4px);font-size:.8rem}}
.chat-header{border-bottom:1px solid #464c7a73;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.chat-avatar{background:var(--chat-accent,#c736ff);border:2px solid var(--chat-accent,#c736ff);color:#090111;width:36px;height:36px;box-shadow:var(--chat-shadow,8px 8px 0 #000c);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-meta{flex-direction:column;display:flex}.chat-title{color:var(--chat-strong,#f5f6ff);font-weight:700}.chat-status{color:var(--chat-muted,#bdc4ffad);align-items:center;gap:6px;font-size:.85rem;display:flex}.identity-row{align-items:center;gap:10px;margin-top:4px;display:flex}.identity-text{color:var(--chat-accent,#c736ff);font-size:.85rem;font-weight:700}.edit-settings-btn{color:var(--chat-strong,#f5f6ff);cursor:pointer;background:#0c0c12e6;border:2px solid #464c7a73;border-radius:8px;padding:6px 10px;font-weight:600}.edit-settings-btn:hover{border-color:var(--chat-accent,#c736ff);background:#101018e6}.chat-header-right{color:var(--chat-muted,#bdc4ffad);position:relative}.chat-menu-toggle{color:var(--chat-muted,#bdc4ffad);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex}.chat-menu-toggle:hover{color:var(--chat-strong,#f5f6ff)}.chevron{transition:transform .2s}.chevron--open{transform:rotate(-180deg)}.chat-menu{z-index:10;background:#0c0c12f2;border:1px solid #464c7a73;border-radius:8px;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.chat-menu__item{color:var(--chat-muted,#bdc4ffad);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.chat-menu__item:hover{color:var(--chat-strong,#f5f6ff);background:#464c7a40;outline:none}.chat-menu__item:focus-visible{color:var(--chat-strong,#f5f6ff);background:#464c7a40;outline:none}.chat-menu__item--active{color:var(--chat-strong,#f5f6ff);background:#4f2d7759}.chat-menu__item--active .chat-menu__icon{opacity:1}.chat-menu__item--action{border-top:1px solid #464c7a59}.chat-menu__icon{color:inherit;opacity:.7;flex-shrink:0}.chat-menu__item:hover .chat-menu__icon{opacity:1}.chat-menu__copy{flex-direction:column;display:flex}.chat-menu__label{font-weight:500}.chat-menu__description{display:none}.chat-menu__item--notify{background:#4f2d7740}.chat-menu__badge{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.chat-menu__bell{color:#fbbf24;margin-left:auto;animation:2s ease-in-out infinite bellShake}@keyframes bellShake{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-8deg)}20%,40%{transform:rotate(8deg)}50%{transform:rotate(0)}}.chat-menu__item--logout{border-top:1px solid #ffffff14;margin-top:4px;padding-top:12px}.chat-menu__item--logout:hover{background:#ef444426}.chat-menu__item--logout .chat-menu__icon{color:#ef4444}
.copy-box{box-shadow:var(--chat-shadow,12px 12px 0 #000000d9);background:#0c0c12e6;border:2px solid #434a788c;border-radius:12px;margin-top:18px}.copy-row{grid-template-columns:140px 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.copy-row+.copy-row{border-top:1px solid #434a7873}.copy-label{color:var(--chat-muted,#bdc4ffad);font-size:.9rem;font-weight:600}.copy-value{align-items:center;gap:8px;display:flex}.copy-value code{color:var(--chat-accent,#c736ff);word-break:break-all;background:#07070cd9;border:1px solid #434a7880;border-radius:8px;padding:8px 10px;display:inline-block}.copy-value code.masked{color:#d7daff99;letter-spacing:2px}.copy-action{color:var(--chat-strong,#f5f6ff);cursor:pointer;background:#0c0c12e6;border:2px solid #434a7880;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:inline-flex}.copy-action.ghost{background:#0c0c12cc}.copy-action:hover{border-color:var(--chat-accent,#c736ff);color:var(--chat-accent,#c736ff);background:#101018e6}@media (max-width:560px){.copy-row{grid-template-columns:1fr}}
.progressive-display{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;display:flex}.progress-bar-container{background:#ffffff1a;border-radius:10px;width:100%;max-width:900px;height:8px;margin-bottom:16px;margin-left:auto;margin-right:auto;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;height:100%;transition:width .3s;box-shadow:0 0 20px #6366f180}.message-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0006;border:2px solid #6366f14d;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;height:max(180px,min(38vh,420px));margin-bottom:25px;margin-left:auto;margin-right:auto;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000004d}.message-container.copy-enabled,.message-container.copy-enabled .message-content,.message-container.copy-enabled .word{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.message-container.interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .5s,border-color .3s;position:relative;overflow:hidden}.message-container.interactive:hover{border-color:#6366f180;box-shadow:inset 0 2px 10px #0000004d,0 0 20px #6366f133}.message-container.interactive:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff08 50%,#0000 70%),radial-gradient(circle at 20% 30%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61a 0%,#0000 50%);animation:3s infinite noisePattern;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes noisePattern{0%,to{opacity:.3}50%{opacity:.6}}.message-content{-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:250px;position:relative}.start-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.start-title{font-size:1.2rem;font-weight:800}.start-subtitle{color:#ffffffbf}.start-hint{color:#9aa9ff;font-weight:600}.message-content.simple-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:20px;display:flex}.word{opacity:0;letter-spacing:1px;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;background:#0009;border:2px solid #fff3;border-radius:10px;padding:12px 20px;font-size:max(1rem,min(4.5vw,1.8rem));font-weight:600;display:inline-block;box-shadow:0 4px 15px #00000080}.positioned-word{z-index:10}.simple-word{color:#fff;background:#6366f133;border:2px solid #6366f166;position:relative}.decoy-word{z-index:5;filter:blur(1px);font-size:max(.9rem,min(3.5vw,1.5rem));font-weight:400;animation:1s ease-in-out decoyFade}@keyframes fadeInWord{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.3)rotate(180deg)}50%{filter:blur(3px)}to{opacity:1;filter:blur()}}@keyframes decoyFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.fade-in-word{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards fadeInWord}.interaction-hint{text-align:center;z-index:20;background:#000000b3;border:1px solid #6366f14d;border-radius:10px;padding:15px 30px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hint-text{color:#fff9;margin-bottom:10px;font-size:max(.85rem,min(3.5vw,1rem))}.hint-icon{color:#6366f1;font-size:max(1.2rem,min(6vw,2rem));animation:1.5s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.completion-display{flex-direction:column;align-items:center;gap:20px;display:flex}.complete-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 4px 20px #10b98166}.complete-text{color:#6ee7b7;font-size:max(1rem,min(4vw,1.5rem));font-weight:600}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.display-stats{justify-content:space-around;gap:15px;width:100%;max-width:900px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:flex}.copy-message-actions{justify-content:center;width:100%;max-width:900px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:flex}.copy-message-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .2s}.copy-message-btn:hover{background:#ffffff29;border-color:#ffffff4d}.stat{text-align:center;background:#ffffff0d;border-radius:10px;flex:1;padding:15px}.stat-label{color:#fff9;margin-bottom:5px;font-size:.85rem;display:block}.stat-value{color:#6366f1;font-size:max(.95rem,min(4vw,1.2rem));font-weight:700;display:block}.security-notice{color:#fffc;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;align-items:center;gap:12px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:12px 14px;font-size:.9rem;line-height:1.5;display:flex}.security-icon{font-size:1.2rem}.message-container::-webkit-scrollbar{width:8px}.message-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.message-container::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.message-container::-webkit-scrollbar-thumb:hover{background:#6366f1b3}@media (max-width:600px){.progress-bar-container{height:6px;margin-bottom:12px}.message-container{border-width:1px;border-radius:12px;max-width:100%;height:max(160px,min(40vh,360px));padding:14px}.message-content{min-height:160px}.word{letter-spacing:.5px;border-width:1px;padding:8px 12px;font-size:1.25rem;box-shadow:0 3px 10px #0006}.decoy-word{font-size:1.1rem}.interaction-hint{border-radius:8px;padding:10px 16px;bottom:12px}.hint-text{margin-bottom:6px;font-size:.9rem}.hint-icon{font-size:1.5rem}.complete-icon{width:72px;height:72px;font-size:2.5rem}.complete-text{font-size:1.2rem}.display-stats{flex-direction:column;gap:6px;margin-bottom:10px}.stat{padding:10px}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}.security-notice{gap:8px;padding:10px 12px;font-size:.8rem}.message-container::-webkit-scrollbar{width:6px}}@media (min-width:1200px){.message-container{max-width:1000px}}@media (max-width:360px){.word{padding:6px 10px;font-size:1.1rem}.hint-text{font-size:.8rem}.hint-icon{font-size:1.2rem}.progress-bar-container{height:5px}}@media (max-height:500px) and (orientation:landscape){.message-container{min-height:180px;max-height:55vh}.message-content{min-height:120px}.interaction-hint{bottom:8px}.display-stats{margin-bottom:10px}}
.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.modal-card{--modal-accent:#7a6dff;--modal-accent-alt:#57c3ff;--toggle-glow:#7a6dff8c;background:radial-gradient(circle at 18% 22%,#1c182c75 0%,#0000 58%),radial-gradient(circle at 82% 30%,#281a3466 0%,#0000 60%),linear-gradient(155deg,#03040c 0%,#000004 70%);border:1px solid #3c405e8c;border-radius:18px;width:min(560px,92vw);max-height:min(90vh,700px);padding:26px;position:relative;overflow-x:hidden;overflow-y:auto;box-shadow:20px 24px #000000e6}.modal-card::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar-track{background:#0c0e1c99;border-radius:4px}.modal-card::-webkit-scrollbar-thumb{background:#7a6dff66;border-radius:4px}.modal-card::-webkit-scrollbar-thumb:hover{background:#7a6dff99}.modal-card:before{content:"";opacity:.25;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 36% 32%,#7a6dff29 0%,#0000 66%),radial-gradient(circle at 68% 74%,#57c3ff1f 0%,#0000 64%);position:absolute;top:-32%;bottom:-32%;left:-32%;right:-32%}.modal-title{color:#e8eeffeb;letter-spacing:.04em;margin:0 0 4px;font-size:1.25rem}.modal-subtitle{color:#c4ccecad;margin:0 0 12px;font-size:.95rem}.identity-inline{align-items:center;gap:10px;margin-bottom:8px;display:inline-flex}.identity-inline span{color:var(--modal-accent,#7a6dff);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.badge-dot{background:var(--modal-accent,#7a6dff);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #7a6dff73}.inline-edit{color:#e4ecf8e6;cursor:pointer;background:#121426e0;border:1px solid #7a6dff59;border-radius:10px;padding:8px 12px;font-weight:600;transition:all .2s}.inline-edit:hover{color:#f4f8fff2;background:#181830eb;border-color:#7a6dff8c}.modal-section{margin:12px 0}.accordion-section{margin:16px 0}.accordion-header{color:#e2eafce6;cursor:pointer;background:#04040ae6;border:2px solid #3438527a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.accordion-header:hover{background:#080812f0;border-color:#7a6dff8c}.accordion-header.open{background:#080812f0;border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion-header span:first-child{color:#e2eafce6;text-transform:none;letter-spacing:normal}.accordion-icon{color:var(--modal-accent,#7a6dff);text-transform:none;letter-spacing:normal;font-size:1.2rem;font-weight:700;transition:transform .2s}.accordion-content{opacity:0;visibility:hidden;background:#04040ab3;border:0 solid #3438527a;border-bottom-right-radius:12px;border-bottom-left-radius:12px;max-height:0;transition:max-height .3s ease-out,opacity .2s,visibility 0s linear .3s,border-width 0s linear .3s;overflow:hidden}.accordion-content.open{opacity:1;visibility:visible;border-width:0 2px 2px;max-height:300px;transition:max-height .3s ease-out,opacity .2s,visibility linear,border-width linear}.accordion-inner{padding:16px}.expiry-section{opacity:0;max-height:0;margin:0;padding:0;transition:max-height .3s,opacity .2s;overflow:hidden}.expiry-section.open{opacity:1;max-height:320px;margin:12px 0;padding:8px 0 0}.modal-input{margin-top:8px}.modal-input label{margin-bottom:6px;font-weight:600;display:block}.modal-input input{color:#e6ecfceb;background:#0c1020d1;border:1px solid #6876bc73;border-radius:10px;width:100%;padding:12px;font-size:1rem}.modal-input input:focus{border-color:#f85080cc;outline:none;box-shadow:0 0 16px #ff407073}.modal-input input:hover,.inline-input:hover,.inline-select:hover{border-color:#f850808c;box-shadow:0 0 16px #ff407047}.inline-edit:hover,.inline-edit:focus{border-color:#f85080bf;outline:none;box-shadow:0 0 14px #ff407066}.inline-input:focus,.inline-select:focus{border-color:#f85080bf;outline:none;box-shadow:0 0 16px #ff407073}.checkbox-label.compact{border-radius:10px;padding:10px 12px}.segment-group{background:#0c1020e6;border:1px solid #7a6dff47;border-radius:14px;display:inline-flex;overflow:hidden;box-shadow:4px 4px 12px #06081666}.segment{color:#d2dcf8b3;cursor:pointer;background:0 0;border:none;padding:8px 12px}.segment+.segment{border-left:1px solid #7a6dff38}.segment.active{color:#f0f6fff2;background:linear-gradient(135deg,#7a6dff52,#57c3ff42);font-weight:700}.inline-group{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.inline-input{color:#e6ecfceb;background:#0c1020d1;border:1px solid #6876bc73;border-radius:10px;width:90px;padding:10px}.inline-select{color:#e6ecfceb;background:#0c1020db;border:1px solid #6e7ec66b;border-radius:10px;padding:10px}.presets{gap:6px;margin-left:6px;display:inline-flex}.preset-btn{color:#e0eafce6;cursor:pointer;background:#101224e0;border:1px solid #7a6dff59;border-radius:10px;padding:8px 12px;transition:all .2s}.preset-btn:hover{color:#f0f8fff5;background:#181a3aeb;border-color:#7a6dff8c}.modal-card .checkbox-label{cursor:pointer;background:#04040ae6;border:2px solid #3438527a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex;position:relative}.modal-card .checkbox-label:hover{background:#080812f0;border-color:#f85080a6;box-shadow:0 0 18px #ff407040}.modal-card .checkbox-label span{color:#e2eafce6;font-size:.95rem;font-weight:600}.modal-card .checkbox-label:after{content:"";background:#02020aeb;border:2px solid #3a3e5c73;border-radius:12px;width:44px;height:24px;transition:all .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.modal-card .checkbox-label:before{content:"";z-index:1;background:#e2e4ffeb;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;right:40px;transform:translateY(-50%);box-shadow:0 0 8px #00000059}.modal-card .checkbox-label:has(input:checked):after{background:linear-gradient(135deg,#7a6dffcc,#57c3ffad);border-color:#7a6dffbf;box-shadow:0 0 16px #ff407059}.modal-card .checkbox-label:has(input:checked):before{background:#0a0c1ce6;transform:translateY(-50%)translate(20px);box-shadow:0 0 14px #ff407073}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 18px;font-weight:600}.btn.secondary{color:#dce8faeb;background:#0e1428d9;border-color:#6e7ec652}.btn.primary{color:#0a0c1eeb;background:linear-gradient(135deg,#7a6dffc7,#57c3ffad);border-color:#7a6dff99;box-shadow:12px 12px #000000ad}.modal-actions .btn{border:2px solid #0000;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .2s}.modal-actions .btn:hover{border-color:#f85080a6;box-shadow:0 0 18px #ff407047}@media (max-width:600px){.modal-card{border-radius:14px;width:95vw;max-height:85vh;padding:20px 16px;box-shadow:12px 12px #000000e6}.modal-title{font-size:1.1rem}.modal-subtitle{font-size:.9rem}.identity-inline{flex-wrap:wrap;gap:8px}.identity-inline span{font-size:.8rem}.inline-edit{padding:6px 10px;font-size:.85rem}.accordion-header{padding:12px 14px;font-size:.9rem}.accordion-inner{padding:12px}.modal-card .checkbox-label{padding:12px 14px}.modal-card .checkbox-label span{padding-right:50px;font-size:.88rem}.segment-group{border-radius:10px;flex-wrap:wrap}.segment{padding:6px 10px;font-size:.9rem}.inline-group{gap:6px}.inline-input{width:70px;padding:8px;font-size:.9rem}.inline-select{padding:8px;font-size:.9rem}.presets{width:100%;margin-top:8px;margin-left:0}.preset-btn{padding:6px 10px;font-size:.85rem}.modal-actions{flex-direction:column;gap:10px}.modal-actions .btn{justify-content:center;width:100%}.btn.primary{box-shadow:8px 8px #000000ad}}@media (max-width:380px){.modal-card{padding:16px 12px}.modal-card .checkbox-label{padding:10px 12px}.modal-card .checkbox-label span{font-size:.82rem}.modal-card .checkbox-label:after{width:38px;height:20px;right:12px}.modal-card .checkbox-label:before{width:14px;height:14px;right:34px}.modal-card .checkbox-label:has(input:checked):before{transform:translateY(-50%)translate(18px)}}
.install-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s installFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes installFadeIn{0%{opacity:0}to{opacity:1}}.install-modal{text-align:center;background:linear-gradient(145deg,#1a1a2e 0%,#16162a 100%);border:1px solid #6366f14d;border-radius:20px;width:100%;max-width:380px;padding:32px 28px;animation:.4s cubic-bezier(.16,1,.3,1) installSlideUp;position:relative;box-shadow:0 24px 48px #0006,0 0 80px #6366f126,inset 0 1px #ffffff0d}@keyframes installSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.install-modal-close{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.install-modal-close:hover{color:#fffc;background:#ffffff1a}.install-modal-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;position:relative;box-shadow:0 8px 24px #6366f166}.install-modal-icon-img{box-shadow:none;background:0 0;border-radius:0;width:88px;height:88px}.install-modal-icon-img img{object-fit:contain;z-index:1;width:100%;height:100%;position:relative}.install-modal-icon-glow{background:radial-gradient(circle,#6366f14d 0%,#0000 70%);border-radius:24px;animation:2s ease-in-out infinite installPulse;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}@keyframes installPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.install-modal-title{color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:1.5rem;font-weight:700}.install-modal-desc{color:#fff9;margin:0 0 24px;font-size:.95rem;line-height:1.6}.install-modal-ios{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-bottom:24px;padding:16px}.install-modal-ios-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.85rem}.install-modal-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.install-modal-steps li{color:#fffc;align-items:center;gap:10px;font-size:.95rem;display:flex}.install-modal-steps li svg{color:#6366f1;flex-shrink:0}.install-modal-steps li strong{color:#fff}.install-modal-features{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.install-modal-feature{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:flex}.install-modal-feature svg{color:#6366f1}.install-modal-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.install-modal-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.install-modal-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 16px #6366f166}.install-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.install-modal-btn-secondary{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a}.install-modal-btn-secondary:hover{color:#fff;background:#ffffff14}.install-modal-dont-show{color:#fff6;cursor:pointer;background:0 0;border:none;padding:8px;font-size:.8rem;transition:color .2s}.install-modal-dont-show:hover{color:#fff9;text-decoration:underline}@media (max-width:480px){.install-modal{border-radius:16px;padding:24px 20px}.install-modal-title{font-size:1.3rem}.install-modal-features{flex-direction:column;gap:10px}.install-modal-feature{justify-content:center}}
.cookie-banner{z-index:9998;padding:16px;animation:.4s cubic-bezier(.16,1,.3,1) cookieSlideUp;position:fixed;bottom:0;left:0;right:0}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{background:linear-gradient(145deg,#1a1a2e 0%,#16162a 100%);border:1px solid #6366f140;border-radius:16px;max-width:600px;margin:0 auto;padding:20px;box-shadow:0 -8px 32px #0006,0 0 60px #6366f11a}.cookie-banner-icon{color:#6366f1;background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.cookie-banner-title{color:#fff;margin:0 0 6px;font-size:1.1rem;font-weight:600}.cookie-banner-desc{color:#fff9;margin:0 0 16px;font-size:.9rem;line-height:1.5}.cookie-banner-details{background:#0003;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;display:flex}.cookie-option{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.cookie-option:hover{background:#ffffff0d;border-color:#6366f14d}.cookie-option-disabled{opacity:.7;cursor:not-allowed}.cookie-option input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:18px;height:18px}.cookie-option-disabled input[type=checkbox]{cursor:not-allowed}.cookie-option svg{color:#6366f1;flex-shrink:0}.cookie-option div{flex-direction:column;gap:2px;display:flex}.cookie-option strong{color:#fff;font-size:.9rem;font-weight:500}.cookie-option span{color:#ffffff80;font-size:.8rem}.cookie-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.cookie-btn{cursor:pointer;border:none;border-radius:10px;flex:1;min-width:100px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.cookie-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f14d}.cookie-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.cookie-btn-secondary{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff1a}.cookie-btn-secondary:hover{background:#ffffff1f}.cookie-btn-ghost{color:#fff9;background:0 0}.cookie-btn-ghost:hover{color:#ffffffe6;background:#ffffff0d}@media (max-width:480px){.cookie-banner{padding:12px}.cookie-banner-content{padding:16px}.cookie-banner-actions{flex-direction:column}.cookie-btn{width:100%}}