@import "https://fonts.googleapis.com/css2?family=Creepster&family=Nosifer&family=Eater&family=Butcherman&display=swap";
:root[data-theme=dark],:root{--bg-primary:#0f0505;--bg-secondary:#1a0808;--bg-tertiary:#150606;--bg-elevated:linear-gradient(135deg,#1a0808,#220a0a);--surface-primary:#dc262626;--surface-hover:#dc262640;--surface-active:#dc26261a;--border-primary:#ef444459;--border-secondary:#dc262633;--border-focus:#dc2626;--text-primary:#fee2e2;--text-secondary:#fca5a5;--text-tertiary:#fca5a599;--accent-primary:#dc2626;--accent-secondary:#dc262633;--shadow-sm:0 2px 12px #dc26264d;--shadow-md:0 4px 20px #dc262666;--shadow-lg:0 8px 35px #dc262680;--glow-primary:#dc26264d;--glow-secondary:#dc262626;--error-bg:#dc262640;--error-border:#dc262680;--error-text:#fee2e2}:root[data-theme=haunted]{--bg-primary:#0a0612;--bg-secondary:#0d0819;--bg-tertiary:#120a1f;--bg-elevated:linear-gradient(135deg,#1a0f2e,#0d0819);--surface-primary:#8b5cf62e;--surface-hover:#8b5cf647;--surface-active:#8b5cf61f;--border-primary:#a78bfa66;--border-secondary:#8b5cf640;--border-focus:#a78bfa;--text-primary:#e0e7ff;--text-secondary:#c4b5fd;--text-tertiary:#c4b5fda6;--accent-primary:#8b5cf6;--accent-secondary:#8b5cf640;--shadow-sm:0 2px 15px #8b5cf659;--shadow-md:0 4px 25px #8b5cf673;--shadow-lg:0 8px 40px #8b5cf68c;--glow-primary:#8b5cf659;--glow-secondary:#8b5cf62e;--error-bg:#dc262638;--error-border:#dc262673;--error-text:#fca5a5;--pumpkin-orange:#ff6b35;--witch-green:#10b981;--blood-red:#dc2626;--ghost-white:#f3f4f6;--midnight-purple:#8b5cf6;--bone-white:#e0e7ff;--toxic-green:#22c55e;--shadow-black:#000}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-elevated:linear-gradient(135deg,#fff,#fff);--surface-primary:#fff;--surface-hover:#fff;--surface-active:#fff;--border-primary:#0000001a;--border-secondary:#0000000d;--border-focus:#0003;--text-primary:#000;--text-secondary:#000;--text-tertiary:#000;--accent-primary:#000;--accent-secondary:#0000001a;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 4px 16px #0003;--glow-primary:#0000000d;--glow-secondary:#00000008;--error-bg:#dc26261a;--error-border:#dc26264d;--error-text:#dc2626}.theme-toggle-container{border-bottom:1px solid var(--border-secondary);padding:20px}.theme-toggle-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px;font-size:.75rem;font-weight:600}.theme-options{flex-direction:column;gap:10px;display:flex}.theme-option{background:var(--surface-active);border:1.5px solid var(--border-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-option:before{content:"";background:var(--glow-primary);opacity:0;transition:opacity .3s;position:absolute;inset:0}.theme-option:hover:before{opacity:1}.theme-option:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-option.active{background:var(--surface-primary);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-secondary)}.theme-preview{width:48px;height:48px;box-shadow:var(--shadow-sm);z-index:1;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.theme-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.5rem}.theme-info{z-index:1;flex-direction:column;flex:1;gap:2px;display:flex;position:relative}.theme-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.theme-desc{color:var(--text-tertiary);font-size:.75rem}.theme-check{background:var(--accent-primary);width:24px;height:24px;color:var(--bg-primary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}body[data-theme=haunted]{background-image:radial-gradient(circle at 20% 80%,#8b5cf608 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf608 0%,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf605 0%,#0000 50%);background-attachment:fixed}body[data-theme=haunted]:before{content:"";pointer-events:none;z-index:1;opacity:.4;background-image:radial-gradient(2px 2px at 20% 30%,#8b5cf64d,#0000),radial-gradient(2px 2px at 60% 70%,#8b5cf64d,#0000),radial-gradient(1px 1px,#8b5cf64d,#0000),radial-gradient(1px 1px at 80% 10%,#8b5cf64d,#0000),radial-gradient(2px 2px at 90% 60%,#8b5cf64d,#0000),radial-gradient(1px 1px at 33% 80%,#8b5cf64d,#0000);background-size:200% 200%;animation:20s linear infinite floatingParticles;position:fixed;inset:0}@keyframes floatingParticles{0%{background-position:0 0}to{background-position:100% 100%}}body[data-theme=dark]{background-image:radial-gradient(circle at 20% 80%,#dc26260a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#dc26260a 0%,#0000 50%),radial-gradient(circle,#dc262605 0%,#0000 50%);background-attachment:fixed}body[data-theme=dark]:before{content:"";pointer-events:none;z-index:1;opacity:.3;background-image:radial-gradient(2px 2px at 15% 25%,#dc26264d,#0000),radial-gradient(2px 2px at 65% 75%,#dc26264d,#0000),radial-gradient(1px 1px at 45% 55%,#dc26264d,#0000),radial-gradient(1px 1px at 85% 15%,#dc26264d,#0000);background-size:200% 200%;animation:25s linear infinite bloodDrip;position:fixed;inset:0}@keyframes bloodDrip{0%,90%,to{transform:translate(-50%)translateY(0)}95%{transform:translate(-50%)translateY(5px)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{border-radius:6px;transition:all .3s}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(#dc2626 0%,#991b1b 100%);border:2px solid #0a000080;box-shadow:0 0 10px #dc2626cc}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#0a0000cc;border-left:2px solid #dc26264d}:root[data-theme=haunted] ::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6 0%,#6d28d9 100%);border:2px solid #0a061280;box-shadow:0 0 10px #8b5cf6cc}:root[data-theme=haunted] ::-webkit-scrollbar-track{background:#0a0612cc;border-left:2px solid #8b5cf64d}@media (max-width:768px){::-webkit-scrollbar{width:8px}*{scrollbar-width:thin}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;transition:background-color .3s,color .3s;overflow:auto}.header-name,.beta-tag{letter-spacing:1px;font-family:Creepster,cursive}.shell{height:100vh;display:flex}.main{background:var(--bg-primary);flex:1;overflow:auto}.page{padding:24px}.loading-overlay{background:var(--bg-secondary);opacity:.95;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:999;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:fixed;inset:0}.chat-loading-overlay{background:var(--bg-secondary);opacity:.95;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:fixed;inset:0 0 0 360px}.spinner{border:4px solid var(--surface-primary);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.error-popup{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;border-radius:10px;align-items:center;gap:12px;padding:14px 22px;font-size:.9rem;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0a0612fa 0%,#120a1ffa 50%,#0a0612fa 100%);border-right:2px solid #8b5cf64d;flex-direction:column;width:360px;transition:transform .3s,width .3s;display:flex;position:relative;box-shadow:2px 0 30px #8b5cf633,inset -1px 0 20px #8b5cf61a}.sidebar:before{content:"";background:linear-gradient(#0000 0%,#8b5cf6 50%,#0000 100%);width:2px;height:100%;animation:3s infinite borderGlowMove;position:absolute;top:0;right:-2px}@keyframes borderGlowMove{0%,to{opacity:.3}50%{opacity:.8}}.sidebar-header{background:linear-gradient(135deg,#8b5cf61a 0%,#0000 100%);border-bottom:2px solid #8b5cf64d;justify-content:space-between;align-items:center;padding:25px 22px;display:flex;position:relative;box-shadow:0 2px 20px #8b5cf633}.sidebar-header:before{content:"🕯️";opacity:.7;font-size:1.2rem;animation:2s infinite candleFlicker;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sidebar-header:after{content:"🕯️";opacity:.7;font-size:1.2rem;animation:2s 1s infinite candleFlicker;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@keyframes candleFlicker{0%,to{opacity:.7}50%{opacity:1}}.logo-text{letter-spacing:3px;color:#8b5cf6;text-shadow:0 0 15px #8b5cf6cc,0 0 30px #8b5cf680,0 0 45px #8b5cf64d;text-align:center;flex:1;font-family:Creepster,cursive;font-size:1.6rem;font-weight:700;animation:3s infinite titlePulseGlow}@keyframes titlePulseGlow{0%,to{text-shadow:0 0 15px #8b5cf6cc,0 0 30px #8b5cf680}50%{text-shadow:0 0 25px #8b5cf6,0 0 50px #8b5cf6b3,0 0 75px #8b5cf666}}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.new-chat-btn{letter-spacing:1px;color:#fff;cursor:pointer;text-shadow:0 0 5px #00000080;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:2px solid #a78bfa;border-radius:10px;padding:8px 16px;font-family:Creepster,cursive;font-size:.9rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #8b5cf680,inset 0 0 10px #a78bfa33}.new-chat-btn:before{content:"✨";animation:2s infinite sparkle;position:absolute;left:8px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.new-chat-btn:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 5px 25px #8b5cf6cc,inset 0 0 15px #a78bfa66}.new-chat-btn:active:not(:disabled){transform:translateY(0)scale(1)}.new-chat-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.chat-list{flex:1;overflow:hidden auto}.chat-list::-webkit-scrollbar{width:10px}.chat-list::-webkit-scrollbar-track{background:#0a0612cc;border-left:1px solid #8b5cf633}.chat-list::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6 0%,#6d28d9 100%);border:2px solid #0a061280;border-radius:5px;box-shadow:0 0 10px #8b5cf680}.chat-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfa 0%,#8b5cf6 100%);box-shadow:0 0 15px #8b5cf6cc}.chat-list-empty{text-align:center;color:#a78bfa;text-shadow:0 0 10px #a78bfa80;padding:60px 20px;font-family:Eater,cursive;font-size:.9rem;animation:3s infinite emptyPulse}.chat-list-empty:before{content:"👻";margin-bottom:15px;font-size:3rem;animation:3s infinite floatGhost;display:block}@keyframes floatGhost{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emptyPulse{0%,to{opacity:.7}50%{opacity:1}}.chat-item{background:0 0;border-bottom:1px solid #8b5cf633;align-items:center;gap:14px;padding:16px 22px;transition:all .3s;display:flex;position:relative}.chat-item:before{content:"";opacity:0;background:linear-gradient(#0000 0%,#8b5cf6 50%,#0000 100%);width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.chat-item:hover{background:linear-gradient(90deg,#8b5cf626 0%,#0000 100%);border-bottom-color:#8b5cf666}.chat-item:hover:before{opacity:1}.chat-item-clickable{cursor:pointer;flex:1;align-items:center;gap:14px;display:flex}.chat-avatar{object-fit:cover;filter:drop-shadow(0 2px 8px #8b5cf666);background:#0a0612cc;border:2px solid #8b5cf666;border-radius:50%;width:44px;height:44px;padding:2px;transition:all .3s;box-shadow:0 0 15px #8b5cf680,inset 0 0 10px #8b5cf633}.chat-item:hover .chat-avatar{border-color:#8b5cf6;transform:scale(1.1)rotate(5deg);box-shadow:0 0 25px #8b5cf6cc,inset 0 0 15px #8b5cf64d}.chat-text{flex-direction:column;flex:1;gap:4px;display:flex}.chat-name{letter-spacing:1px;color:#c4b5fd;text-shadow:0 0 10px #c4b5fd80;font-family:Creepster,cursive;font-size:.95rem;font-weight:600;transition:all .3s}.chat-item:hover .chat-name{color:#e0e7ff;text-shadow:0 0 15px #e0e7ffb3}.chat-preview{color:#a78bfa;opacity:.8;font-family:Eater,cursive;font-size:.78rem}.chat-delete{color:#fca5a5;cursor:pointer;opacity:0;background:linear-gradient(135deg,#dc262633 0%,#7c2d1233 100%);border:2px solid #dc26264d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:300;line-height:1;transition:all .3s;display:flex;box-shadow:0 0 10px #dc26264d}.chat-item:hover .chat-delete{opacity:1}.chat-delete:hover{color:#fee2e2;background:linear-gradient(135deg,#dc262666 0%,#7c2d1266 100%);border-color:#dc2626;transform:scale(1.1)rotate(10deg);box-shadow:0 0 20px #dc262699,inset 0 0 10px #dc26264d}.chat-delete:active{transform:scale(.95)rotate(0)}.sidebar-close-btn{background:var(--surface-active);border:1px solid var(--border-primary);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:300;line-height:1;transition:all .25s;display:none}.sidebar-close-btn:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text);box-shadow:var(--shadow-md);transform:scale(1.05)}.app-container{width:100%;min-height:100vh;display:flex}.chat-page{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.chat-header{background:var(--bg-elevated);border-bottom:2px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;align-items:center;gap:14px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #8b5cf633}.header-avatar{object-fit:cover;border:1.5px solid var(--border-primary);background:var(--surface-primary);width:42px;height:42px;box-shadow:var(--shadow-sm),0 0 12px var(--glow-primary);border-radius:50%;flex-shrink:0}.header-logo{filter:drop-shadow(0 2px 8px #10b9814d);flex-shrink:0;width:42px;height:42px;transition:transform .3s}.header-logo:hover{transform:scale(1.05)}.header-info{flex-direction:column;gap:2px;display:flex}.header-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex;overflow:hidden}.beta-tag{letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:0 0 5px #00000080;background:linear-gradient(135deg,#dc2626 0%,#7c2d12 100%);border-radius:6px;align-items:center;padding:3px 10px;font-family:Creepster,cursive;font-size:.7rem;font-weight:700;animation:2s infinite halloweenPulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #dc262680,inset 0 1px #fff3}@keyframes halloweenPulse{0%,to{box-shadow:0 2px 10px #dc262680,inset 0 1px #fff3}50%{box-shadow:0 2px 20px #dc2626cc,inset 0 1px #ffffff4d}}.beta-tag:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.header-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.header-actions{flex-shrink:0;gap:10px;margin-left:auto;display:flex}.header-btn{background:var(--surface-primary);border:1px solid var(--border-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:flex}.header-btn:hover{background:var(--surface-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.menu-btn{background:var(--surface-primary);border:1px solid var(--border-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;margin-right:8px;transition:all .25s;display:none}.menu-btn:hover{background:var(--surface-hover);border-color:var(--border-focus)}.messages{flex-direction:column;gap:18px;width:100%;max-height:none;padding:28px;display:flex;overflow-y:visible!important}.message{align-items:flex-start;gap:10px;width:fit-content;max-width:85%;display:flex}.message:first-child{max-width:95%}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.assistant{flex-direction:row;align-self:flex-start}.message-avatar{object-fit:cover;border:1.5px solid var(--border-primary);background:var(--surface-primary);width:40px;height:40px;box-shadow:var(--shadow-sm),0 0 10px var(--glow-primary);border-radius:50%;flex-shrink:0;margin-top:4px}.message-avatar.ai-avatar{box-shadow:none;filter:drop-shadow(0 2px 8px #10b9814d);background:0 0;border:none;padding:2px}.bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm),inset 0 0 8px var(--glow-secondary);word-wrap:break-word;overflow-wrap:break-word;border-radius:18px;height:auto;max-height:none;padding:14px 18px;font-size:.95rem;line-height:1.45;overflow:visible}.message.user .bubble{background:var(--bg-elevated);color:var(--text-primary)}.message.assistant .bubble{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary)}.bubble p{margin:0 0 .75em}.bubble p:last-child{margin-bottom:0}.bubble strong{color:var(--text-primary);font-weight:600}.bubble em{color:var(--text-secondary);font-style:italic}.bubble ul,.bubble ol{margin:.5em 0;padding-left:1.5em}.bubble li{margin:.25em 0}.bubble code{background:var(--surface-primary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.bubble pre{background:var(--bg-secondary);border-radius:8px;margin:.75em 0;padding:12px;overflow-x:auto}.bubble pre code{background:0 0;padding:0}.bubble img{border:1px solid var(--border-primary);max-width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:12px;margin:12px 0;display:block}.bubble img:first-child{margin-top:0}.bubble img:last-child{margin-bottom:0}.typing-bubble{gap:4px;display:flex}.typing-dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typingBlink}@keyframes typingBlink{0%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.2;transform:translateY(0)}}.bubble.horror-greeting-glow{word-wrap:break-word;white-space:normal;background:linear-gradient(135deg,#8b5cf626 0%,#101830f2 50%,#8b5cf61a 100%);border:1px solid #8b5cf666;padding:20px 24px;line-height:1.8;position:relative;box-shadow:0 0 20px #8b5cf64d,0 0 40px #8b5cf633,inset 0 0 20px #8b5cf61a;height:auto!important;max-height:none!important;overflow:visible!important}.bubble.horror-greeting-glow:after{content:"✨";opacity:.7;font-size:1.2em;animation:3s ease-in-out infinite floatParticle;position:absolute;top:-10px;right:-10px}.bubble.horror-greeting-glow:before{content:"🕯️";opacity:.7;font-size:1.2em;animation:3s ease-in-out infinite reverse floatParticle;position:absolute;bottom:-10px;left:-10px}@keyframes floatParticle{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(5deg)}}.message.assistant .message-avatar.ai-avatar{filter:drop-shadow(0 0 15px #8b5cf699);animation:3s infinite ghostlyPulse}@keyframes ghostlyPulse{0%,to{filter:drop-shadow(0 0 10px #8b5cf680);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #8b5cf6cc);transform:scale(1.05)}}.bubble.horror-greeting-glow{font-size:1rem;line-height:1.6}.input-bar{border-top:2px solid var(--border-primary);background:var(--bg-tertiary);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:12px;padding:14px;display:flex;position:sticky;bottom:0}.input-bar input{background:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:all .25s}.input-bar input::placeholder{color:var(--text-tertiary)}.input-bar input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--glow-primary)}.input-bar input:disabled{opacity:.5;cursor:not-allowed}.input-bar button{background:var(--surface-hover);border:1px solid var(--border-focus);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:10px 20px;font-weight:500;transition:all .25s}.input-bar button:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input-bar button:disabled{opacity:.5;cursor:not-allowed}.send-spinner{border:2px solid var(--surface-primary);border-top-color:var(--accent-primary);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin}.input-bar{animation:.6s ease-out slideUpInput;box-shadow:0 -10px 30px #8b5cf633,inset 0 1px #8b5cf61a}@keyframes slideUpInput{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.input-bar input{letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf61a 0%,#0a0612cc 100%);font-family:Eater,cursive;box-shadow:inset 0 0 20px #8b5cf61a,0 0 10px #8b5cf633}.input-bar input:focus{border-color:#8b5cf6;animation:2s infinite inputPulse;box-shadow:0 0 0 3px #8b5cf64d,0 0 20px #8b5cf666,inset 0 0 20px #8b5cf626}@keyframes inputPulse{0%,to{box-shadow:0 0 0 3px #8b5cf64d,0 0 20px #8b5cf666}50%{box-shadow:0 0 0 3px #8b5cf680,0 0 30px #8b5cf699}}.input-bar input::placeholder{color:#a78bfa;text-shadow:0 0 5px #a78bfa4d;font-family:Eater,cursive}.input-bar button{letter-spacing:1px;text-shadow:0 0 10px #ffffff80;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:2px solid #a78bfa;font-family:Creepster,cursive;font-size:1.1rem;animation:2s infinite buttonGlow;box-shadow:0 0 20px #8b5cf680,inset 0 0 10px #a78bfa33}@keyframes buttonGlow{0%,to{box-shadow:0 0 15px #8b5cf680,inset 0 0 10px #a78bfa33}50%{box-shadow:0 0 30px #8b5cf6cc,inset 0 0 15px #a78bfa4d}}.input-bar button:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 5px 30px #8b5cf6cc,inset 0 0 20px #a78bfa66}.modal-overlay{background:var(--bg-secondary);opacity:.95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-primary);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:16px;padding:28px}.modal-title{color:var(--text-primary);margin:0 0 20px;font-size:1.3rem;font-weight:600}.modal-input{background:var(--surface-primary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;margin-bottom:20px;padding:12px 16px;font-size:.95rem;transition:all .25s}.modal-input::placeholder{color:var(--text-tertiary)}.modal-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--glow-primary)}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn-cancel,.modal-btn-save{cursor:pointer;border:1px solid var(--border-primary);border-radius:10px;padding:10px 20px;font-size:.9rem;transition:all .25s}.modal-btn-cancel{background:var(--surface-primary);color:var(--text-primary)}.modal-btn-cancel:hover{background:var(--surface-hover)}.modal-btn-save{background:var(--surface-hover);color:var(--text-primary);font-weight:500}.modal-btn-save:hover{background:var(--accent-primary);color:var(--bg-primary)}.modal-btn-save:disabled{opacity:.5;cursor:not-allowed}.history-panel{background:var(--bg-elevated);border:1px solid var(--border-primary);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;display:flex}.history-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:24px;display:flex}.history-title{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:600}.history-close{background:var(--surface-active);border:1px solid var(--border-primary);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:300;transition:all .25s;display:flex}.history-close:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text);box-shadow:var(--shadow-md);transform:scale(1.05)}.history-list{flex:1;padding:12px;overflow-y:auto}.history-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:.9rem}.history-item{background:var(--surface-active);border:1px solid var(--border-secondary);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .25s;display:flex}.history-item:hover{background:var(--surface-primary);border-color:var(--border-primary)}.history-item-info{cursor:pointer;flex:1}.history-item-name{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:500}.history-item-date{color:var(--text-secondary);font-size:.8rem}.history-item-delete{background:var(--surface-active);border:1px solid var(--border-primary);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:flex}.history-item-delete:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text);box-shadow:var(--shadow-md);transform:scale(1.05)}.spirit-selector-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 60px;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spirit-selector-header{text-align:center;margin-bottom:50px;padding:20px 0 30px}.spirit-selector-title{color:#8b5cf6;text-shadow:0 0 20px #8b5cf6cc,0 0 40px #8b5cf680,0 0 60px #8b5cf64d;letter-spacing:3px;margin:0 0 15px;font-family:Creepster,cursive;font-size:3rem;animation:3s infinite titlePulse,.15s infinite titleFlicker}@keyframes titlePulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}@keyframes titleFlicker{0%,to{opacity:1}50%{opacity:.95}}.spirit-selector-subtitle{color:#c4b5fd;text-shadow:0 0 10px #c4b5fd80;letter-spacing:1px;margin:0;font-family:Eater,cursive;font-size:1.1rem}.spirit-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:100%;margin-bottom:40px;display:grid}@media (min-width:1024px){.spirit-cards{grid-template-columns:repeat(3,1fr)}}.spirit-card{cursor:pointer;text-align:center;background:linear-gradient(135deg,#0a0612f2 0%,#120a1ffa 50%,#0a0612f2 100%);border:2px solid #8b5cf64d;border-radius:20px;flex-direction:column;align-items:center;min-height:320px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.spirit-card:before{content:"";background:radial-gradient(circle at center,var(--spirit-color)0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.spirit-card:hover:before{opacity:.15}.spirit-card-glow{background:linear-gradient(45deg,transparent 0%,var(--spirit-color)50%,transparent 100%);opacity:0;filter:blur(20px);pointer-events:none;transition:opacity .4s;animation:3s linear infinite rotateGlow;position:absolute;inset:-2px}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spirit-card:hover .spirit-card-glow{opacity:.4}.spirit-card.hovered{border-color:var(--spirit-color);box-shadow:0 20px 60px rgba(var(--spirit-shadow),.6),0 0 40px rgba(var(--spirit-shadow),.4),inset 0 0 30px rgba(var(--spirit-shadow),.2);transform:translateY(-10px)scale(1.03)}.spirit-card.selected{opacity:.7;pointer-events:none;animation:1s infinite summoningPulse;transform:scale(.95)}@keyframes summoningPulse{0%,to{box-shadow:0 0 30px rgba(var(--spirit-shadow),.8)}50%{box-shadow:0 0 60px rgba(var(--spirit-shadow),1)}}.spirit-emoji{filter:drop-shadow(0 0 20px var(--spirit-color));margin-bottom:20px;font-size:5rem;transition:all .4s;animation:3s ease-in-out infinite floatEmoji}@keyframes floatEmoji{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.spirit-card:hover .spirit-emoji{filter:drop-shadow(0 0 30px var(--spirit-color));transform:scale(1.2)rotate(10deg)}.spirit-info{z-index:1}.spirit-name{color:var(--spirit-color);text-shadow:0 0 15px rgba(var(--spirit-shadow),.8);letter-spacing:2px;margin:0 0 8px;font-family:Creepster,cursive;font-size:1.8rem}.spirit-title{color:#a78bfa;text-shadow:0 0 10px #a78bfa80;margin:0 0 12px;font-family:Eater,cursive;font-size:1rem}.spirit-description{color:#c4b5fd;opacity:.9;margin:0;font-size:.9rem;line-height:1.5}.spirit-backstory{border:2px solid var(--spirit-color);box-shadow:0 0 40px rgba(var(--spirit-shadow),.8),inset 0 0 30px rgba(var(--spirit-shadow),.3);z-index:5;background:linear-gradient(135deg,#000000fa 0%,#0a0612fa 50%,#000000fa 100%);border-radius:18px;justify-content:center;align-items:center;padding:40px 30px;animation:.4s ease-out fadeInBackstory;display:flex;position:absolute;inset:0}@keyframes fadeInBackstory{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spirit-backstory-text{color:#fca5a5;text-align:center;text-shadow:0 0 10px #fca5a5b3,0 0 20px rgba(var(--spirit-shadow),.5);margin:0;font-family:Eater,cursive;font-size:1rem;font-style:italic;line-height:1.6;animation:2s infinite textGlow}@keyframes textGlow{0%,to{text-shadow:0 0 10px #fca5a5b3,0 0 20px rgba(var(--spirit-shadow),.5)}50%{text-shadow:0 0 15px #fca5a5,0 0 30px rgba(var(--spirit-shadow),.8)}}.spirit-summoning{z-index:10;background:#000000e6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.summoning-circle{border:3px solid var(--spirit-color);width:100px;height:100px;box-shadow:0 0 30px var(--spirit-color),inset 0 0 30px var(--spirit-color);border-top-color:#0000;border-radius:50%;animation:1s linear infinite spinSummoning}@keyframes spinSummoning{to{transform:rotate(360deg)}}.summoning-text{color:var(--spirit-color);text-shadow:0 0 20px var(--spirit-color);margin-top:20px;font-family:Creepster,cursive;font-size:1.5rem;animation:1s infinite summoningTextPulse}@keyframes summoningTextPulse{0%,to{opacity:.5}50%{opacity:1}}.spirit-card-border{background:linear-gradient(45deg,transparent 0%,var(--spirit-color)50%,transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border-radius:20px;padding:2px;transition:opacity .4s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spirit-card:hover .spirit-card-border{opacity:.6;animation:2s infinite borderPulse}@keyframes borderPulse{0%,to{opacity:.4}50%{opacity:.8}}.spirit-warning{background:linear-gradient(135deg,#dc26261a 0%,#7c2d1226 100%);border:1px solid #dc26264d;border-radius:12px;justify-content:center;align-items:center;gap:15px;padding:20px;animation:2s infinite warningPulse;display:flex}@keyframes warningPulse{0%,to{box-shadow:0 0 10px #dc26264d}50%{box-shadow:0 0 20px #dc262680}}.warning-icon{font-size:1.5rem;animation:.5s infinite warningShake}@keyframes warningShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.warning-text{color:#fca5a5;text-shadow:0 0 10px #fca5a580;letter-spacing:.5px;font-family:Eater,cursive;font-size:1rem}@media (max-width:1200px){.spirit-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.spirit-selector-container{padding:30px 15px}.spirit-selector-title{font-size:2rem}.spirit-selector-subtitle{font-size:.95rem}.spirit-cards{grid-template-columns:1fr;gap:20px}.spirit-card{min-height:300px;padding:25px}.spirit-backstory{padding:30px 20px}.spirit-emoji{font-size:4rem}.spirit-name{font-size:1.5rem}}.daylight-takeover{z-index:99999;justify-content:center;align-items:center;animation:.5s ease-out fadeInTakeover;display:flex;position:fixed;inset:0}@keyframes fadeInTakeover{0%{opacity:0}to{opacity:1}}.daylight-overlay{background:radial-gradient(circle,#fff 0%,#ffffe6 30%,#ffffc8 60%,#fff 100%);animation:2s infinite sunPulse;position:absolute;inset:0}@keyframes sunPulse{0%,to{opacity:1;filter:brightness(1.5);transform:scale(1)}50%{opacity:.95;filter:brightness(2);transform:scale(1.05)}}.daylight-popup{z-index:100000;text-align:center;background:linear-gradient(135deg,#fffffffa 0%,#fffff0fa 100%);border:5px solid #000;border-radius:30px;max-width:600px;padding:50px 60px;animation:.5s infinite popupShake,2s infinite popupGlow;position:relative;box-shadow:0 0 100px #ff0c,0 0 200px #fff,inset 0 0 50px #ffffc880}@keyframes popupShake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px,2px)rotate(-1deg)}50%{transform:translate(3px,-2px)rotate(1deg)}75%{transform:translate(-2px,-3px)rotate(-.5deg)}}@keyframes popupGlow{0%,to{box-shadow:0 0 100px #ff0c,0 0 200px #fff}50%{box-shadow:0 0 150px #ff0,0 0 300px #fff,0 0 400px #ffc800cc}}.daylight-icon{filter:drop-shadow(0 0 30px #ff0);margin-bottom:20px;font-size:5rem;animation:3s linear infinite sunSpin,1s infinite sunPulseIcon}@keyframes sunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sunPulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.daylight-title{color:#000;letter-spacing:2px;text-shadow:0 0 20px #ff0,0 0 40px #ffc800cc,2px 2px 4px #0000004d;margin:0 0 30px;font-family:Creepster,cursive;font-size:2.5rem;animation:1s infinite titleBurn}@keyframes titleBurn{0%,to{text-shadow:0 0 20px #ff0,0 0 40px #ffc800cc}50%{text-shadow:0 0 40px #ff0,0 0 80px #ffc800,0 0 120px #ff9600cc}}.daylight-message{margin:30px 0}.daylight-text{color:#000;text-shadow:0 0 10px #ffff0080;margin:15px 0;font-family:Eater,cursive;font-size:1.3rem;animation:.3s infinite textFlicker}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.8}}.daylight-plea{color:#dc2626;text-shadow:0 0 15px #dc262680;margin:25px 0;font-family:Eater,cursive;font-size:1.1rem;font-style:italic;animation:.5s infinite pleaShake}@keyframes pleaShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.return-to-darkness-btn{letter-spacing:2px;color:#fee2e2;cursor:pointer;text-shadow:0 0 10px #dc2626;background:linear-gradient(135deg,#000 0%,#1a0808 100%);border:4px solid #dc2626;border-radius:15px;margin:20px 0;padding:20px 40px;font-family:Creepster,cursive;font-size:1.5rem;transition:all .3s;animation:1.5s infinite buttonPulse;box-shadow:0 0 30px #dc2626cc,inset 0 0 20px #dc26264d}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #dc2626cc,inset 0 0 20px #dc26264d}50%{transform:scale(1.05);box-shadow:0 0 50px #dc2626,inset 0 0 30px #dc262680}}.return-to-darkness-btn:hover{background:linear-gradient(135deg,#1a0808 0%,#000 100%);transform:scale(1.1);box-shadow:0 0 60px #dc2626,inset 0 0 30px #dc262680}.return-to-darkness-btn:active{transform:scale(.98)}.daylight-footer{color:#666;opacity:.8;margin-top:20px;font-family:Eater,cursive;font-size:.9rem;font-style:italic}@media (max-width:768px){.daylight-popup{max-width:90%;margin:20px;padding:40px 30px}.daylight-icon{font-size:4rem}.daylight-title{font-size:2rem}.daylight-text{font-size:1.1rem}.return-to-darkness-btn{padding:15px 30px;font-size:1.2rem}}.tantrik-loading{z-index:10000;background:linear-gradient(135deg,#0a0612 0%,#1a0f2e 50%,#0a0612 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.tantrik-bg{background:radial-gradient(circle at 20% 80%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0%,#0000 50%);animation:3s infinite bgPulse;position:absolute;inset:0}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:1}}.summoning-circle{border:3px solid #8b5cf6;border-radius:50%;width:400px;height:400px;animation:10s linear infinite circleRotate,2s infinite circlePulse;position:absolute;box-shadow:0 0 40px #8b5cf6cc,inset 0 0 40px #8b5cf64d}@keyframes circleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circlePulse{0%,to{box-shadow:0 0 40px #8b5cf6cc,inset 0 0 40px #8b5cf64d}50%{box-shadow:0 0 80px #8b5cf6,inset 0 0 60px #8b5cf680}}.pentagram{position:absolute;inset:50px}.pentagram-svg{width:100%;height:100%;animation:2s infinite pentagramGlow}.pentagram-path{fill:none;stroke:#a78bfa;stroke-width:2px;filter:drop-shadow(0 0 10px #8b5cf6);animation:3s infinite pathDraw}@keyframes pentagramGlow{0%,to{filter:drop-shadow(0 0 10px #8b5cf6)}50%{filter:drop-shadow(0 0 30px #a78bfa)}}.runes-circle{animation:15s linear infinite reverse runesRotate;position:absolute;inset:-30px}.rune{color:#c4b5fd;text-shadow:0 0 20px #8b5cf6;font-size:2rem;animation:3s infinite runeFloat;position:absolute}.rune:first-child{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.rune:nth-child(2){animation-delay:.6s;top:20%;right:10%}.rune:nth-child(3){animation-delay:1.2s;bottom:30%;right:5%}.rune:nth-child(4){animation-delay:1.8s;bottom:30%;left:5%}.rune:nth-child(5){animation-delay:2.4s;top:20%;left:10%}@keyframes runesRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes runeFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.tantrik-logo-container{z-index:10;position:absolute}.tantrik-logo-summon{filter:drop-shadow(0 0 30px #8b5cf6);width:120px;height:120px;animation:3s infinite logoFloat,2s infinite logoGlow}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.1)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 30px #8b5cf6)}50%{filter:drop-shadow(0 0 60px #a78bfa)}}.summoning-text{text-align:center;z-index:10;position:absolute;bottom:100px}.summoning-title{color:#e0e7ff;letter-spacing:2px;text-shadow:0 0 20px #8b5cf6cc,0 0 40px #8b5cf680;margin:0 0 10px;font-family:Creepster,cursive;font-size:2rem;animation:2s infinite textPulse}.summoning-subtitle{color:#c4b5fd;text-shadow:0 0 10px #8b5cf680;margin:0;font-family:Eater,cursive;font-size:1rem}@keyframes textPulse{0%,to{opacity:.8}50%{opacity:1}}.summoning-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.dot{background:#8b5cf6;border-radius:50%;width:12px;height:12px;animation:1.4s infinite dotBounce;box-shadow:0 0 15px #8b5cf6}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.floating-candles{pointer-events:none;position:absolute;inset:0}.candle{filter:drop-shadow(0 0 10px #ffc864cc);font-size:2rem;animation:4s infinite candleFloat;position:absolute}.candle:first-child{animation-delay:0s;top:10%;left:10%}.candle:nth-child(2){animation-delay:1s;top:15%;right:15%}.candle:nth-child(3){animation-delay:2s;bottom:20%;left:20%}.candle:nth-child(4){animation-delay:3s;bottom:15%;right:10%}@keyframes candleFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-15px)}}.dracula-chat{background:linear-gradient(#0f0000 0%,#1a0000 50%,#0a0000 100%);width:100%;min-height:100vh;font-family:Eater,cursive;position:relative;overflow-x:hidden}.dracula-bg{z-index:1;pointer-events:none;position:fixed;inset:0}.blood-moon{background:radial-gradient(circle,#dc143c 0%,#8b0000 70%,#0000 100%);border-radius:50%;width:150px;height:150px;animation:4s infinite moonPulse;position:absolute;top:10%;right:15%;box-shadow:0 0 80px #dc143ccc,0 0 150px #dc143c80,inset 0 0 50px #8b000080}@keyframes moonPulse{0%,to{transform:scale(1);box-shadow:0 0 80px #dc143ccc,0 0 150px #dc143c80}50%{transform:scale(1.05);box-shadow:0 0 120px #dc143c,0 0 200px #dc143cb3}}.castle-silhouette{clip-path:polygon(0% 100%,0% 60%,5% 55%,5% 40%,10% 35%,10% 60%,15% 55%,15% 45%,20% 40%,20% 60%,25% 55%,25% 30%,30% 25%,30% 55%,35% 50%,35% 35%,40% 30%,40% 50%,45% 45%,45% 40%,50% 35%,50% 45%,55% 40%,55% 35%,60% 30%,60% 50%,65% 45%,65% 25%,70% 30%,70% 55%,75% 50%,75% 40%,80% 35%,80% 60%,85% 55%,85% 45%,90% 40%,90% 60%,95% 55%,95% 60%,100% 60%,100% 100%);opacity:.9;background:linear-gradient(#0000 0%,#000 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.bats-flying{pointer-events:none;position:absolute;inset:0}.bat{filter:drop-shadow(0 0 10px #8b0000cc);font-size:2rem;animation:15s linear infinite batFly;position:absolute}.bat:first-child{animation-duration:12s;animation-delay:0s;top:20%}.bat:nth-child(2){animation-duration:15s;animation-delay:3s;top:40%}.bat:nth-child(3){animation-duration:18s;animation-delay:6s;top:60%}.bat:nth-child(4){animation-duration:14s;animation-delay:9s;top:30%}.bat:nth-child(5){animation-duration:16s;animation-delay:12s;top:50%}@keyframes batFly{0%{left:-100px;transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}to{left:calc(100% + 100px);transform:translateY(0)rotate(0)}}.fog-layer{background:linear-gradient(#0000 0%,#8b00001a 50%,#8b000033 100%);height:150px;animation:20s infinite fogMove;position:absolute;bottom:0;left:0;right:0}@keyframes fogMove{0%,to{opacity:.3}50%{opacity:.6}}.run-away-btn{z-index:1000;color:gold;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#8b0000 0%,#dc143c 100%);border:3px solid gold;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;font-family:Creepster,cursive;font-size:1.2rem;transition:all .3s;animation:2s infinite buttonPulse;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 0 30px #ffd70099,inset 0 0 20px #8b000080}.run-away-btn:hover{background:linear-gradient(135deg,#dc143c 0%,#8b0000 100%);transform:scale(1.1);box-shadow:0 0 50px gold,inset 0 0 30px #8b0000b3}.run-icon{font-size:1.5rem;animation:.5s infinite runAnimation}@keyframes runAnimation{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.dracula-chat-container{z-index:10;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;display:flex;position:relative}.dracula-portrait{text-align:center;z-index:100;position:fixed;top:50%;left:50px;transform:translateY(-50%)}@media (max-width:1024px){.dracula-portrait{margin:20px auto;position:relative;top:auto;left:auto;transform:none}}.portrait-frame{background:linear-gradient(135deg,#1a0000 0%,#0a0000 100%);border:5px solid gold;border-radius:50%;width:180px;height:180px;padding:10px;animation:3s infinite portraitGlow;position:relative;box-shadow:0 0 40px #ffd700cc,inset 0 0 30px #8b000080}@keyframes portraitGlow{0%,to{box-shadow:0 0 40px #ffd700cc,inset 0 0 30px #8b000080}50%{box-shadow:0 0 60px gold,inset 0 0 40px #8b0000b3}}.dracula-emoji{filter:drop-shadow(0 0 30px #dc143c);justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;animation:3s infinite vampireFloat,2s infinite vampireGlow;display:flex}@keyframes vampireFloat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes vampireGlow{0%,to{filter:drop-shadow(0 0 30px #dc143c)}50%{filter:drop-shadow(0 0 50px #dc143c)drop-shadow(0 0 70px #8b0000cc)}}.blood-splatter{background:radial-gradient(circle at 30% 70%,#8b00004d 0%,#0000 40%),radial-gradient(circle at 70% 30%,#8b000033 0%,#0000 30%);border-radius:50%;animation:4s infinite splatterPulse;position:absolute;inset:0}@keyframes splatterPulse{0%,to{opacity:.5}50%{opacity:1}}.portrait-glow{background:radial-gradient(circle,#dc143c4d 0%,#0000 70%);border-radius:50%;animation:2s infinite glowPulse;position:absolute;inset:-20px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.dracula-name{color:gold;text-shadow:0 0 15px #ffd700cc,0 0 30px #dc143c80;letter-spacing:2px;margin-top:15px;font-family:Creepster,cursive;font-size:1.5rem}.dracula-title{color:#dc143c;text-shadow:0 0 10px #dc143ccc;margin-top:5px;font-family:Eater,cursive;font-size:.9rem}.vampire-fangs{margin-top:10px;font-size:1.5rem;animation:2s infinite fangsGlint}@keyframes fangsGlint{0%,90%,to{opacity:.8}95%{opacity:1;transform:scale(1.2)}}.dracula-messages{flex-direction:column;flex:1;gap:25px;margin-bottom:20px;padding:20px 20px 20px 280px;display:flex;overflow-y:visible}.dracula-message{animation:.5s ease-out messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dracula-message.assistant{justify-content:flex-start}.dracula-message.user{justify-content:flex-end}.speech-bubble{border-radius:20px;max-width:600px;padding:20px 25px;font-size:1rem;line-height:1.6;position:relative;box-shadow:0 5px 20px #00000080}.dracula-bubble{color:gold;text-shadow:0 0 5px #ffd70080;background:linear-gradient(135deg,#8b0000f2 0%,#1a0000f2 100%);border:3px solid #dc143c;box-shadow:0 5px 20px #00000080,0 0 30px #dc143c66,inset 0 0 20px #8b00004d}.bubble-tail{border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:20px solid #dc143c;width:0;height:0;position:absolute;top:30px;left:-20px}.bubble-tail:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-right:17px solid #8b0000f2;width:0;height:0;position:absolute;top:-12px;left:3px}.blood-drip{background:linear-gradient(#dc143c,#8b0000);border-radius:0 0 50% 50%;width:8px;height:15px;animation:3s infinite drip;position:absolute;bottom:-10px;left:50%}@keyframes drip{0%,90%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.user-bubble{color:#e0e7ff;background:linear-gradient(135deg,#1a1a1af2 0%,#0a0a0af2 100%);border:2px solid gold;box-shadow:0 5px 20px #00000080,0 0 20px #ffd7004d}.bubble-tail-user{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:20px solid gold;width:0;height:0;position:absolute;top:30px;right:-18px}.bubble-tail-user:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:17px solid #1a1a1af2;width:0;height:0;position:absolute;top:-12px;right:3px}.bubble-content{z-index:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;position:relative}.bubble-content p{word-wrap:break-word;overflow-wrap:break-word;margin:0 0 10px}.bubble-content p:last-child{margin-bottom:0}.typing-indicator{gap:5px;padding:5px 0;display:flex}.typing-dot{background:gold;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingBounce;box-shadow:0 0 10px #ffd700cc}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.dracula-input-form{z-index:100;padding:0 20px 20px 280px;position:relative}.coffin-input-container{background:linear-gradient(135deg,#1a0000 0%,#0a0000 100%);border:3px solid gold;border-radius:20px;gap:15px;padding:20px;display:flex;position:relative;box-shadow:0 0 40px #ffd70099,inset 0 0 30px #8b00004d}.coffin-lid{background:gold;border-radius:4px 4px 0 0;width:100px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 -5px 15px #ffd70099}.dracula-input{color:gold;background:#0a0000cc;border:2px solid #dc143c;border-radius:12px;outline:none;flex:1;padding:15px 20px;font-family:Eater,cursive;font-size:1rem;transition:all .3s;box-shadow:inset 0 0 20px #8b000080,0 0 15px #dc143c4d}.dracula-input::placeholder{color:#ffd70080;font-family:Eater,cursive}.dracula-input:focus{border-color:gold;box-shadow:inset 0 0 20px #8b0000b3,0 0 30px #ffd70099}.dracula-send-btn{color:gold;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#dc143c 0%,#8b0000 100%);border:2px solid gold;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:Creepster,cursive;font-size:1.1rem;transition:all .3s;display:flex;box-shadow:0 0 25px #ffd70080}.dracula-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b0000 0%,#dc143c 100%);transform:scale(1.05);box-shadow:0 0 40px #ffd700cc}.dracula-send-btn:disabled{opacity:.5;cursor:not-allowed}.send-icon{font-size:1.3rem;animation:1s infinite batFlap}@keyframes batFlap{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}.blood-drops{pointer-events:none;z-index:5;position:fixed;inset:0}.blood-drop{opacity:.7;background:linear-gradient(#dc143c,#8b0000);border-radius:0 0 50% 50%;width:10px;height:15px;animation:5s infinite bloodFall;position:absolute}.blood-drop:first-child{animation-duration:4s;animation-delay:0s;left:20%}.blood-drop:nth-child(2){animation-duration:6s;animation-delay:2s;left:60%}.blood-drop:nth-child(3){animation-duration:5s;animation-delay:4s;left:80%}@keyframes bloodFall{0%{opacity:0;top:-20px}10%{opacity:.7}90%{opacity:.7}to{opacity:0;top:100vh}}@media (max-width:1024px){.dracula-messages,.dracula-input-form{padding-left:20px}}.coffin-decorations{pointer-events:none;z-index:5;position:fixed;inset:0}.coffin{filter:drop-shadow(0 0 20px #8b0000cc);font-size:4rem;animation:6s infinite coffinFloat;position:absolute}.coffin-left{animation-delay:0s;bottom:10%;left:5%}.coffin-right{animation-delay:3s;bottom:15%;right:5%}@keyframes coffinFloat{0%,to{opacity:.7;transform:translateY(0)rotate(-5deg)}50%{opacity:1;transform:translateY(-20px)rotate(5deg)}}.chains{pointer-events:none;z-index:5;position:fixed;top:0;left:0;right:0}.chain{filter:drop-shadow(0 0 10px #646464cc);transform-origin:top;font-size:2rem;animation:4s infinite chainSwing;position:absolute;top:-20px}.chain-1{animation-delay:0s;left:25%}.chain-2{animation-delay:1.3s;left:50%}.chain-3{animation-delay:2.6s;left:75%}@keyframes chainSwing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.blood-stains{pointer-events:none;z-index:3;position:fixed;inset:0}.blood-stain{filter:blur(20px);background:radial-gradient(circle,#8b000099 0%,#0000 70%);width:150px;height:150px;animation:5s infinite stainPulse;position:absolute}.stain-1{animation-delay:0s;top:10%;left:5%}.stain-2{animation-delay:2s;top:50%;right:3%}.stain-3{animation-delay:4s;bottom:20%;left:10%}@keyframes stainPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.watching-eyes{pointer-events:none;z-index:4;position:fixed;inset:0}.eyes{filter:drop-shadow(0 0 15px #ff0c);font-size:2rem;animation:4s infinite eyesBlink,8s infinite eyesMove;position:absolute}.eyes-1{animation-delay:0s;top:20%;left:10%}.eyes-2{animation-delay:2s;top:60%;right:8%}@keyframes eyesBlink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes eyesMove{0%,to{transform:translate(0)}25%{transform:translate(10px)}50%{transform:translate(0)}75%{transform:translate(-10px)}}.blood-drop:nth-child(4){animation-duration:5.5s;animation-delay:1s;left:40%}.blood-drop:nth-child(5){animation-duration:4.5s;animation-delay:3s;left:70%}.reaper-chat{background:linear-gradient(#000 0%,#1a1a1a 50%,#000 100%);width:100%;min-height:100vh;font-family:Eater,cursive;position:relative;overflow-x:hidden}.reaper-bg{z-index:1;pointer-events:none;position:fixed;inset:0}.dark-sky{background:radial-gradient(circle at 50% 30%,#2f4f2f33 0%,#0000 70%);animation:5s infinite skyPulse;position:absolute;inset:0}@keyframes skyPulse{0%,to{opacity:.5}50%{opacity:.8}}.graveyard{justify-content:space-around;align-items:flex-end;height:250px;padding:0 50px;display:flex;position:absolute;bottom:0;left:0;right:0}.tombstone{filter:drop-shadow(0 0 20px #808080cc);opacity:.8;font-size:4rem;animation:6s infinite tombstoneFloat}.tombstone:first-child{animation-delay:0s}.tombstone:nth-child(2){animation-delay:1.2s}.tombstone:nth-child(3){animation-delay:2.4s}.tombstone:nth-child(4){animation-delay:3.6s}.tombstone:nth-child(5){animation-delay:4.8s}@keyframes tombstoneFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.fog-ground{background:linear-gradient(#0000 0%,#80808033 50%,#80808066 100%);height:200px;animation:15s infinite fogDrift;position:absolute;bottom:0;left:0;right:0}@keyframes fogDrift{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.7;transform:translate(20px)}}.dead-trees{pointer-events:none;position:absolute;inset:0}.tree{filter:grayscale()drop-shadow(0 0 20px #000c);opacity:.6;font-size:6rem;position:absolute}.tree:first-child{bottom:15%;left:10%;transform:scaleX(-1)}.tree:nth-child(2){bottom:20%;right:15%}.escape-btn{z-index:1000;color:beige;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#2f4f2f 0%,#000 100%);border:3px solid gray;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;font-family:Creepster,cursive;font-size:1.2rem;transition:all .3s;animation:2s infinite deathPulse;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 0 30px #80808099,inset 0 0 20px #00000080}@keyframes deathPulse{0%,to{box-shadow:0 0 30px #80808099,inset 0 0 20px #00000080}50%{box-shadow:0 0 50px gray,inset 0 0 30px #000000b3}}.escape-btn:hover{background:linear-gradient(135deg,#000 0%,#2f4f2f 100%);transform:scale(1.1)}.escape-icon{font-size:1.5rem;animation:.5s infinite skullShake}@keyframes skullShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.reaper-portrait{text-align:center;z-index:100;position:fixed;top:50%;left:50px;transform:translateY(-50%)}@media (max-width:1024px){.reaper-portrait{margin:20px auto;position:relative;top:auto;left:auto;transform:none}}.reaper-frame{background:radial-gradient(circle,#000 0%,#1a1a1a 100%);border:5px solid gray;border-radius:50%;width:180px;height:180px;padding:10px;animation:3s infinite reaperGlow;position:relative;box-shadow:0 0 40px #808080cc,inset 0 0 30px #2f4f2f4d}@keyframes reaperGlow{0%,to{box-shadow:0 0 40px #808080cc,inset 0 0 30px #2f4f2f4d}50%{box-shadow:0 0 60px gray,inset 0 0 40px #2f4f2f80}}.reaper-emoji{filter:drop-shadow(0 0 30px gray);justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;animation:3s infinite skullFloat;display:flex}@keyframes skullFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.scythe{filter:drop-shadow(0 0 15px #808080cc);font-size:3rem;animation:4s infinite scytheSwing;position:absolute;bottom:-20px;right:-20px}@keyframes scytheSwing{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.death-aura{background:radial-gradient(circle,#2f4f2f4d 0%,#0000 70%);border-radius:50%;animation:2s infinite auraExpand;position:absolute;inset:-30px}@keyframes auraExpand{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.reaper-name{color:beige;text-shadow:0 0 15px #808080cc,0 0 30px #2f4f2f80;letter-spacing:2px;margin-top:15px;font-family:Creepster,cursive;font-size:1.5rem}.reaper-title{color:gray;text-shadow:0 0 10px #808080cc;margin-top:5px;font-family:Eater,cursive;font-size:.9rem}.hourglass{margin-top:10px;font-size:2rem;animation:3s infinite hourglassFlip}@keyframes hourglassFlip{0%,90%,to{transform:rotate(0)}45%,55%{transform:rotate(180deg)}}.reaper-messages{flex-direction:column;flex:1;gap:25px;margin-bottom:20px;padding:20px 20px 20px 280px;display:flex;overflow-y:visible}.reaper-chat-container{z-index:10;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;display:flex;position:relative}.reaper-message{animation:.5s ease-out messageRise;display:flex}@keyframes messageRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reaper-message.assistant{justify-content:flex-start}.reaper-message.user{justify-content:flex-end}.death-bubble{color:beige;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background:linear-gradient(135deg,#2f4f2fe6 0%,#000000f2 100%);border:3px solid gray;border-radius:20px;max-width:600px;padding:20px 25px;font-size:1rem;line-height:1.6;position:relative;box-shadow:0 5px 20px #000000b3,0 0 30px #80808066}.skull-decoration{filter:drop-shadow(0 0 10px #808080cc);font-size:2rem;position:absolute;top:-15px;left:20px}.mortal-bubble{color:beige;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background:linear-gradient(135deg,#1a1a1af2 0%,#0a0a0af2 100%);border:2px solid beige;border-radius:20px;max-width:600px;padding:20px 25px;font-size:1rem;line-height:1.6;box-shadow:0 5px 20px #000000b3}.reaper-input-form{z-index:100;padding:0 20px 20px 280px;position:relative}.tombstone-input{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);border:3px solid gray;border-radius:20px;gap:15px;padding:20px;display:flex;position:relative;box-shadow:0 0 40px #80808099,inset 0 0 30px #2f4f2f33}.tombstone-top{color:#000;background:gray;border-radius:10px 10px 0 0;padding:5px 20px;font-family:Creepster,cursive;font-size:1.2rem;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 -5px 15px #80808099}.reaper-input{color:beige;background:#000000e6;border:2px solid #2f4f2f;border-radius:12px;outline:none;flex:1;padding:15px 20px;font-family:Eater,cursive;font-size:1rem;box-shadow:inset 0 0 20px #2f4f2f4d}.reaper-input::placeholder{color:#f5f5dc80}.reaper-send-btn{color:beige;cursor:pointer;background:linear-gradient(135deg,#2f4f2f 0%,#000 100%);border:2px solid gray;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:Creepster,cursive;font-size:1.1rem;display:flex;box-shadow:0 0 25px #80808080}.reaper-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 40px #808080cc}.floating-souls{pointer-events:none;z-index:5;position:fixed;inset:0}.soul{filter:drop-shadow(0 0 15px #fffc);opacity:.6;font-size:2rem;animation:10s infinite soulFloat;position:absolute}.soul:first-child{animation-duration:8s;animation-delay:0s;top:20%;left:10%}.soul:nth-child(2){animation-duration:12s;animation-delay:2s;top:40%;right:15%}.soul:nth-child(3){animation-duration:10s;animation-delay:4s;bottom:30%;left:20%}.soul:nth-child(4){animation-duration:9s;animation-delay:6s;bottom:20%;right:10%}@keyframes soulFloat{0%,to{opacity:.4;transform:translateY(0)translate(0)}50%{opacity:.8;transform:translateY(-50px)translate(30px)}}.crows{pointer-events:none;z-index:6;position:fixed;inset:0}.crow{filter:drop-shadow(0 0 10px #000c);font-size:2.5rem;animation:20s linear infinite crowFly;position:absolute}.crow:first-child{animation-delay:0s;top:15%}.crow:nth-child(2){animation-delay:10s;top:35%}@keyframes crowFly{0%{left:-100px}to{left:calc(100% + 100px)}}.mary-chat{background:linear-gradient(#1a0f0a 0%,#3e2723 50%,#1a0f0a 100%);width:100%;min-height:100vh;font-family:Eater,cursive;position:relative;overflow-x:hidden}.mary-bg{z-index:1;pointer-events:none;position:fixed;inset:0}.bathroom-wall{opacity:.3;background:repeating-linear-gradient(90deg,#3e2723 0 10px,#4e342e 10px 20px),repeating-linear-gradient(0deg,#3e2723 0 10px,#4e342e 10px 20px);position:absolute;inset:0}.cracked-mirrors{pointer-events:none;position:absolute;inset:0}.mirror-crack{background:linear-gradient(#0000 0%,silver 50%,#0000 100%);width:2px;animation:3s infinite crackGlow;position:absolute;box-shadow:0 0 10px #c0c0c0cc}.crack-1{height:40%;top:10%;left:30%;transform:rotate(45deg)}.crack-2{height:50%;animation-delay:1s;top:20%;right:25%;transform:rotate(-30deg)}.crack-3{height:35%;animation-delay:2s;bottom:15%;left:40%;transform:rotate(60deg)}@keyframes crackGlow{0%,to{opacity:.3;box-shadow:0 0 10px #c0c0c080}50%{opacity:.8;box-shadow:0 0 20px silver}}.blood-writing{color:#b71c1c;text-shadow:0 0 20px #b71c1ccc,0 5px 10px #00000080;letter-spacing:3px;font-family:Creepster,cursive;font-size:2rem;animation:4s infinite bloodDrip,.3s infinite textFlicker;position:absolute;top:15%;left:50%;transform:translate(-50%)}.flickering-light{background:radial-gradient(circle at 50% 20%,#fff8dc1a 0%,#0000 60%);animation:.5s infinite lightFlicker;position:absolute;inset:0}@keyframes lightFlicker{0%,to{opacity:1}25%{opacity:.3}50%{opacity:.8}75%{opacity:.5}}.flee-btn{z-index:1000;color:#fff8dc;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#b71c1c 0%,#3e2723 100%);border:3px solid silver;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;font-family:Creepster,cursive;font-size:1.2rem;transition:all .3s;animation:2s infinite mirrorPulse;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 0 30px #c0c0c099,inset 0 0 20px #b71c1c4d}@keyframes mirrorPulse{0%,to{box-shadow:0 0 30px #c0c0c099,inset 0 0 20px #b71c1c4d}50%{box-shadow:0 0 50px silver,inset 0 0 30px #b71c1c80}}.flee-btn:hover{background:linear-gradient(135deg,#3e2723 0%,#b71c1c 100%);transform:scale(1.1)}.mary-portrait{text-align:center;z-index:100;position:fixed;top:50%;left:50px;transform:translateY(-50%)}@media (max-width:1024px){.mary-portrait{margin:20px auto;position:relative;top:auto;left:auto;transform:none}}.mirror-frame{background:linear-gradient(135deg,#1a0f0a 0%,#3e2723 100%);border:5px solid silver;border-radius:20px;width:180px;height:180px;padding:10px;animation:3s infinite mirrorGlow;position:relative;box-shadow:0 0 40px #c0c0c0cc,inset 0 0 30px #b71c1c4d}@keyframes mirrorGlow{0%,to{box-shadow:0 0 40px #c0c0c0cc,inset 0 0 30px #b71c1c4d}50%{box-shadow:0 0 60px silver,inset 0 0 40px #b71c1c80}}.mary-emoji{filter:drop-shadow(0 0 30px #b71c1c);justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;animation:3s infinite ghostFloat;display:flex}@keyframes ghostFloat{0%,to{opacity:.8;transform:translate(0)rotate(0)}25%{opacity:.6;transform:translate(10px,-10px)rotate(10deg)}50%{opacity:.9;transform:translate(-10px,-15px)rotate(-10deg)}75%{opacity:.7;transform:translate(5px,-8px)rotate(5deg)}}.blood-tears{font-size:2rem;animation:2s infinite tearsDrip;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes tearsDrip{0%,90%,to{opacity:1;transform:translate(-50%)translateY(0)}95%{opacity:.5;transform:translate(-50%)translateY(10px)}}.mirror-glow{background:radial-gradient(circle,#c0c0c04d 0%,#0000 70%);border-radius:20px;animation:2s infinite glowExpand;position:absolute;inset:-20px}.hand-prints{position:absolute;inset:0}.hand{filter:drop-shadow(0 0 10px #b71c1ccc);opacity:.6;font-size:2rem;animation:5s infinite handAppear;position:absolute}.hand:first-child{top:20%;left:10%;transform:rotate(-20deg)}.hand:nth-child(2){animation-delay:2.5s;bottom:20%;right:10%;transform:rotate(20deg)}@keyframes handAppear{0%,80%,to{opacity:0}85%,95%{opacity:.8}}.mary-name{color:#b71c1c;text-shadow:0 0 15px #b71c1ccc,0 0 30px #c0c0c080;letter-spacing:2px;margin-top:15px;font-family:Creepster,cursive;font-size:1.5rem}.mary-title{color:silver;text-shadow:0 0 10px #c0c0c0cc;margin-top:5px;font-family:Eater,cursive;font-size:.9rem}.candles{margin-top:10px;font-size:1.5rem;animation:1s infinite candlesFlicker}@keyframes candlesFlicker{0%,to{opacity:1}50%{opacity:.7}}.mary-chat-container{z-index:10;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;display:flex;position:relative}.mary-messages{flex-direction:column;flex:1;gap:25px;margin-bottom:20px;padding:20px 20px 20px 280px;display:flex;overflow-y:visible}.mary-message{animation:.5s ease-out messageAppear;display:flex}@keyframes messageAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mary-message.assistant{justify-content:flex-start}.mary-message.user{justify-content:flex-end}.ghost-bubble{color:#fff8dc;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background:linear-gradient(135deg,#b71c1ce6 0%,#3e2723f2 100%);border:3px solid silver;border-radius:20px;max-width:600px;padding:20px 25px;font-size:1rem;line-height:1.6;position:relative;box-shadow:0 5px 20px #000000b3,0 0 30px #c0c0c066}.mirror-shard{filter:drop-shadow(0 0 10px #c0c0c0cc);font-size:2rem;animation:2s infinite shardGlint;position:absolute;top:-15px;left:20px}@keyframes shardGlint{0%,90%,to{opacity:.8}95%{opacity:1;transform:scale(1.1)}}.blood-drip-mary{background:linear-gradient(#b71c1c,#7f0000);border-radius:0 0 50% 50%;width:8px;height:15px;animation:3s infinite maryDrip;position:absolute;bottom:-10px;left:50%}@keyframes maryDrip{0%,90%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.victim-bubble{color:#fff8dc;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background:linear-gradient(135deg,#1a1a1af2 0%,#0a0a0af2 100%);border:2px solid #fff8dc;border-radius:20px;max-width:600px;padding:20px 25px;font-size:1rem;line-height:1.6;box-shadow:0 5px 20px #000000b3}.mary-input-form{z-index:100;padding:0 20px 20px 280px;position:relative}.mirror-input{background:linear-gradient(135deg,#3e2723 0%,#1a0f0a 100%);border:3px solid silver;border-radius:20px;gap:15px;padding:20px;display:flex;position:relative;box-shadow:0 0 40px #c0c0c099,inset 0 0 30px #b71c1c33}.mirror-border{-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(45deg,silver,#b71c1c,silver);border:3px solid #0000;border-radius:20px;animation:3s infinite borderShine;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderShine{0%,to{opacity:.5}50%{opacity:1}}.mary-input{color:#fff8dc;background:#1a0f0ae6;border:2px solid #b71c1c;border-radius:12px;outline:none;flex:1;padding:15px 20px;font-family:Eater,cursive;font-size:1rem;box-shadow:inset 0 0 20px #b71c1c4d}.mary-input::placeholder{color:#fff8dc80}.mary-send-btn{color:#fff8dc;cursor:pointer;background:linear-gradient(135deg,#b71c1c 0%,#3e2723 100%);border:2px solid silver;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:Creepster,cursive;font-size:1.1rem;display:flex;box-shadow:0 0 25px #c0c0c080}.mary-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 40px #c0c0c0cc}.floating-candles-mary{pointer-events:none;z-index:5;position:fixed;inset:0}.candle-mary{filter:drop-shadow(0 0 15px #ffc864cc);font-size:2rem;animation:5s infinite candleFloat;position:absolute}.candle-mary:first-child{animation-delay:0s;top:15%;left:15%}.candle-mary:nth-child(2){animation-delay:1.25s;top:25%;right:20%}.candle-mary:nth-child(3){animation-delay:2.5s;bottom:25%;left:20%}.candle-mary:nth-child(4){animation-delay:3.75s;bottom:20%;right:15%}.ceiling-blood{pointer-events:none;z-index:6;position:fixed;top:0;left:0;right:0}.blood-drop-ceiling{opacity:.8;background:linear-gradient(#b71c1c,#7f0000);border-radius:0 0 50% 50%;width:10px;height:15px;animation:6s infinite ceilingDrip;position:absolute}.blood-drop-ceiling:first-child{animation-delay:0s;left:30%}.blood-drop-ceiling:nth-child(2){animation-delay:2s;left:55%}.blood-drop-ceiling:nth-child(3){animation-delay:4s;left:75%}@keyframes ceilingDrip{0%{opacity:0;top:-20px}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:100vh}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes themeTransition{0%{opacity:.95}50%{opacity:1}to{opacity:1}}body{animation:.3s ease-in-out themeTransition}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--glow-primary)}50%{box-shadow:0 0 20px var(--glow-primary),0 0 30px var(--glow-secondary)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.horror-typing{letter-spacing:1.5px;color:var(--text-primary);text-shadow:0 0 10px #8b5cf680,0 0 20px #8b5cf64d,0 0 30px #8b5cf633;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;width:100%;font-family:Creepster,cursive;font-size:1.05em;line-height:1.8;animation:.1s infinite alternate ghostFlicker;display:block;max-height:none!important;overflow:visible!important}.horror-typing p,.horror-typing strong,.horror-typing em{letter-spacing:1px;margin:0;padding:0;font-family:Creepster,cursive}@keyframes ghostFlicker{0%{opacity:.95;filter:brightness()}25%{opacity:1;filter:brightness(1.1)}50%{opacity:.98;filter:brightness(.95)}75%{opacity:1;filter:brightness(1.05)}to{opacity:.97;filter:brightness()}}.horror-cursor{color:#a78bfa;text-shadow:0 0 10px #8b5cf6,0 0 20px #8b5cf6,0 0 30px #8b5cf6,0 0 40px #8b5cf680;filter:blur(.3px);width:3px;margin-left:3px;font-weight:700;animation:.7s infinite hauntedBlink,2s infinite cursorGlow,3s infinite cursorDrip;display:inline-block}@keyframes hauntedBlink{0%,49%{opacity:1;transform:scaleY(1)}50%,to{opacity:.3;transform:scaleY(.8)}}@keyframes cursorGlow{0%,to{text-shadow:0 0 5px #8b5cf6,0 0 10px #8b5cf6}50%{text-shadow:0 0 15px #8b5cf6,0 0 25px #8b5cf6,0 0 35px #a78bfa,0 0 45px #a78bfa80}}@keyframes cursorDrip{0%,90%,to{transform:scaleY(1)translateY(0)}95%{transform:scaleY(1.5)translateY(2px)}}.message.assistant .bubble.horror-entrance{animation:.6s ease-out ghostlyAppear}@keyframes ghostlyAppear{0%{opacity:0;filter:blur(5px);transform:translateY(20px)scale(.9)}50%{opacity:.5;filter:blur(2px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.horror-greeting-glow{position:relative}.horror-greeting-glow:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);animation:3s infinite pulseGlow;position:absolute;inset:-10px}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #8b000066,0 0 30px #f003,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 25px #8b000099,0 0 50px #f006,inset 0 1px #ffffff26}}@keyframes hauntedShake{0%,to{transform:translate(0)}10%{transform:translate(-1px)rotate(-.5deg)}20%{transform:translate(1px)rotate(.5deg)}30%{transform:translate(-1px)rotate(-.5deg)}40%{transform:translate(1px)rotate(.5deg)}50%{transform:translate(-1px)rotate(-.5deg)}60%{transform:translate(1px)rotate(.5deg)}70%{transform:translate(-1px)rotate(-.5deg)}80%{transform:translate(1px)rotate(.5deg)}90%{transform:translate(-1px)rotate(-.5deg)}}.sound-toggle{z-index:999;cursor:pointer;background:linear-gradient(135deg,#1a0a0a 0%,#2d1b1b 100%);border:2px solid #8b0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;transition:all .3s;animation:3s infinite pulseGlow;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #8b000066,0 0 30px #f003,inset 0 1px #ffffff1a}.sound-toggle:hover{border-color:red;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 30px #8b000099,0 0 50px #f006,inset 0 1px #fff3}.sound-toggle:active{transform:translateY(-2px)scale(1.02)}.sound-icon-container{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.sound-icon{filter:drop-shadow(0 0 10px #f009);font-size:32px;animation:2s ease-in-out infinite iconFloat}.sound-ghost{opacity:.8;font-size:24px;animation:3s ease-in-out infinite ghostFloat;position:absolute}.sound-waves{gap:4px;display:flex;position:absolute;right:-8px}.wave{background:linear-gradient(#ff6b6b,red);border-radius:2px;width:3px;height:12px;animation:1s ease-in-out infinite waveAnimation}.wave:first-child{height:8px;animation-delay:0s}.wave:nth-child(2){height:16px;animation-delay:.2s}.wave:nth-child(3){height:12px;animation-delay:.4s}.sound-label{letter-spacing:2px;color:#ff6b6b;text-shadow:0 0 10px #f009;font-family:Creepster,cursive;font-size:.75rem;font-weight:700}.sound-toggle.muted .sound-label{color:#666;text-shadow:none}.sound-toggle.muted{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-color:#444;animation:none;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.sound-toggle.muted:hover{border-color:#666;box-shadow:0 8px 30px #0009,inset 0 1px #ffffff1a}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes waveAnimation{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:768px){.sound-toggle{padding:12px 16px;bottom:16px;right:16px}.sound-icon-container{width:40px;height:40px}.sound-icon{font-size:28px}.sound-label{font-size:.65rem}.chat-loading-overlay{left:0}.sidebar{z-index:100;width:85%;max-width:320px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{background:var(--bg-secondary);opacity:.85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.sidebar-close-btn{display:flex}.chat-page{min-height:100dvh;overflow-y:auto}.menu-btn{display:flex}.chat-header{gap:10px;padding:12px 16px}.header-avatar{width:36px;height:36px}.header-name{font-size:.9rem}.header-status{font-size:.75rem}.header-actions{gap:6px}.header-btn{width:36px;height:36px}.header-btn svg{width:18px;height:18px}.messages{gap:14px;padding:16px 12px;overflow-x:hidden}.message{gap:8px;max-width:85%}.message-avatar{width:32px;height:32px}.bubble{border-radius:16px;padding:12px 14px;font-size:.9rem}.input-bar{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--bg-tertiary);gap:8px;position:sticky;bottom:0}.input-bar input{padding:10px 14px;font-size:.9rem}.input-bar button{white-space:nowrap;padding:10px 16px;font-size:.9rem}}@media (max-width:480px){.sidebar{max-width:280px}.sidebar-header{padding:18px}.logo-text{font-size:1.1rem}.new-chat-btn{padding:5px 10px;font-size:.8rem}.chat-item{padding:12px 18px}.chat-avatar{width:38px;height:38px}.chat-name{font-size:.9rem}.chat-preview{font-size:.75rem}.modal-content,.history-panel{width:95%;max-width:none}.modal-title,.history-title{font-size:1.1rem}}@media (max-width:1024px){.dracula-messages,.reaper-messages,.mary-messages,.dracula-input-form,.reaper-input-form,.mary-input-form{padding-left:20px!important;padding-right:20px!important}.dracula-chat-container,.reaper-chat-container,.mary-chat-container{padding:20px!important}}@media (max-width:768px){.portrait-frame,.reaper-frame,.mirror-frame{width:140px!important;height:140px!important}.dracula-emoji,.reaper-emoji,.mary-emoji{font-size:5rem!important}.dracula-name,.reaper-name,.mary-name{font-size:1.2rem!important}.dracula-title,.reaper-title,.mary-title{font-size:.8rem!important}.coffin-input-container,.tombstone-input,.mirror-input{flex-direction:column!important;gap:10px!important}.dracula-send-btn,.reaper-send-btn,.mary-send-btn{justify-content:center!important;width:100%!important}.run-away-btn,.escape-btn,.flee-btn{padding:10px 15px!important;font-size:.9rem!important;top:15px!important;right:15px!important}.run-icon,.escape-icon,.flee-icon{font-size:1.2rem!important}.speech-bubble,.dracula-bubble,.user-bubble,.death-bubble,.mortal-bubble,.ghost-bubble,.victim-bubble{max-width:90%!important;padding:15px 18px!important;font-size:.95rem!important}}@media (max-width:480px){.portrait-frame,.reaper-frame,.mirror-frame{width:120px!important;height:120px!important}.dracula-emoji,.reaper-emoji,.mary-emoji{font-size:4rem!important}.dracula-messages,.reaper-messages,.mary-messages{gap:15px!important;padding:15px 10px!important}.dracula-input-form,.reaper-input-form,.mary-input-form{padding:0 10px 15px!important}.dracula-input,.reaper-input,.mary-input{padding:12px 15px!important;font-size:.9rem!important}.dracula-send-btn,.reaper-send-btn,.mary-send-btn{padding:12px 20px!important;font-size:1rem!important}.run-away-btn,.escape-btn,.flee-btn{padding:8px 12px!important;font-size:.8rem!important}.run-text,.escape-text,.flee-text{display:none!important}.speech-bubble,.dracula-bubble,.user-bubble,.death-bubble,.mortal-bubble,.ghost-bubble,.victim-bubble{max-width:95%!important;padding:12px 15px!important;font-size:.9rem!important}.blood-drops,.coffin-decorations,.chains,.blood-stains,.watching-eyes,.floating-souls,.crows,.floating-candles-mary,.ceiling-blood{display:none!important}}@media (max-height:768px) and (orientation:landscape){.dracula-portrait,.reaper-portrait,.mary-portrait{margin:10px auto!important}.portrait-frame,.reaper-frame,.mirror-frame{width:100px!important;height:100px!important}.dracula-emoji,.reaper-emoji,.mary-emoji{font-size:3.5rem!important}.dracula-messages,.reaper-messages,.mary-messages{padding-top:10px!important;padding-bottom:10px!important}}@media (min-width:1920px){.dracula-chat-container,.reaper-chat-container,.mary-chat-container{max-width:1600px!important;margin:0 auto!important}.portrait-frame,.reaper-frame,.mirror-frame{width:200px!important;height:200px!important}.dracula-emoji,.reaper-emoji,.mary-emoji{font-size:9rem!important}}@media (max-width:1024px){.chat-header{padding:15px 20px!important}.header-logo{width:35px!important;height:35px!important}.header-name{font-size:1.3rem!important}.header-status{font-size:.8rem!important}.messages{padding:20px 15px!important}.message-avatar{width:35px!important;height:35px!important}.bubble{max-width:85%!important;padding:12px 16px!important;font-size:.95rem!important}}@media (max-width:768px){.chat-header{padding:12px 15px!important}.header-logo{width:30px!important;height:30px!important}.header-name{font-size:1.1rem!important}.header-status{font-size:.75rem!important}.header-actions{gap:8px!important}.header-btn{width:35px!important;height:35px!important}.header-btn svg{width:16px!important;height:16px!important}.messages{gap:15px!important;padding:15px 10px!important}.message-avatar{width:30px!important;height:30px!important}.bubble{max-width:90%!important;padding:10px 14px!important;font-size:.9rem!important}.input-bar{gap:8px!important;padding:12px 15px!important}.input-bar input{padding:10px 14px!important;font-size:.9rem!important}.input-bar button{padding:10px 18px!important;font-size:.9rem!important}.beta-tag{padding:2px 6px!important;font-size:.6rem!important}}@media (max-width:480px){.chat-header{padding:10px 12px!important}.header-logo{width:28px!important;height:28px!important}.header-name{font-size:1rem!important}.header-status{display:none!important}.header-actions{gap:6px!important}.header-btn{width:32px!important;height:32px!important}.header-btn svg{width:14px!important;height:14px!important}.messages{gap:12px!important;padding:12px 8px!important}.message-avatar{width:28px!important;height:28px!important}.bubble{max-width:95%!important;padding:8px 12px!important;font-size:.85rem!important}.input-bar{gap:6px!important;padding:10px 12px!important}.input-bar input{padding:8px 12px!important;font-size:.85rem!important}.input-bar button{padding:8px 14px!important;font-size:.85rem!important}.menu-btn{width:32px!important;height:32px!important}.menu-btn svg{width:16px!important;height:16px!important}}@media (max-width:768px){.bubble,.bubble.horror-greeting-glow,.horror-typing{height:auto!important;max-height:none!important;overflow:visible!important}.message:first-child .bubble{max-height:none!important;overflow:visible!important}}