@keyframes gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes splitText{0%,100%{clip-path:polygon(0 0,100% 0,100% 50%,0 50%);}50%{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);}}@keyframes wave{0%,60%,100%{transform:translateY(0);opacity:1;}30%{transform:translateY(-15px);opacity:0.7;}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:0.8;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-6px);}100%{transform:translateY(0);}}@keyframes gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}*{margin:0;padding:0;box-sizing:border-box;}html{-webkit-tap-highlight-color:transparent;scroll-padding-top:45px;scrollbar-gutter:stable;}body{display:flex;flex-direction:column;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;color:var(--text);background-color:var(--background);min-height:100vh;}body.loading-active{overflow:hidden !important;height:100vh;}ul,ol{list-style:none;}a{text-decoration:none;color:inherit;}img{max-width:100%;display:block;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}html.lenis,html.lenis body{height:auto;}html.lenis-smooth{scroll-behavior:auto !important;}html.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}html.lenis-stopped{overflow:hidden;}html.lenis-scrolling iframe{pointer-events:none;}.reveal,.reveal-stagger > *{opacity:0;transform:translateY(25px);backface-visibility:hidden;transition:opacity 0.8s cubic-bezier(0.215,0.61,0.355,1),transform 0.8s cubic-bezier(0.215,0.61,0.355,1);}.reveal.is-visible{opacity:1;transform:translateY(0);}.reveal-stagger.is-visible > *{opacity:1;transform:translateY(0);transition-delay:calc(var(--stagger-index,0) * 0.06s);}@font-face{font-display:swap;font-family:"Lora";font-style:normal;font-weight:400;src:url("/assets/fonts/lora/lora-v37-latin-regular.woff2") format("woff2");}@font-face{font-display:swap;font-family:"Lora";font-style:italic;font-weight:400;src:url("/assets/fonts/lora/lora-v37-latin-italic.woff2") format("woff2");}@font-face{font-display:swap;font-family:"Lora";font-style:normal;font-weight:600;src:url("/assets/fonts/lora/lora-v37-latin-600.woff2") format("woff2");}@font-face{font-family:"Josefin Sans Fallback";src:local("Arial");ascent-override:95%;descent-override:25%;line-gap-override:0%;size-adjust:102%;}@font-face{font-family:"Lora Fallback";src:local("Times New Roman");ascent-override:90%;descent-override:23%;line-gap-override:0%;size-adjust:98%;}body{font-family:"Lora","Lora Fallback",serif;font-size:clamp(0.9rem,0.3vw + 0.85rem,1.1rem);}h1{font-family:"Josefin Sans","Josefin Sans Fallback",sans-serif;color:var(--primary);margin:0 0 0.75rem;}h2,h3{color:var(--primary);margin:0 0 0.5rem;}h4,h5,h6{color:var(--primary);margin:0 0 0.5rem;}h1{font-size:clamp(44px,4vw,48px);font-weight:700;line-height:1.1;margin-bottom:20px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--primary);margin-bottom:1rem;line-height:1.5;font-weight:500;}h3{font-size:clamp(17px,2.5vw,20px);font-weight:400;}p{font-size:clamp(16px,1vw + 1rem,17px);margin:0 0 1rem;}small{font-size:clamp(0.8rem,0.2vw + 0.75rem,0.9rem);color:var(--text-disabled);}section-title{margin:20px;}:root{--primary:#c51a48;--primary-dark:#a1153b;--primary-darker:#831130;--primary-darkest:#5c0c22;--primary-light:#d6476c;--primary-lighter:#f28ca7;--primary-ghost:#fdf2f5;--secondary:#1a2c38;--secondary-alt:#34495e;--com1:#1a0d0c;--com2:#0d1f2a;--com3:rgba(197,26,72,0.08);--bg:#f9e8ec;--background:#f5f0e862;--surface:#f4ecee;--surface2:rgba(255,255,255,0.92);--card-bg:#ffffff;--status:#ffffff;--white:#fffdfd;--text:#1d1a1a;--text-secondary:#4a4445;--text-disabled:#b5acae;--text-light:#7a7071;--text-dark:#120f10;--text-darker:#000000;--border:#ffdde4;--border-light:#f1e6e8;--border-lighter:#f9f4f5;--success:#27ae60;--success-bg:#eaf7ee;--warning:#f39c12;--warning-bg:#fef5e7;--error:red;--error-bg:#fdedec;--info:#3498db;--info-bg:#ebf5fb;--gray-50:#fdfbfc;--gray-100:#f9f4f5;--gray-200:#f2eded;--gray-300:#e6dfdf;--gray-400:#d1c4c5;--gray-500:#a89a9b;--gray-600:#7d7071;--gray-700:#574d4e;--gray-800:#3a3334;--gray-900:#1f1a1b;--shadow-sm:0 1px 2px rgba(221,62,105,0.1);--shadow:0 4px 12px rgba(253,66,57,0.16);--shadow-md:0 4px 6px rgba(224,33,84,0.15);--shadow-lg:0 4px 12px rgba(253,66,57,0.16);--shadow-xl:0 20px 25px rgba(185,29,71,0.185);--shadow-bl:0px 8px 10px 0px rgb(0 0 0 / 19%);--shadow-card:0 12px 32px rgba(0,0,0,0.08),0 0 0 1px rgba(197,26,72,0.08);--shadow-img:4px 8px 20px rgba(0,0,0,0.2);--shadow-container:0 2px 8px rgba(0,0,0,0.04),0 0 0 0 rgba(197,26,72,0);--title-gradient:linear-gradient(45deg,#ff6b6b30,#00000000);--gradient-primary:linear-gradient( 45deg,var(--primary),var(--primary-light) );--hero-gradient-1:#fbf3e1;--hero-gradient-2:#dce0fb;--hero-gradient-3:#d7edfb;--hero-gradient-4:#eaf8dc;--gradient-overlay:linear-gradient(transparent,rgba(154,20,56,0.05));--card-gradient:linear-gradient( to right,var(--surface),var(--surface2),transparent );--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--transition-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--transition-smooth:transform 0.3s ease,border-color 0.3s ease,background-color 0.3s ease;--card-bg-1:#dceec5;--card-bg-2:#fde8b9;--card-bg-3:#e2ffa2;--card-bg-4:#ffd7b9;--card-bg-5:#b6e2ff;--card-bg-6:#c9cad0;--card-bg-7:#ffe6ac;--card-bg-8:#fff5ac;--title1:#fffde4;--title2:#fbe4ff;--title3:#e4ecff;--title4:#e8ffe4;--hover:#ffeefc;--card-border:rgba(244,63,94,0.16);--card-border-hover:rgba(255,74,141,0.7);--shine-sweep:rgba(255,255,255,0.24);--img-shadow:rgba(0,0,0,0.65);--card-glow-hover:0 0 20px rgba(244,63,94,0.3);--dark-invert:0;}.arrow{width:20px;height:20px;filter:var( --arrow-icon-filter,invert(12%) sepia(85%) saturate(5185%) hue-rotate(334deg) brightness(87%) contrast(100%) );transition:transform var(--transition-normal);-webkit-tap-highlight-color:transparent;vertical-align:middle;display:inline-block;}.fullscreen-menu .nav-accordion.active .arrow{transform:rotate(180deg);}@media (min-width:1150px){.nav-dropdown:hover .nav-accordion .arrow{transform:rotate(180deg);}}.audio-btn{background:var(--surface);border:none;color:var(--primary);cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border-radius:50%;transition:var(--transition-normal);}.audio-btn:hover{background:var(--primary);color:var(--white);}.audio-btn svg{width:16px;height:16px;}.audio-icon{width:20px;height:20px;opacity:0.7;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;}.audio-icon:hover{opacity:1;transform:scale(1.1);}#back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;border:none;font-weight:400;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:var(--white);font-size:18px;cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-md);z-index:1000;overflow:hidden;}#back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);animation:float 3s ease-in-out infinite;}#back-to-top:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));}#back-to-top:active{transform:scale(0.92);}#back-to-top::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient( circle,rgba(255,255,255,0.4),transparent 70% );opacity:0;transform:scale(0.6);transition:opacity var(--transition-normal),transform var(--transition-normal);}#back-to-top:hover::before{opacity:1;transform:scale(1.2);}@media (max-width:768px){#back-to-top{width:40px;height:40px;}}.card-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;justify-content:center;justify-items:center;margin:20px 0;padding:20px 8%;}.card-container{display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;background-color:var(--gray-100);border:1px solid var(--border);border-radius:1rem;transition:transform 0.3s ease-out,box-shadow 0.3s ease-out,background-color 0.3s,border-color 0.3s;box-shadow:var(--shadow--md);}.card-container:hover{transform:scale(1.02) translateY(-4px);box-shadow:var(--shadow-lg);border:0.4px solid var(--primary);}.card-container::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;filter:blur(2rem);background:radial-gradient( circle at top right,var(--primary),var(--primary-darker),var(--primary-darkest) );transition:opacity 0.3s;border-radius:1rem;}.card-container:hover::before{opacity:0.1;}.card-image{overflow:hidden;position:relative;border-radius:1rem 1rem 0 0;}.card-image{container-type:inline-size;width:100%;}.card-image img{width:100%;object-fit:cover;transition:transform 0.3s;}@container (max-width:339px){.card-image img{object-position:right -3px top 50%;}}.card-container:hover .card-image img{transform:scale(1.05);}.card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.05),transparent);opacity:0;transition:opacity 0.3s;}.card-container:hover .card-image::after{opacity:1;}.card-shine{pointer-events:none;position:absolute;inset:0;z-index:10;overflow:hidden;}.card-shine::before{content:"";position:absolute;inset:0;background:linear-gradient( to right,transparent,rgba(255,255,255,0.4),transparent );transform:skewX(-20deg) translateX(-100%);}.card-container:hover .card-shine::before{transform:skewX(-20deg) translateX(150%);transition:transform 0.7s ease-out;}.card-content{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;background:var(--surface);}.card-title{font-size:1.1rem;transition:color 0.3s;display:flex;align-items:center;gap:0.5rem;margin:0;}.card-topic-description{color:var(--text);font-size:1rem;line-height:1.6;letter-spacing:0.025em;margin-top:0.5rem;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}@media (max-width:1200px){.card-section{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;padding:20px 16px;}}.faq-badge{display:inline-block;background:linear-gradient( 135deg,rgba(174,39,84,0.12),rgba(174,39,79,0.02) );color:var(--primary);font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:6px 16px;border-radius:100px;border:1px solid var(--primary);margin-bottom:12px;}.faq-main-title{color:var(--primary);font-weight:800;letter-spacing:-0.5px;margin:0 0 12px 0;}.faq-subtitle{color:var(--text-secondary,#666);}.faq-list{display:flex;flex-direction:column;max-width:900px;}.faq-item{border:1px solid var(--text);padding:0 1rem;border-radius:1rem;margin:1rem 0;}.faq-trigger.accordion{width:100%;border:none;background:transparent;padding:0.6rem 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;text-transform:unset;}.faq-trigger.accordion.active{background:transparent;padding:1rem 0;}.faq-trigger.accordion.active .faq-question{color:var(--primary);}.faq-trigger.accordion:hover{color:var(--primary);background:transparent;padding-left:0;}.faq-question{font-family:"Lora",serif;font-size:18px;color:var(--text,#111111);line-height:1.4;transition:color 0.2s ease;text-align:left;margin:0;}.faq-toggle{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.toggle-line{position:absolute;background-color:var(--text,#111111);border-radius:2px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease,background-color 0.3s ease;}.toggle-line.horizontal{width:100%;height:2px;}.toggle-line.vertical{width:2px;height:100%;}.faq-trigger.accordion:hover .faq-question{color:var(--primary);}.faq-trigger.accordion:hover .toggle-line{background-color:var(--primary);}.faq-item:has(.faq-trigger.accordion:hover){border-color:var(--primary);}.faq-item:has(.faq-trigger.accordion.active){border-color:var(--primary);}.faq-header.accordion.active .toggle-line,.faq-trigger.accordion.active .toggle-line{background-color:var(--primary);}.faq-header.accordion.active .toggle-line.vertical,.faq-trigger.accordion.active .toggle-line.vertical{transform:scaleY(0);opacity:0;}.faq-content{max-height:0px;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,visibility 0.3s ease;}.faq-body{font-size:1.05rem;line-height:1.6;color:var(--text-secondary,#555555);padding:0.2rem 1.2rem 1.2rem 0;margin:0;}.mascot-container.faq{width:280px;height:auto;transition:opacity 0.7s cubic-bezier(0.34,1.4,0.64,1) 0.35s,transform 0.7s cubic-bezier(0.34,1.4,0.64,1) 0.35s;position:absolute;bottom:25%;right:10%;}.hero-section{background:linear-gradient( -45deg,var(--hero-gradient-1),var(--hero-gradient-2),var(--hero-gradient-3),var(--hero-gradient-4) );background-size:400% 400%;animation:gradient 15s ease infinite;}.hero-section.development{grid-template-columns:100%;justify-items:center;}.hero-section.no-hero-image::after{background-image:none;}.story-image{border-radius:16px;margin-bottom:1rem;box-shadow:var(--shadow-bl);}.hero-content{padding:20px 40px 20px 5%;position:relative;z-index:3;}.hero-subtitle{font-size:1.5rem;margin-bottom:30px;}.hero-list{list-style:none;display:flex;flex-direction:row;gap:12px;font-size:1.1rem;font-weight:bold;flex-wrap:wrap;}.hero-description{text-align:left;margin:20px 0;font-size:18px;}.hero-description p{font-size:1.25rem;color:var(--gray-600);line-height:1.7;font-weight:400;}.search-bar-form{display:flex;gap:10px;align-items:center;}.search-bar-input{flex:1;padding:14px 20px;border:1px solid var(--primary);border-radius:50px;font-size:1rem;outline:none;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.search-bar-input:focus{border-color:#c51a48;box-shadow:0 4px 15px rgba(253,66,57,0.2);}.search-bar-button{display:inline-block;padding:14px 30px;background:var(--primary);color:white;border:none;border-radius:50px;font-weight:700;font-size:1rem;box-shadow:0 4px 15px rgba(253,66,57,0.3);transition:all 0.3s ease;text-decoration:none;cursor:pointer;white-space:nowrap;}.search-bar-button:hover{background:#c2185b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(253,66,57,0.4);}.search-bar-button:active{transform:translateY(-1px);}.lesson-nav-container{background-color:var(--bg);}.nav-scroll-wrapper{display:flex;gap:12px;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:15px 0;}.nav-pill{display:flex;align-items:center;text-decoration:none;padding:8px 15px;background-color:var(--card-bg);border:1px solid var(--border);border-radius:50px;box-shadow:var(--shadow-lg);transition:all 0.3s ease;}.nav-pill:hover{border-color:var(--primary);background-color:var(--border);transform:scale(0.9);}.hero-section::after{background-image:url("/assets/images/hero.webp");background-size:contain;background-repeat:no-repeat;background-position:bottom right;}@media (max-width:768px){.hero-content{padding:0;}.hero-section-card{padding:120px 20px 40px;}.hero-title{text-align:left;font-size:2.8rem;font-weight:600;}.hero-subtitle{text-align:left;}.search-bar-form{flex-direction:column;gap:1rem;}.search-bar-input{padding:16px 35px;}.search-bar-button{text-align:center;padding:16px 75px;}.nav-scroll-wrapper{justify-content:flex-start;gap:12px;overflow-x:auto;scrollbar-width:none;padding:10px;}}@media (min-width:1450px){.hero-content{max-width:1200px;}}.header-icon{align-items:center;filter:invert(12%) sepia(85%) saturate(5185%) hue-rotate(334deg) brightness(87%) contrast(100%);}.footer-icon{filter:invert(12%) sepia(85%) saturate(5185%) hue-rotate(334deg) brightness(87%) contrast(100%);margin-right:10px;align-items:center;}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0;flex-wrap:wrap;background:var(--card-bg-1);}.page-btn{padding:12px 24px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition-normal);color:var(--text);min-width:100px;}.page-btn:hover:not(:disabled){background:var(--primary);color:var(--white);border-color:var(--primary);}.page-btn:disabled{opacity:0.5;cursor:not-allowed;}.current-page{font-weight:600;color:var(--text);font-size:1rem;padding:0 8px;}.page-numbers{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;}.page-number{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:12px;background:var(--card-bg);cursor:pointer;font-size:15px;font-weight:600;transition:var(--transition-normal);color:var(--text);}.page-number:hover{background:var(--surface);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}.page-number.active{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.page-jump{display:flex;gap:8px;align-items:center;}#page-input{width:70px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;font-size:1rem;text-align:center;background:var(--card-bg);color:var(--text);transition:var(--transition-normal);}#page-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(232,62,109,0.2);}#go-page{padding:8px 16px;background:var(--primary);color:var(--white);border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition-normal);}#go-page:hover{background:var(--primary-dark);transform:translateY(-1px);}@media (min-width:481px) and (max-width:768px){.pagination{flex-direction:row;gap:12px;}.page-jump{order:3;justify-content:center;margin:8px 0;}}@media (max-width:480px){.pagination{flex-direction:row;gap:12px;}.page-jump{order:3;justify-content:center;margin:8px 0;}}.sidebar{display:flex;flex-direction:column;gap:28px;}.sidebar-widget{border-radius:16px;box-shadow:var(--shadow-sm);padding:15px 24px;border:1px solid var(--border);background-color:var(--card-bg);}.sidebar-widget h3{margin-bottom:10px;border-bottom:2px solid var(--border);font-size:1.1rem;}.sidebar-widget-nav{display:none;border-radius:16px;box-shadow:var(--shadow-lg);padding:24px;border:1px solid var(--border);}.sidebar-widget-nav h3{margin-bottom:20px;border-bottom:2px solid var(--border);font-size:1rem;}.resources-list li,.in-page-nav li,.chapter-list li{transition:all var(--transition-fast);cursor:pointer;border-radius:6px;}.resources-list li:hover,.in-page-nav li:hover,.chapter-list li:hover{transform:translateX(4px);background-color:var(--bg);}.in-page-nav li a,.chapter-list a,.resources-list a{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px;font-size:16px;transition:all var(--transition-fast);padding:12px;}.in-page-nav li a:hover,.chapter-list a:hover,.resources-list a:hover{color:var(--primary);transform:translateX(2px);background-color:var(--bg);}.chapter-list .current{color:var(--primary);font-weight:600;position:relative;}.chapter-list .current::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--primary);border-radius:2px;}.progress-bar-container{width:100%;height:8px;background-color:var(--gray-300);border-radius:4px;overflow:hidden;margin:10px 0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;width:0%;transition:width 0.8s var(--transition-bounce);position:relative;}#progress-text{color:var(--text-secondary);margin-bottom:8px;font-weight:500;}#progress-percentage{color:var(--primary);margin-top:5px;}.icon-completed{filter:invert(54%) sepia(65%) saturate(491%) hue-rotate(121deg) brightness(92%) contrast(91%);}.quiz-btn{display:flex;margin:1rem 0rem 1rem 0;width:fit-content;color:var(--primary);padding:6px 8px;border:0.5px solid var(--primary);border-radius:8px;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);}.quiz-btn:hover{transform:scale(0.9);background-color:var(--bg);}.lesson-navigation{margin:1rem 0rem 1rem 0;display:flex;flex-direction:row;gap:8px;margin:1rem 0rem 1rem 0;}.nav-btn{color:var(--primary);padding:10px 20px;border:0.5px solid var(--primary);border-radius:8px;text-decoration:none;font-weight:600;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:var(--background);}.nav-btn:hover{transform:scale(0.9);background-color:var(--bg);}.in-page-nav{list-style:none;}@media (max-width:768px){.sidebar{order:2;margin:10px;}.progress-bar-container{height:6px;margin:8px 0;}.sidebar-widget{padding:20px;}.sidebar-widget-nav{display:block;margin:10px;}}.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s cubic-bezier(0.4,0,0.2,1),transform 0.65s cubic-bezier(0.4,0,0.2,1);}.reveal.is-visible{opacity:1;transform:none;}.reveal-stagger > *{opacity:0;transform:translateY(20px);transition:opacity 0.55s cubic-bezier(0.4,0,0.2,1),transform 0.55s cubic-bezier(0.4,0,0.2,1);}.reveal-stagger.is-visible > *:nth-child(1){opacity:1;transform:none;transition-delay:0.05s;}.reveal-stagger.is-visible > *:nth-child(2){opacity:1;transform:none;transition-delay:0.12s;}.reveal-stagger.is-visible > *:nth-child(3){opacity:1;transform:none;transition-delay:0.19s;}.reveal-stagger.is-visible > *:nth-child(4){opacity:1;transform:none;transition-delay:0.26s;}.reveal-stagger.is-visible > *:nth-child(5){opacity:1;transform:none;transition-delay:0.33s;}.reveal-stagger.is-visible > *:nth-child(6){opacity:1;transform:none;transition-delay:0.4s;}.reveal-stagger.is-visible > *:nth-child(7){opacity:1;transform:none;transition-delay:0.47s;}.reveal-stagger.is-visible > *:nth-child(8){opacity:1;transform:none;transition-delay:0.54s;}.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity 0.65s cubic-bezier(0.4,0,0.2,1),transform 0.65s cubic-bezier(0.4,0,0.2,1);}.reveal-left.is-visible{opacity:1;transform:none;}.title-section{display:flex;align-items:center;position:relative;min-height:300px;padding:40px 8%;overflow:hidden;box-shadow:var(--shadow-sm);}.title-section::before{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--primary);transition:height 0.8s cubic-bezier(0.4,0,0.2,1) 0.2s;}.title-section.is-visible::before{height:100%;}.title-content{max-width:900px;z-index:10;}.title-content h2{opacity:0;transform:translateY(22px);transition:opacity 0.6s ease 0.1s,transform 0.6s ease 0.1s;}.title-content h3{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease 0.2s,transform 0.6s ease 0.2s;}.title-content p{opacity:0;transform:translateY(14px);transition:opacity 0.6s ease 0.32s,transform 0.6s ease 0.32s;}.title-section.is-visible .title-content h2,.title-section.is-visible .title-content h3,.title-section.is-visible .title-content p{opacity:1;transform:none;}.mascot-container{position:absolute;bottom:0;right:10%;height:200px;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity 0.7s cubic-bezier(0.34,1.4,0.64,1) 0.35s,transform 0.7s cubic-bezier(0.34,1.4,0.64,1) 0.35s;}.title-section.is-visible .mascot-container{opacity:1;transform:translateY(0);}@keyframes mascot-float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-8px);}}.mascot-image{width:100%;height:100%;object-fit:contain;display:block;}.grid-section{overflow:hidden;}.lesson-card-container{opacity:0;transform:translateY(24px) scale(0.98);transition:opacity 0.55s cubic-bezier(0.4,0,0.2,1),transform 0.55s cubic-bezier(0.4,0,0.2,1);}.lesson-card-container.is-visible{opacity:1;transform:none;}@media (max-width:768px){.title-section{padding:28px 5%;}}@media (max-width:1240px){.mascot-container{display:none;}}.key-topics ul{list-style:none;padding-left:0;}.key-topics ul li{padding-left:1.5rem;text-indent:-1rem;margin-bottom:5px;}.circle-btn{width:20px;height:20px;border-radius:50%;border:2px solid var(--success);cursor:pointer;background-color:var(--success);}#study-area.active .circle-btn{background-color:var(--error);border-color:var(--error);}#study-area.active .card-romaji,#study-area.active .card-romaji-example{display:none !important;}.vocabulary-cards{display:none;flex-direction:column;gap:16px;margin-top:20px;}.conversation-card,.vocab-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all var(--transition-bounce);cursor:pointer;position:relative;margin-bottom:10px;}.vocab-card.expanded::before{transform:scaleX(1);}.vocab-card:hover{transform:translateY(-2px);border-color:var(--primary-light);}.grammar-header{padding:10px 0px;display:flex;align-items:center;gap:16px;transition:all var(--transition-normal);position:relative;}.card-header{padding:10px 0px;display:flex;align-items:center;gap:16px;transition:all var(--transition-normal);position:relative;}.grammar-title{font-size:min(20px,2vw + 1rem);color:var(--primary);line-height:1.5;}.card-number{background:var(--primary);color:var(--white);height:24px;width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);}.card-header.active .card-number{transform:scale(1.1);box-shadow:var(--shadow-md);}.card-word{flex-grow:1;min-width:0;}.card-reading,.card-japanese{font-family:"Noto Sans JP",sans-serif;font-size:1.2rem;display:flex;align-items:center;gap:12px;font-weight:bold;margin:0;color:var(--primary);line-height:1.3;}.card-romaji{color:var(--text-secondary);font-style:italic;font-size:0.85rem;}.vocab-card.expanded .arrow img{transform:rotate(180deg);opacity:1;}.vocab-card .lesson-card-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal),opacity var(--transition-fast);opacity:0;background-color:var(--card-bg);}.vocab-card.expanded .lesson-card-content{opacity:1;}.card-meaning{font-weight:600;color:var(--text);padding:8px 20px;margin:8px 0;background:var(--card-gradient);}.card-example{padding:0 24px 24px;}.card-example-title{color:var(--primary);display:flex;align-items:center;gap:10px;font-size:0.95rem;letter-spacing:0.5px;}.card-example-title::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px;}.vocab-card .card-japanese-example{font-family:"Noto Sans JP",sans-serif;display:flex;align-items:center;font-size:1.1rem;font-weight:bold;padding:0;}.card-romaji-example{margin-bottom:12px;color:var(--text-secondary);font-style:italic;}.target-romaji-word,.target-word-example{color:var(--primary);}.kanji-cell{font-size:1.4rem;font-weight:450;color:var(--primary);text-align:center;white-space:nowrap;font-family:"Noto Sans JP",sans-serif;}.card-kanji{font-family:"Noto Sans JP",sans-serif;font-size:1.2rem;font-weight:bold;font-size:1.1rem;margin-top:4px;color:var(--primary);letter-spacing:2px;padding:10px 0 0 20px;}.kanji-cards-header,.vocab-cards-header,.converstion-cards-header{display:none;}.kanji-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);animation:fadeIn 0.3s;}.kanji-modal-content{background-color:var(--card-bg);padding:20px;border-radius:12px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideIn 0.3s;margin:20vh auto;}.kanji-modal-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-bottom:2px solid var(--border);}.kanji-modal-character{font-size:4rem;font-weight:bold;color:var(--primary);margin-right:20px;}.kanji-modal-meaning{font-size:1.2rem;color:var(--text);font-weight:500;}.kanji-modal-body{text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.kanji-gif{max-width:100%;max-height:300px;border-radius:8px;box-shadow:var(--shadow-md);}.kanji-gif-caption{margin-top:10px;color:var(--text-secondary);font-size:0.9rem;}.kanji-modal-footer{font-family:josefin-sans,sans-serif;text-align:center;padding-top:15px;border-top:1px solid var(--border);color:var(--primary);font-size:0.6rem;}.kanji-modal-close{float:right;font-size:28px;font-weight:bold;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);}.kanji-modal-close:hover{color:var(--text);}.kanji-cards{display:none;flex-direction:column;gap:16px;margin-top:20px;}.kanji-breakdown-card{display:flex;align-items:center;background:var(--card-gradient);border-radius:6px;padding:10px;margin-bottom:8px;position:relative;}.breakdown-kanji-card{font-family:"Noto Sans JP",sans-serif;font-size:1.3rem;font-weight:bold;color:var(--text);margin-right:15px;cursor:pointer;transition:all var(--transition-fast);padding:5px 8px;border-radius:4px;background:var(--card-bg);min-width:35px;text-align:center;border:1px solid var(--border);position:relative;}.breakdown-kanji-card:hover{background:var(--bg);border-color:var(--primary);color:var(--primary);transform:scale(1.1);}.gif-indicator{position:absolute;top:-5px;right:-5px;font-size:0.7rem;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;}.breakdown-meaning-card{flex-grow:1;}@media (max-width:1149px){.kanji-cards,.vocabulary-cards{display:flex;background-color:transparent;}.vocab-card .card-japanese-example{padding:8px 0;}.card-header{padding:10px 20px;gap:12px;min-height:80px;}.grammar-header{padding:0;gap:12px;}.card-japanese{font-size:1.2rem;gap:8px;padding:2px 0;}.card-example{padding:0 20px 20px;}.vocab-card .lesson-card-content{display:block !important;overflow:hidden;}.kanji-modal-content{margin:20% auto;width:95%;}.kanji-modal-character{font-size:3rem;}}@media (min-width:1150px){.vocabulary-cards{display:flex;flex-direction:column;gap:0;margin:0;}.vocab-cards-header,.vocab-card{display:grid;grid-template-columns:4% 18% 15% 20% 1fr;}.vocab-cards-header span:first-child{margin-left:4px;}.kanji-cards-header,.converstion-cards-header,.vocab-cards-header{background:var(--primary);color:var(--white);padding:10px 0;font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;}.conversation-card,.vocab-card{grid-template-rows:1fr;align-items:center;border-radius:0;border:none;border-bottom:1px solid var(--border);cursor:default;overflow:visible;padding:5px 0;background-color:transparent;margin-bottom:0;min-height:112px;gap:10px;}.kanji-cards{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;margin-top:20px;}.vocab-card:hover{transform:none;border-color:var(--border);background-color:var(--bg);}.card-header{display:contents;padding:0;min-height:unset;gap:0;}.kanji-cards-header,.kanji-card{display:grid;grid-template-columns:5% 15% 18% 30% 1fr;}.card-number{align-self:center;justify-self:center;}.card-word{display:flex;flex-direction:column;gap:4px;padding:0;}.card-japanese,.card-kanji{padding:4px 0;}.card-header > .arrow{display:none;}.vocab-card .lesson-card-content{display:contents !important;opacity:1 !important;overflow:visible !important;background:none;transition:none;}.card-meaning{font-weight:400;padding:0;margin:0;background:transparent;}.card-example{padding:0;display:flex;flex-direction:column;gap:2px;align-self:center;}.card-example-title{display:none;}.card-romaji-example{font-size:0.85rem;color:var(--text-secondary);margin-bottom:2px;}.converstion-cards-header,.conversation-card{display:grid;grid-template-columns:5% 30% 20% 1fr;}.conversation-card .card-header > .arrow{display:none;}.kanji-card .card-header{display:contents;}.kanji-card .card-number{align-self:center;justify-self:center;}.kanji-card .card-word{display:flex;flex-direction:column;gap:4px;align-self:center;}.kanji-card .arrow{display:none;}.kanji-card .lesson-card-content{display:contents !important;max-height:unset !important;opacity:1 !important;overflow:visible !important;background:none;transition:none;}.kanji-card .card-meaning{align-self:center;padding:0;margin:0;border-top:none;background:none;}.kanji-card .kanji-breakdown-card{align-self:center;background:none;padding:0;margin:0;display:flex;align-items:center;gap:8px;margin:12px 0;}.kanji-card .card-example{align-self:center;padding:0;display:flex;flex-direction:column;gap:2px;}.kanji-card .card-example-title{display:none;}.kanji-card .card-reading{padding:0;}.kanji-card .card-romaji-example{font-size:0.85rem;color:var(--text-secondary);margin-bottom:2px;}.kanji-breakdown-card{display:flex;align-items:center;background:var(--surface);border-radius:6px;padding:10px;margin-bottom:8px;position:relative;}.breakdown-kanji-card{font-weight:bold;color:var(--text);margin-right:15px;cursor:pointer;transition:all var(--transition-fast);padding:5px 8px;border-radius:4px;background:var(--card-bg);min-width:35px;text-align:center;border:1px solid var(--border);position:relative;}.breakdown-kanji-card:hover{background:var(--bg);border-color:var(--primary);color:var(--primary);transform:scale(1.1);}.breakdown-meaning-card{flex-grow:1;}}@media (max-width:1149px){.lesson-card-content{max-height:0;overflow:hidden;opacity:0;visibility:hidden;display:block;transition:max-height 0.4s ease,opacity 0.3s ease;}}@media (min-width:1150px){.lesson-card-content{max-height:none !important;opacity:1 !important;visibility:visible !important;}}.voca-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),310px));gap:20px;padding:20px 10px;margin:12px auto;width:100%;justify-content:center;}.lesson-card-container{display:grid;width:100%;border-radius:12px;max-height:160px;align-content:center;position:relative;background:var(--card-bg,var(--white));border:1px solid rgba(197,26,72,0.08);box-shadow:var(--shadow-container);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease,border-color 0.3s ease;overflow:hidden;}.lesson-card-container::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:0;background:var(--primary);border-radius:0 2px 2px 0;transition:height 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1;}.lesson-card-container:hover::before{height:100%;}.lesson-card-container:hover{transform:translateY(-4px);border-color:rgba(197,26,72,0.2);box-shadow:var(--shadow-card);}.lesson-card-link{display:grid;grid-template-columns:auto 1fr;gap:0 14px;padding:10px 10px 10px 12px;cursor:pointer;position:relative;text-decoration:none;overflow:hidden;}.lesson-card-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient( 105deg,transparent 20%,rgba(255,255,255,0.18) 50%,transparent 80% );opacity:0;pointer-events:none;transition:left 0.55s ease,opacity 0.2s ease;}.lesson-card-container:hover .lesson-card-shine{opacity:1;left:150%;}.lesson-card-image{grid-column:1;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center;width:88px;height:124px;}.lesson-card-image img{width:88px;height:124px;object-fit:cover;border-radius:6px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease;}.lesson-card-container:hover .lesson-card-image img{transform:scale(1.03) rotate(-1deg);box-shadow:var(--shadow-img);}.lesson-text-group{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;}.lesson-card-title{font-size:1rem;color:var(--primary);font-weight:600;display:flex;flex-direction:column;gap:4px;margin:0;}.lesson-card-title span:first-child{font-size:1.1rem;color:var(--text);border-bottom:1.5px solid rgba(197,26,72,0.2);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lesson-topic-description{font-size:0.85rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}.lesson-click-indicator{position:absolute;bottom:12px;right:12px;color:var(--primary);font-size:0.8rem;opacity:0;transform:translateX(-4px);transition:opacity 0.25s ease,transform 0.25s ease;display:flex;align-items:center;gap:4px;}.lesson-card-link:hover .lesson-click-indicator{opacity:1;transform:none;}@media (max-width:600px){.voca-card{grid-template-columns:1fr;padding:12px 16px;gap:12px;}.lesson-card-container{max-height:none;width:100%;}.lesson-card-link{padding:12px;}}@media (min-width:601px) and (max-width:1199px){.voca-card{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));padding:16px 16px;}}@media (min-width:1200px){.voca-card{grid-template-columns:repeat(3,minmax(340px,380px));gap:24px;}}.breadcrumb-container{display:flex;justify-content:center;padding:0.5rem 0;background-color:var(--card-bg-2);}.breadcrumb-list{display:flex;font-size:0.9rem;color:#6c757d;padding:0 10px;justify-content:center;flex-wrap:wrap;}.breadcrumb-item{display:inline-flex;align-items:center;}.breadcrumb-item:not(:last-child)::after{content:"/";color:var(--text-muted,#666);}.breadcrumb-item a{color:var(--link-color,#b22234);text-decoration:none;transition:color 0.2s;}.breadcrumb-item a:hover{text-decoration:underline;color:var(--link-hover,#8b1a1a);}.breadcrumb-item.active{color:var(--text-secondary,#555);font-weight:500;}footer{background-color:var(--card-bg);color:var(--text);padding:56px 8% 0;position:relative;overflow:hidden;}footer::before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);}.footer-container{display:grid;grid-template-rows:auto;margin:0 auto;padding:0;gap:8px;}.always-open,.accordion{font-size:1rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--primary);line-height:1.5;padding:0 8px 10px;border-bottom:1px solid rgba(197,26,72,0.12);}footer ul{list-style:none;margin:0;padding:0;}footer ul li{display:flex;align-items:center;padding:2px 0;border-radius:6px;transition:background 0.2s ease;}footer ul li:hover{background:rgba(197,26,72,0.05);}footer ul li a{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px;font-size:0.92rem;padding:8px 10px;width:100%;border-radius:6px;transition:color 0.2s ease,padding-left 0.2s ease;}footer ul li a:hover{color:var(--primary);padding-left:14px;}.social-link{display:flex;align-items:center;gap:10px;}.footer-icon{width:18px;height:18px;opacity:0.7;transition:opacity 0.2s ease;}footer ul li:hover .footer-icon{opacity:1;}.footer-image{margin-bottom:16px;display:block;}.description{line-height:1.75;font-size:0.9rem;}footer .footer-copyright{text-align:center;padding:20px 0;font-size:13px;margin-top:40px;color:var(--text);opacity:0.8;letter-spacing:0.02em;}footer .footer-copyright a{color:var(--primary);text-decoration:none;}@media (min-width:1150px){.always-open{margin-bottom:12px;}.arrow{display:none;}footer{border-radius:0;}.footer-container{padding:28px 0 0;max-width:100%;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start;}footer .accordion-content,footer .footer-column:first-child .accordion-content{display:block !important;max-height:none !important;opacity:1 !important;visibility:visible !important;}}@media (max-width:1150px){footer{padding:48px 5% 0;}footer ul{margin:0 8px;}footer ul li{padding:2px 0;margin:2px 0;border-radius:6px;border-bottom:none;background:transparent;}footer .accordion-content{display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease;}.accordion{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-radius:8px;font-size:1rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--primary);background:transparent;border-bottom:1px solid rgba(197,26,72,0.1);transition:background 0.25s ease,padding-left 0.25s ease;}.accordion:hover{background:rgba(197,26,72,0.04);padding-left:16px;}.accordion .arrow{opacity:0.5;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease;}.accordion.active .arrow{transform:rotate(180deg);opacity:1;}.accordion.active{background:rgba(197,26,72,0.06);border-bottom-color:transparent;border-radius:8px 8px 0 0;}.always-open{display:none;}}.mobile-header-container{position:relative;z-index:1001;}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;transition:background 0.5s ease,box-shadow 0.5s ease,height 0.4s ease;}.mobile-header::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}.mobile-header.scrolled::after{width:80%;}.mobile-header.scrolled{background:var(--surface2);box-shadow:var(--shadow-sm);height:56px;}@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.mobile-header.scrolled{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);}}.mobile-header:has(.hamburger-menu.active)::after{content:none;}.mobile-header.scrolled:has(.hamburger-menu.active){background:transparent !important;backdrop-filter:none;}.logo{display:flex;align-items:center;z-index:10;}.logo a{display:flex;align-items:center;gap:10px;text-decoration:none;position:relative;}.logo a::before{content:"";position:absolute;inset:-6px -10px;border-radius:6px;background:var(--primary);opacity:0;transform:scale(0.9);transition:opacity 0.3s ease,transform 0.3s ease;}.logo a:hover::before{opacity:0.06;transform:scale(1);}.logo img{height:30px;width:auto;position:relative;}.mobile-header .header-nav,.mobile-header .header-social{display:none;}.hamburger-menu{width:32px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1003;border:none;background:transparent;padding:0;position:relative;}.hamburger-menu span{display:block;height:1.5px;background:var(--primary);border-radius:2px;transform-origin:center;transition:transform 0.45s cubic-bezier(0.23,1,0.32,1),opacity 0.3s ease,width 0.3s ease;}.hamburger-menu span:nth-child(2){width:70%;margin-left:auto;}.hamburger-menu.active span:nth-child(1){transform:translateY(9.25px) rotate(45deg);width:100%;}.hamburger-menu.active span:nth-child(2){opacity:0;transform:scaleX(0);}.hamburger-menu.active span:nth-child(3){transform:translateY(-9.25px) rotate(-45deg);width:100%;}.fullscreen-menu{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:stretch;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0.4s ease;overflow-y:auto;overflow-x:hidden;background:radial-gradient( ellipse 80% 60% at 90% 10%,var(--com3) 0%,transparent 60% ),radial-gradient( ellipse 60% 80% at 10% 90%,var(--com3) 0%,transparent 60% ),var(--bg);}.fullscreen-menu::before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border-lighter) 1px,transparent 1px),linear-gradient(90deg,var(--border-lighter) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}.fullscreen-menu::after{content:"";position:fixed;left:0;top:0;width:3px;height:0;background:linear-gradient( 180deg,transparent 0%,var(--primary) 15%,var(--primary) 85%,transparent 100% );transition:height 0.7s cubic-bezier(0.4,0,0.2,1) 0.05s;z-index:2;}.fullscreen-menu.active::after{height:100%;}.fullscreen-menu.active{opacity:1;visibility:visible;pointer-events:auto;}.menu-content{display:flex;flex-direction:column;padding:88px 20px 48px;min-height:100%;position:relative;z-index:1;}.menu-content::before{content:"— Navigation";display:block;font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary-light);margin-bottom:12px;padding:0 4px;opacity:0;transition:opacity 0.4s ease 0.1s;}.fullscreen-menu.active .menu-content::before{opacity:1;}.fullscreen-menu .header-nav{display:flex;flex-direction:column;gap:4px;}.fullscreen-menu .header-nav > *{opacity:0;transform:translateX(-16px);transition:opacity 0.4s ease,transform 0.4s ease;}.fullscreen-menu.active .header-nav > *:nth-child(1){opacity:1;transform:none;transition-delay:0.1s;}.fullscreen-menu.active .header-nav > *:nth-child(2){opacity:1;transform:none;transition-delay:0.16s;}.fullscreen-menu.active .header-nav > *:nth-child(3){opacity:1;transform:none;transition-delay:0.22s;}.fullscreen-menu.active .header-nav > *:nth-child(4){opacity:1;transform:none;transition-delay:0.28s;}.fullscreen-menu.active .header-nav > *:nth-child(5){opacity:1;transform:none;transition-delay:0.34s;}.fullscreen-menu .header-nav > a:not(.nav-accordion){display:flex;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;border-radius:10px;border:0.5px solid var(--border-light);background:var(--border-lighter);transition:background 0.25s ease,color 0.25s ease,border-color 0.25s ease,padding-left 0.25s ease;}.fullscreen-menu .header-nav > a:not(.nav-accordion)::before{content:"";width:32px;height:32px;min-width:32px;background:var(--border-light);border-radius:8px;display:block;}.fullscreen-menu .header-nav > a:not(.nav-accordion):hover{background:var(--com3);color:var(--text-darker);border-color:var(--border);padding-left:18px;}.fullscreen-menu .nav-dropdown{display:flex;flex-direction:column;}.fullscreen-menu .nav-accordion{cursor:pointer;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;font-size:0.95rem;font-weight:bold;letter-spacing:0.01em;background:var(--border-lighter);border:0.5px solid var(--border-light);transition:background 0.25s ease,color 0.25s ease,border-color 0.25s ease,padding-left 0.25s ease;margin:0;}.fullscreen-menu .nav-accordion:hover{background:var(--com3);border-color:var(--border);padding-left:18px;}.fullscreen-menu .nav-accordion.active{background:var(--com3);border-color:var(--border);border-radius:10px 10px 0 0;}.fullscreen-menu .nav-accordion .arrow img{transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);opacity:0.4;filter:invert(var(--dark-invert,0));}.fullscreen-menu .nav-accordion.active .arrow img{transform:rotate(180deg);opacity:0.8;}.fullscreen-menu .nav-dropdown-content{position:static;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:none;box-shadow:none;background:var(--border-lighter);border-left:2px solid var(--border);margin:0 0 4px 0;border-radius:0 0 8px 8px;width:100%;transition:max-height 0.38s cubic-bezier(0.25,1,0.5,1),opacity 0.25s ease,visibility 0.3s ease;will-change:max-height,opacity;}.fullscreen-menu .nav-dropdown-content.open{max-height:600px;opacity:1;visibility:visible;}.fullscreen-menu .nav-dropdown-content ul{list-style:none;margin:0;padding:6px 0 10px;}.fullscreen-menu .nav-dropdown-content li{background:transparent;box-shadow:none;margin:0;}.fullscreen-menu .nav-dropdown-content a{display:block;color:var(--text);padding:9px 16px 9px 20px;border-radius:6px;font-size:0.88rem;letter-spacing:0.01em;transition:background 0.2s ease,color 0.2s ease,padding-left 0.2s ease;}.fullscreen-menu .nav-dropdown-content a:hover{background:var(--com3);color:var(--text-darker);padding-left:26px;}.fullscreen-menu .header-social{display:flex;align-items:center;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light);opacity:0;transform:translateY(12px);transition:opacity 0.4s ease 0.38s,transform 0.4s ease 0.38s;}.fullscreen-menu .header-social::before{content:"Follow";font-size:10px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--primary-light);white-space:nowrap;margin-right:4px;}.fullscreen-menu.active .header-social{opacity:1;transform:none;}.fullscreen-menu .header-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden;}.fullscreen-menu .header-social a::before{content:"";position:absolute;inset:0;background:var(--primary);border-radius:50%;transform:scale(0);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.fullscreen-menu .header-social a:hover::before{transform:scale(1);}.fullscreen-menu .header-social a:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}.fullscreen-menu .header-social a:hover img{filter:brightness(0) invert(1);}.menu-footer{margin-top:auto;padding-top:24px;opacity:0;transform:translateY(8px);transition:opacity 0.4s ease 0.45s,transform 0.4s ease 0.45s;}.fullscreen-menu.active .menu-footer{opacity:1;transform:none;}.menu-footer p,.menu-footer span,.menu-footer a{font-size:11px;color:var(--text-disabled);letter-spacing:0.04em;text-decoration:none;}.nav-dropdown{position:relative;}.nav-accordion{cursor:pointer;padding:6px 12px;color:var(--primary);font-size:1rem;display:flex;text-transform:uppercase;transition:background 0.25s ease,transform 0.25s ease,color 0.25s ease;}.nav-accordion:hover{background:var(--com3);transform:translateY(-1px);}.nav-accordion .arrow img{opacity:0.6;transition:transform 0.3s ease,opacity 0.3s ease;}.nav-dropdown:hover .nav-accordion .arrow img{transform:rotate(180deg);opacity:1;}.nav-dropdown-content{position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-8px);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:max-content;min-width:200px;border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity 0.25s ease,transform 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.25s ease;z-index:1000;overflow:hidden;border:0.5px solid var(--border-light);}.nav-dropdown-content::before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--primary),transparent);margin:0;}.nav-dropdown-content ul{list-style:none;margin:0;padding:8px 0 10px;}.nav-dropdown-content li{margin:0;}.nav-dropdown-content a{display:flex;align-items:center;gap:10px;color:var(--text);padding:9px 18px;font-size:0.9rem;letter-spacing:0.01em;text-decoration:none;transition:background 0.2s ease,color 0.2s ease,padding-left 0.2s ease;}.nav-dropdown-content a:hover{background:var(--com3);color:var(--primary);padding-left:22px;}.nav-dropdown:hover .nav-dropdown-content{opacity:1;visibility:visible;transform:translateY(0);}@media (min-width:1150px){.mobile-header .header-nav,.mobile-header .header-social{display:flex;}.hamburger-menu,.fullscreen-menu{display:none !important;}.mobile-header .header-nav a{font-size:0.95rem;font-weight:500;padding:6px 12px;color:var(--primary);text-decoration:none;border-radius:6px;letter-spacing:0.02em;transition:background 0.25s ease,transform 0.25s ease;}.mobile-header .header-nav a:hover{background:var(--com3);transform:translateY(-1px);}.mobile-header .header-social{gap:8px;}.mobile-header .header-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);color:var(--primary);transition:all 0.3s ease;position:relative;overflow:hidden;}.mobile-header .header-social a::before{content:"";position:absolute;inset:0;background:var(--primary);transform:scale(0);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.mobile-header .header-social a:hover::before{transform:scale(1);}.mobile-header .header-social a:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.mobile-header .header-social a img{position:relative;z-index:1;transition:filter 0.3s ease;}.mobile-header .header-social a:hover img{filter:brightness(0) invert(1);}}.no-scroll{overflow:hidden !important;}@media (min-width:600px){.menu-content{padding-top:88px;}}.lesson-main{display:grid;grid-template-columns:80% 20%;gap:30px;padding:20px 4%;}.hero-content.hero-left-align{padding-left:0%;}.chapter-content{overflow:hidden;}.panel-title{color:var(--primary);font-size:min(24px,2vw + 1rem);box-shadow:var(--shadow-sm);margin:20px 0px 15px 0px;border-bottom:2px solid;}.lesson-section{background:var(--card-bg);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;border:1px solid var(--border);border-radius:16px;}.grammar-point{border-radius:16px;padding:24px;border:1px solid var(--border);background-color:var(--card-bg);margin-bottom:2rem;}.grammar-point h3{color:var(--primary);margin-bottom:12px;font-size:1.3rem;}.grammar-structure{margin:15px 0;border-radius:8px;color:var(--error);font-weight:600;}.grammar-usage,.pro-tip{margin:15px 0;padding:12px;border-radius:8px;background:var(--bg);}.pro-tip{background:rgba(241,196,15,0.1);}.grammar-usage{background:rgba(93,173,226,0.1);}.example-jp{font-size:1.1em;font-weight:500;margin-bottom:8px;}.example-romaji{color:var(--text-secondary);font-style:italic;margin:5px 0;}.example-en{color:var(--text-secondary);font-style:italic;line-height:1.4;}.example{background:var(--background);padding:20px 10px;border-radius:12px;margin:12px 0;border:1px solid var(--border);}.exercise{background:var(--background);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border);}.exercise:last-child{margin-bottom:0;}.exercise h3{margin-bottom:20px;color:var(--primary);font-size:1.15rem;}.check-btn{background-color:var(--primary);color:var(--white);border:none;padding:12px 24px;border-radius:10px;cursor:pointer;transition:all var(--transition-normal);font-weight:600;box-shadow:var(--shadow-sm);margin-top:2%;}.check-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.media-grid{display:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}.media-card{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:var(--card-bg);}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.media-card img{width:100%;height:200px;object-fit:cover;}.video-lesson-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:var(--shadow-md);background:var(--gray-900);}.video-lesson-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;aspect-ratio:16 / 9;min-height:220px;}.card-kanji{cursor:zoom-in;transition:opacity 0.2s;}.card-kanji:hover{opacity:0.7;}.zoom-overlay{position:fixed;inset:0;z-index:99999;background:rgba( 0,0,0,0.05 );cursor:default;}.zoom-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.3);cursor:zoom-out;width:100vw;height:100vh;}.zoom-content{position:fixed;z-index:100000;background:white !important;color:#333 !important;padding:10px 20px;border-radius:12px;border:3px solid #c51a48;font-size:3rem;font-weight:bold;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%) scale(0.6);opacity:0;transition:all 0.2s cubic-bezier(0.18,0.89,0.32,1.28);}.zoom-content.active{opacity:1;transform:translate(-50%,-140%) scale(1);}@media (max-width:1200px){.lesson-main{padding:5px 0px;grid-template-columns:1fr;gap:20px;margin:0 auto;}.all-vocabulary-container .lesson-section{padding:0;border:none;}}@media (max-width:768px){.lesson-section{padding:1rem;border:none;box-shadow:none;}.media-grid{grid-template-columns:1fr;gap:20px;}.exercise{padding:20px;margin-bottom:20px;}.grammar-point{padding:0;background:none;border:none;border-radius:0;box-shadow:none;background-color:transparent;}}.explanation{margin-top:20px;}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;}.news-card{background:white;border-radius:1rem;border:1px solid #e2e8e0;overflow:hidden;}.news-img{height:120px;background:#d9e3d2;display:flex;align-items:center;justify-content:center;font-size:2rem;}.news-content{padding:1rem;}.news-title{font-weight:bold;margin-bottom:0.3rem;}.news-meta{font-size:0.7rem;color:#6c7a66;margin-bottom:0.5rem;}.vocabulary-controls{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:20px auto;flex-wrap:wrap;padding:10px;gap:15px;}.search-box{flex:1;min-width:300px;}.search-box input{width:100%;padding:10px 15px;border:2px solid var(--border);border-radius:25px;font-size:16px;transition:border-color var(--transition-normal);background:var(--card-bg);color:var(--text);box-shadow:var(--shadow-md);}.search-box input:focus{outline:none;border-color:var(--primary);}.filter-controls{display:flex;gap:10px;flex-wrap:wrap;}.filter-btn{padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all var(--transition-normal);color:var(--text);}.filter-btn:hover{background:var(--bg);}.filter-btn.active{background:var(--primary);color:var(--white);}.loading-indicator{text-align:center;padding:40px;color:var(--text-secondary);}.no-results{text-align:center;padding:40px;color:var(--text-secondary);display:none;}@media (max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr);}.filter-controls{gap:4px;}}