:root{--glass-bg: rgba(255, 255, 255, .1);--glass-bg-hover: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .18);--glass-border-hover: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 12px 48px rgba(0, 0, 0, .4);--glass-blur: 24px;--glass-blur-heavy: 40px;--neon-purple: rgba(232, 180, 120, .6);--neon-gold: rgba(255, 215, 140, .6);--neon-pink: rgba(220, 160, 100, .5);--gradient-primary: linear-gradient(135deg, #E8B878 0%, #FFD68A 50%, #C49358 100%);--gradient-subtle: linear-gradient(135deg, rgba(232, 184, 120, .2), rgba(255, 214, 138, .15))}body{background:#0a0a0f;color:#f0f2f5;min-height:100vh;position:relative;overflow-x:hidden}.waveform-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.waveform-bg:before,.waveform-bg:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.03}.waveform-bg:before{background:radial-gradient(ellipse at 30% 50%,var(--neon-purple),transparent 50%),radial-gradient(ellipse at 70% 30%,var(--neon-pink),transparent 50%);animation:waveFloat 20s ease-in-out infinite}.waveform-bg:after{background:radial-gradient(ellipse at 60% 70%,var(--neon-gold),transparent 50%),radial-gradient(ellipse at 20% 80%,var(--neon-purple),transparent 50%);animation:waveFloat 25s ease-in-out infinite reverse}@keyframes waveFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,-2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(3%,1%) rotate(.5deg)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.glass-card{border-radius:20px;padding:24px}}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}@media(hover:hover)and (pointer:fine){.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),inset 0 0 30px #e8b87814;transform:translateY(-2px)}}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;color:#f0f2f5;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.glass-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 4px 16px #0000004d,inset 0 0 20px #e8b87826;transform:translateY(-1px)}.glass-btn:hover:before{left:100%}.glass-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.glass-btn-primary{background:linear-gradient(135deg,#e8b87873,#ffc87859);border-color:#e8b87866}.glass-btn-primary:hover{background:linear-gradient(135deg,#e8b87899,#ffc87880);border-color:#e8b87899;box-shadow:0 4px 24px #e8b87859,inset 0 0 20px #ffd68a26}.glass-btn-danger{background:linear-gradient(135deg,#ef44444d,#dc262633);border-color:#ef44444d}.glass-btn-danger:hover{background:linear-gradient(135deg,#ef444466,#dc26264d);border-color:#ef444480}.glass-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.glass-modal{background:#0f0f19d9;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:24px;padding:32px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000080,inset 0 0 40px #d4a57408;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.glass-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-input{width:100%;padding:12px 16px;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f0f2f5;font-size:14px;transition:all .3s;outline:none}.glass-input::-moz-placeholder{color:#ffffff4d}.glass-input::placeholder{color:#ffffff4d}.glass-input:focus{border-color:#e8b87899;box-shadow:0 0 0 3px #e8b87833,inset 0 0 10px #e8b87814}.glass-nav{background:#0a0a0fd9;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:40}.glass-nav a{color:#fffc;transition:color .3s}.glass-nav a:hover,.glass-nav a.active{color:#f0f2f5}.glass-sidebar{background:#0a0a14f2;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);width:280px;flex-shrink:0}@media(max-width:1023px){.glass-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0a0a14;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-sidebar.open{transform:translate(0)}}@media(min-width:1024px){.glass-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;overflow-y:auto}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.open{opacity:1;pointer-events:auto}.glass-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#ffffffbf;transition:all .3s;font-size:15px}.glass-sidebar-link svg{width:22px;height:22px;flex-shrink:0}.glass-sidebar-link:hover,.glass-sidebar-link.active{background:#ffffff14;color:#f0f2f5}.glass-sidebar-link.active{border-left:2px solid #E8B878}@media(max-width:1023px){body{padding-bottom:80px!important}.content-area{padding-bottom:80px!important;min-height:auto!important}}.admin-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;justify-content:space-around;align-items:center;background:#0a0a0feb;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top:1px solid var(--glass-border);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.admin-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;color:#fff6;font-size:10px;font-weight:500;text-decoration:none;transition:color .2s;min-width:52px}.admin-bottom-nav a.active{color:#e8b878}.admin-bottom-nav a:hover{color:#ffffffb3}.admin-bottom-nav a.active:hover{color:#e8b878}.glass-table{width:100%;border-collapse:separate;border-spacing:0}.glass-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;border-bottom:1px solid var(--glass-border)}.glass-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.glass-table tr:hover td{background:#ffffff08}.glass-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.glass-badge-purple{background:#e8b87833;border-color:#e8b87866;color:#e8b878}.glass-badge-gold{background:#ffd68a33;border-color:#ffd68a66;color:#ffd68a}.glass-badge-pink{background:#dca06433;border-color:#dca06466;color:#dca064}.glass-badge-green{background:#34d36e33;border-color:#34d36e66;color:#4ade80}.glass-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;cursor:pointer;transition:all .3s;position:relative}.glass-checkbox:checked{background:linear-gradient(135deg,#e8b878,#ffd68a);border-color:transparent}.glass-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.glass-footer{background:#0a0a0fb3;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);padding:32px 0}.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:4px;font-size:16px;cursor:pointer;opacity:.5;transition:all .3s;border:1px solid transparent}.lang-flag:hover,.lang-flag.active{opacity:1;border-color:#fff3}.content-area{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}#heikepedia-chat.glass-card{overflow:hidden}#heikepedia-chat.glass-card.has-messages{overflow-y:auto!important;overflow-x:hidden}.heikepedia-response h1,.heikepedia-response h2,.heikepedia-response h3{color:#e8b878;margin-top:1em;margin-bottom:.5em}.heikepedia-response h1{font-size:1.1em}.heikepedia-response h2{font-size:1em}.heikepedia-response h3{font-size:.95em}.heikepedia-response p{margin-bottom:.75em}.heikepedia-response ul,.heikepedia-response ol{padding-left:1.25em;margin-bottom:.75em}.heikepedia-response li{margin-bottom:.25em}.heikepedia-response strong{color:#ffd68a}.heikepedia-response em{color:#ffffffb3}.heikepedia-response blockquote{border-left:2px solid rgba(232,184,120,.5);padding-left:1em;color:#fff9;margin:.75em 0}.heikepedia-response code{background:#ffffff14;padding:.15em .4em;border-radius:4px;font-size:.9em}::-moz-selection{background:#e8b87866;color:#f0f2f5}::selection{background:#e8b87866;color:#f0f2f5}
