@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;position:relative}.container{padding:0 1.25rem!important;width:100%!important;max-width:100vw!important;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(12px) saturate(160%)!important;backdrop-filter:blur(12px) saturate(160%)!important;border-radius:24px!important}h1{font-size:2.2rem!important;line-height:1.1!important}h2{font-size:1.8rem!important}#lab-container{padding:5rem 1rem 2rem!important}#images-gallery{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;max-height:300px!important}#videos-gallery{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important;max-height:350px!important}#video-channels-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}#lab-container div[style*="gridTemplateColumns: 1fr 300px"],#lab-container div[style*="gridTemplateColumns: 1.2fr 1fr"]{grid-template-columns:1fr!important;gap:2rem!important}#calendar-container{padding:5rem 1rem 2rem!important}div[style*=minHeight][style*="borderRadius: '12px'"]{min-height:60px!important;padding:4px!important}div[id=detail-list]{padding:1.5rem!important}div[style*="gridTemplateColumns: 'repeat(7, 1fr)'"]{gap:4px!important}textarea,input,select{font-size:16px!important;max-width:100%!important}.glass-panel-grid{grid-template-columns:1fr!important;padding:2rem 1.5rem!important;gap:2.5rem!important}section[style*="padding: 8rem 2rem"] .glass-panel-grid h2{font-size:2.4rem!important}}:root{--primary: #7C3AED;--primary-glow: #8B5CF6;--secondary: #EC4899;--accent: #06B6D4;--bg-deep: #0F172A;--bg-dark: #1E293B;--bg-card: rgba(30, 41, 59, .7);--text-main: #F8FAFC;--text-muted: #94A3B8;--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .15);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .4);--input-bg: rgba(15, 23, 42, .9);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}[data-theme=light]{--bg-deep: #f0f2f5;--bg-dark: #ffffff;--bg-card: rgba(255, 255, 255, .9);--text-main: #1a1f2e;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--input-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-main);line-height:1.6;overflow-x:hidden!important;width:100%;min-height:100vh;transition:background-color .3s ease,color .3s ease}html{overflow-x:hidden!important;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-glow) 50%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-gradient{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.desktop-only{display:inline-flex}@media(max-width:768px){.desktop-only{display:none!important}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-heading)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff!important;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-glass{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main)}.btn-glass:hover{background:var(--bg-dark)}.floating-avatar-container{position:fixed;bottom:2rem;right:2.5rem;z-index:10000;cursor:grab;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));transition:all .4s cubic-bezier(.4,0,.2,1)}.avatar-image-wrapper{width:180px;height:180px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.avatar-image-wrapper img{width:100%;height:100%;object-fit:contain}.print-only{display:none}@media print{@page{size:A4;margin:20mm}.no-print,nav,footer,button,.nav-actions-desktop,.mobile-menu-toggle,.floating-avatar-container{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important;font-size:12pt}.container,.glass-panel{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}h1,h2,h3{color:#4b21a3!important;page-break-after:avoid;-webkit-text-fill-color:initial!important;background:none!important}p{text-align:justify;line-height:1.5;margin-bottom:1rem;color:#333!important}@supports (widows: 3){p{widows:3;orphans:3}}.story-chapter{page-break-before:always}.dedication-page-print{height:100vh;display:flex;justify-content:center;align-items:center;page-break-after:always;font-style:italic;text-align:center}img{max-width:100%!important;height:auto!important;border-radius:8px;margin-bottom:1rem}.dictionary-item,.chat-item{page-break-inside:avoid;border:1px solid #eee!important;padding:10px!important;margin-bottom:10px!important;background:#fcfcfc!important}.novel-cover-print{height:230mm!important;width:100%;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;page-break-after:always;page-break-inside:avoid!important;margin:0!important;padding:0!important;background:#fff!important}.cover-image-section-print{height:160mm!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;width:100%!important;margin-bottom:5mm!important}.cover-image-section-print img{max-width:100%!important;max-height:100%!important;height:160mm!important;width:auto!important;object-fit:contain!important;border-radius:10mm!important;box-shadow:0 5mm 15mm #0000001a!important}.cover-title-section-print{height:60mm!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}.story-title-print{font-size:38pt!important;color:#4c1d95!important;margin:0!important;padding:0!important;line-height:1.1!important;font-family:Poppins,Segoe UI,sans-serif!important}.story-subtitle-print{font-size:18pt!important;color:#666!important;margin-top:5mm!important;font-style:italic!important}}.level-badge{margin-top:-15px;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#000;font-size:13px;padding:4px 20px;border-radius:30px;font-weight:900;box-shadow:0 8px 15px #0000004d;border:2px solid white;z-index:3;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.4rem;white-space:nowrap}@media(max-width:1400px){.avatar-image-wrapper{width:140px;height:140px}.floating-avatar-container{bottom:1.5rem;right:1.5rem}}@media(max-width:1024px){.avatar-image-wrapper{width:110px;height:110px}.level-badge{font-size:11px;padding:3px 15px}}@media(max-width:768px){.avatar-image-wrapper{width:90px;height:90px}.floating-avatar-container{bottom:1rem;right:1rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@media(max-width:1250px){.nav-links-desktop{gap:1rem!important}.nav-links-desktop span,.nav-links-desktop a{font-size:.85rem!important}.nav-actions-desktop{gap:.5rem!important}}@media(max-width:1120px){.nav-links-desktop,.nav-actions-desktop{display:none!important}.mobile-menu-toggle{display:block!important}}
