:root{--japan-red:#9e2a2b;--japan-red-light:#c13b3c;--japan-red-pale:#f2eaea;--paper-bg:#f5f5f5;--paper-texture:url(https://www.transparenttextures.com/patterns/paper-1.png);--ink-color:#3c3c3c;--gold-accent:#b8a370;--shadow:0 5px 15px rgba(0,0,0,.08);--dark-bg:#1b1b1b;--dark-card:#2c2c2c;--dark-text:#e0e0e0;--dark-red:#ff4d4d;--dark-red-light:#ff7a7a;--dark-red-pale:#331a1a;--dark-shadow:0 5px 15px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--paper-bg);color:var(--ink-color);line-height:1.6;font-family:"Noto Serif JP",serif;background-image:var(--paper-texture);position:relative;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text);--japan-red:var(--dark-red);--japan-red-light:var(--dark-red-light);--japan-red-pale:var(--dark-red-pale);--paper-bg:var(--dark-bg);--ink-color:var(--dark-text);--shadow:var(--dark-shadow)}.comic-border{border:3px solid var(--ink-color);position:relative;background:#fff;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .comic-border{background:var(--dark-card);border-color:var(--dark-text)}.comic-border:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid var(--ink-color);z-index:-1;background:var(--paper-bg);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .comic-border:before{background:var(--dark-bg);border-color:var(--dark-text)}.speech-bubble{position:relative;background:#fff;border-radius:20px;padding:20px;margin:30px auto;max-width:600px;border:3px solid var(--ink-color);box-shadow:var(--shadow);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .speech-bubble{background:var(--dark-card);border-color:var(--dark-text)}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--ink-color);transition:border-top-color .3s ease}body.dark-mode .speech-bubble:after{border-top-color:var(--dark-text)}.japanese-pattern{position:absolute;width:100px;height:100px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%233c3c3c" stroke-width="2" opacity="0.1"/></svg>');z-index:-1;opacity:.1}body.dark-mode .japanese-pattern{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%23ff4d4d" stroke-width="2" opacity="0.1"/></svg>')}.japanese-decoration{position:absolute;font-size:8rem;opacity:.05;z-index:-1;font-family:Yuji Syuku,serif;color:var(--japan-red);transition:color .3s ease}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:hsla(0,0%,96%,.95);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode header{background-color:rgba(44,44,44,.95);border-color:var(--dark-text)}.logo{gap:15px;border-radius:20px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:60px;height:60px;background:var(--japan-red);border-radius:50%;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:var(--shadow);position:relative;overflow:hidden;border:2px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}.logo-text{font-size:2rem;font-weight:700;color:var(--japan-red);font-family:Yuji Syuku,serif;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.logo-subtext,.logo-text{transition:color .3s ease}.logo-subtext{font-size:.9rem;color:#666}body.dark-mode .logo-subtext{color:#aaa}nav ul{display:flex;list-style:none;gap:25px;align-items:center}nav a{color:var(--ink-color);text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 15px;border-radius:30px;position:relative;border:1px solid transparent}nav a:hover{background-color:var(--japan-red-pale);color:var(--japan-red);border:1px solid var(--japan-red)}body.dark-mode nav a{color:var(--dark-text)}body.dark-mode nav a:hover{background-color:var(--dark-red-pale);color:var(--dark-red);border:1px solid var(--dark-red)}.dark-mode-toggle{display:flex;align-items:center;gap:10px;margin-left:20px;cursor:pointer;padding:8px 15px;border-radius:30px;transition:background-color .3s ease}.dark-mode-toggle:hover{background-color:var(--japan-red-pale)}body.dark-mode .dark-mode-toggle:hover{background-color:var(--dark-red-pale)}.toggle-switch{position:relative;width:50px;height:24px;background-color:#ccc;border-radius:12px;transition:background-color .3s ease}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}body.dark-mode .toggle-switch{background-color:var(--dark-red)}body.dark-mode .toggle-switch:after{transform:translateX(26px)}.mobile-menu-btn{transition:color .3s ease}.mobile-nav{display:none;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .mobile-nav{background:var(--dark-card)}.mobile-nav.active{display:block}.mobile-nav ul{gap:10px}.mobile-nav li{margin-bottom:0}.mobile-nav a{padding:10px 15px;border-radius:5px;transition:all .3s ease}.mobile-nav a:hover{background-color:var(--japan-red-pale)}body.dark-mode .mobile-nav a:hover{background-color:var(--dark-red-pale)}.hero{padding:100px 0;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(139,0,0,.05),hsla(0,43%,93%,.1));border-bottom:5px solid var(--japan-red);transition:background .3s ease,border-color .3s ease}body.dark-mode .hero{background:linear-gradient(135deg,rgba(255,77,77,.05),rgba(42,26,26,.1));border-color:var(--dark-red)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--paper-texture);opacity:.3;z-index:-1}.hero h1{font-size:3.5rem;margin-bottom:20px;color:var(--japan-red);text-shadow:2px 2px 0 rgba(0,0,0,.1);position:relative;display:inline-block;padding:0 20px;font-family:Yuji Syuku,serif;border-bottom:3px solid var(--japan-red);transition:color .3s ease,border-color .3s ease}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto 30px;color:var(--ink-color);background:hsla(0,0%,100%,.7);padding:15px;border-radius:10px;border-left:5px solid var(--japan-red);box-shadow:var(--shadow);transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode .hero p{background:rgba(30,30,30,.7);color:var(--dark-text);border-color:var(--dark-red)}.cta-button{display:inline-block;background:var(--japan-red);color:#fff;padding:15px 35px;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:var(--shadow);position:relative;overflow:hidden;border:2px solid var(--ink-color);font-family:Yuji Syuku,serif}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(139,0,0,.3);background:var(--japan-red-light)}body.dark-mode .cta-button{background:var(--dark-red);border-color:var(--dark-text)}body.dark-mode .cta-button:hover{background:var(--dark-red-light);box-shadow:0 8px 15px rgba(255,77,77,.3)}.countdown-section{padding:80px 0;text-align:center}.countdown-section h2{color:var(--ink-color);margin-bottom:40px;font-size:2.2rem;position:relative;display:inline-block;font-family:Yuji Syuku,serif;transition:color .3s ease}.countdown-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--japan-red);border-radius:2px;transition:background-color .3s ease}.countdown-card{background:#fff;border-radius:5px;box-shadow:var(--shadow);overflow:hidden;max-width:900px;margin:0 auto;display:flex;flex-direction:column;border:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .countdown-card{background:var(--dark-card);border-color:var(--dark-text)}.countdown-header{background:var(--japan-red);color:#fff;padding:25px;position:relative;border-bottom:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .countdown-header{background:var(--dark-red);border-color:var(--dark-text)}.countdown-header h3{font-size:1.8rem;margin-bottom:10px;font-family:Yuji Syuku,serif}.countdown-content{display:flex;flex-wrap:wrap;padding:0}.countdown-timer{flex:1 1;min-width:300px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:3px solid var(--ink-color);transition:border-color .3s ease}body.dark-mode .countdown-timer{border-color:var(--dark-text)}.countdown{display:flex;justify-content:center;gap:15px;margin:20px 0}.countdown-item{background:var(--japan-red-pale);padding:15px 10px;border-radius:5px;min-width:80px;border:2px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .countdown-item{background:var(--dark-red-pale);border-color:var(--dark-text)}.countdown-number{font-size:2.2rem;font-weight:700;color:var(--japan-red);font-family:Yuji Syuku,serif;transition:color .3s ease}.countdown-label{font-size:.8rem;color:var(--ink-color);margin-top:5px;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.teacher-info{flex:1 1;min-width:300px;padding:30px;text-align:left}.teacher-header{display:flex;align-items:center;margin-bottom:20px}.teacher-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--japan-red);margin-right:15px;transition:border-color .3s ease}body.dark-mode .teacher-photo{border-color:var(--dark-red)}.teacher-details h4{font-size:1.4rem;color:var(--japan-red);margin-bottom:5px;font-family:Yuji Syuku,serif;transition:color .3s ease}.teacher-details .subject{color:#666;font-size:1rem;transition:color .3s ease}body.dark-mode .teacher-details .subject{color:#aaa}.teacher-bio{margin-bottom:20px;color:#555;line-height:1.6;transition:color .3s ease}body.dark-mode .teacher-bio{color:#ccc}.class-details{background:var(--japan-red-pale);padding:15px;border-radius:5px;margin-top:15px;border:2px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .class-details{background:var(--dark-red-pale);border-color:var(--dark-text)}.class-details h5{color:var(--japan-red);margin-bottom:10px;font-size:1.1rem;font-family:Yuji Syuku,serif;transition:color .3s ease}.detail-item{display:flex;margin-bottom:8px}.detail-item i{color:var(--japan-red);margin-right:10px;width:20px;transition:color .3s ease}.documentation{padding:80px 0;background-color:hsla(0,0%,100%,.7);transition:background-color .3s ease}body.dark-mode .documentation{background-color:rgba(30,30,30,.7)}.section-title{text-align:center;color:var(--ink-color);margin-bottom:50px;font-size:2.2rem;position:relative;font-family:Yuji Syuku,serif;transition:color .3s ease}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--japan-red);border-radius:2px;transition:background-color .3s ease}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.doc-card{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,background-color .3s ease,border-color .3s ease;border:3px solid var(--ink-color)}body.dark-mode .doc-card{background-color:var(--dark-card);border-color:var(--dark-text)}.doc-card:hover{transform:translateY(-10px)}.doc-icon{background:var(--japan-red);color:#fff;padding:25px;text-align:center;font-size:2.5rem;border-bottom:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .doc-icon{background:var(--dark-red);border-color:var(--dark-text)}.doc-content{padding:25px}.doc-content h3{color:var(--ink-color);margin-bottom:15px;font-size:1.3rem;font-family:Yuji Syuku,serif;transition:color .3s ease}.doc-content p{color:#666;transition:color .3s ease}body.dark-mode .doc-content p{color:#ccc}.events{padding:80px 0}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;gap:30px}.event-card{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,background-color .3s ease,border-color .3s ease;border:3px solid var(--ink-color)}body.dark-mode .event-card{background-color:var(--dark-card);border-color:var(--dark-text)}.event-card:hover{transform:translateY(-10px)}.event-date{background:var(--japan-red);color:#fff;padding:20px;text-align:center;position:relative;border-bottom:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .event-date{background:var(--dark-red);border-color:var(--dark-text)}.event-date .day{font-size:2.5rem;font-weight:700;font-family:Yuji Syuku,serif}.event-content{padding:25px}.event-content h3{color:var(--ink-color);margin-bottom:10px;font-size:1.3rem;font-family:Yuji Syuku,serif;transition:color .3s ease}.event-meta{display:flex;justify-content:space-between;margin-top:15px;color:#666;font-size:.9rem;transition:color .3s ease}body.dark-mode .event-meta{color:#aaa}.testimonials{padding:80px 0;background-color:var(--japan-red-pale);transition:background-color .3s ease}body.dark-mode .testimonials{background-color:var(--dark-red-pale)}.testimonial-carousel{max-width:800px;margin:0 auto;position:relative;overflow:hidden;border-radius:5px;box-shadow:var(--shadow);border:3px solid var(--ink-color);transition:border-color .3s ease}body.dark-mode .testimonial-carousel{border-color:var(--dark-text)}.testimonial-slides{display:flex;transition:transform .5s ease}.testimonial-slide{min-width:100%;padding:40px;background:#fff;text-align:center;transition:background-color .3s ease}body.dark-mode .testimonial-slide{background:var(--dark-card)}.testimonial-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:3px solid var(--japan-red);transition:border-color .3s ease}body.dark-mode .testimonial-avatar{border-color:var(--dark-red)}.carousel-controls{margin-top:20px;gap:10px}.carousel-btn,.carousel-controls{display:flex;justify-content:center}.carousel-btn{background:var(--japan-red);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;align-items:center;transition:all .3s ease;border:2px solid var(--ink-color)}.carousel-btn:hover{background:var(--japan-red-light);transform:scale(1.1)}body.dark-mode .carousel-btn{background:var(--dark-red);border-color:var(--dark-text)}body.dark-mode .carousel-btn:hover{background:var(--dark-red-light)}.carousel-dots{display:flex;justify-content:center;margin-top:15px;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:rgba(139,0,0,.3);cursor:pointer;transition:all .3s ease;border:1px solid var(--ink-color)}.dot.active{background:var(--japan-red);transform:scale(1.2)}body.dark-mode .dot{background:rgba(255,77,77,.3);border-color:var(--dark-text)}body.dark-mode .dot.active{background:var(--dark-red)}.discord-section{background:#fff;color:var(--ink-color);padding:80px 0;text-align:center;position:relative;overflow:hidden;border-top:3px solid var(--ink-color);border-bottom:3px solid var(--ink-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode .discord-section{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-text)}.discord-section h2{font-size:2.5rem;margin-bottom:20px;color:var(--japan-red);font-family:Yuji Syuku,serif;transition:color .3s ease}.discord-section p{max-width:700px;margin:0 auto 30px;font-size:1.1rem;color:#555;transition:color .3s ease}body.dark-mode .discord-section p{color:#ccc}.discord-button{display:inline-block;background-color:var(--japan-red);color:#fff;padding:15px 35px;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:var(--shadow);position:relative;overflow:hidden;border:2px solid var(--ink-color);font-family:Yuji Syuku,serif}.discord-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(139,0,0,.3);background:var(--japan-red-light)}body.dark-mode .discord-button{background:var(--dark-red);border-color:var(--dark-text)}body.dark-mode .discord-button:hover{background:var(--dark-red-light);box-shadow:0 8px 15px rgba(255,77,77,.3)}footer{background:var(--japan-red);color:#fff;padding:60px 0 20px;border-top:3px solid var(--ink-color);transition:background-color .3s ease,border-color .3s ease}body.dark-mode footer{background:var(--dark-red);border-color:var(--dark-text)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin-bottom:30px}.footer-column h3{margin-bottom:20px;font-size:1.3rem;position:relative;display:inline-block;font-family:Yuji Syuku,serif}.footer-column h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:#fff;border-radius:2px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#fff}.social-links{display:flex;gap:15px;margin-top:15px;justify-content:center}.copyright{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.2);font-size:.9rem;color:hsla(0,0%,100%,.7)}@media (max-width:768px){.header-content{flex-direction:row;justify-content:space-between}nav.desktop-nav{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem;padding:0 10px}.countdown-content{flex-direction:column}.countdown-timer{border-right:none;border-bottom:3px solid var(--ink-color)}body.dark-mode .countdown-timer{border-color:var(--dark-text)}.teacher-header,.teacher-info{text-align:center}.teacher-header{justify-content:center;flex-direction:column}.teacher-photo{margin-right:0;margin-bottom:15px}.countdown{flex-wrap:wrap;gap:10px}.countdown-item{min-width:70px;padding:10px 5px}.countdown-number{font-size:1.8rem}.docs-grid,.events-grid{grid-template-columns:1fr}.testimonial-slide{padding:30px 20px}.japanese-decoration{font-size:5rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-column h3:after{left:50%;transform:translateX(-50%)}.mobile-nav ul{flex-direction:column}.dark-mode-toggle{margin-left:0;justify-content:center;margin-top:10px}}@media (max-width:480px){.hero{padding:70px 0}.hero h1{font-size:2rem}.section-title{font-size:1.8rem}.countdown-header h3{font-size:1.5rem}.countdown-item{min-width:60px}.countdown-number{font-size:1.5rem}.discord-section h2{font-size:2rem}.cta-button,.discord-button{padding:12px 25px;font-size:1rem}}.language-toggle{cursor:pointer;display:flex;align-items:center;margin-left:1rem;padding:.5rem 1rem;border-radius:20px;background:var(--japan-red);color:#fff;transition:all .3s ease}.language-toggle:hover{background:var(--japan-red-light)}.language-text{font-weight:600;font-size:.9rem}body.dark-mode .language-toggle{background:var(--dark-red)}body.dark-mode .language-toggle:hover{background:var(--dark-red-light)}.supported-by{text-align:center;padding:20px 0;margin:20px 0}.supported-by p{color:hsla(0,0%,100%,.8);font-size:.9rem;margin:0}.support-link{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.support-link:hover{color:gold;border-bottom-color:gold}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:hsla(0,0%,100%,.2);border-radius:50%;transition:all .3s ease;border:1px solid #fff;text-decoration:none}.social-links a:hover{background-color:#fff;color:var(--japan-red);transform:translateY(-3px);text-decoration:none}.footer-column ul li a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#fff}body.dark-mode .footer-column ul li a{color:hsla(0,0%,100%,.8)}body.dark-mode .footer-column ul li a:hover{color:#fff}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:20px;text-align:center}.supported-by{padding:15px 0;margin:15px 0}.supported-by p{font-size:.8rem}}@media (max-width:480px){.social-links a{width:35px;height:35px}.supported-by p{font-size:.75rem;line-height:1.4}}.doc-card.clickable{cursor:pointer;transition:all .3s ease;position:relative}.doc-card.clickable:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.doc-card.clickable:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:5px;transition:border-color .3s ease}.doc-card.clickable:hover:after{border-color:var(--japan-red)}body.dark-mode .doc-card.clickable:hover:after{border-color:var(--dark-red)}.doc-link{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:10px 0;border-top:1px solid rgba(0,0,0,.1);color:var(--japan-red);font-weight:600;transition:color .3s ease}body.dark-mode .doc-link{border-top:1px solid hsla(0,0%,100%,.1);color:var(--dark-red)}.doc-link .link-text{font-size:.9rem}.doc-link i{font-size:.8rem;transition:transform .3s ease}.doc-card.clickable:hover .doc-link i{transform:translateX(3px)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}@media (max-width:768px){.docs-grid{grid-template-columns:1fr;gap:20px}.doc-link{padding:8px 0}}.fa-flask,.fa-running{color:inherit}.pagination-container{display:flex;flex-direction:column;align-items:center;margin-top:40px;gap:20px}.pagination-info{color:var(--ink-color);font-size:.9rem;font-weight:500;transition:color .3s ease}body.dark-mode .pagination-info{color:var(--dark-text)}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--japan-red);color:#fff;border:2px solid var(--ink-color);border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:Yuji Syuku,serif}.pagination-btn:hover:not(.disabled){background:var(--japan-red-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,0,0,.3)}.pagination-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}body.dark-mode .pagination-btn{background:var(--dark-red);border-color:var(--dark-text)}body.dark-mode .pagination-btn:hover:not(.disabled){background:var(--dark-red-light);box-shadow:0 4px 12px rgba(255,77,77,.3)}.pagination-numbers{display:flex;gap:5px}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ink-color);border:2px solid var(--ink-color);border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-number:hover{background:var(--japan-red-pale);color:var(--japan-red)}.pagination-number.active{background:var(--japan-red);color:#fff;border-color:var(--japan-red)}body.dark-mode .pagination-number{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-text)}body.dark-mode .pagination-number:hover{background:var(--dark-red-pale);color:var(--dark-red)}body.dark-mode .pagination-number.active{background:var(--dark-red);color:#fff;border-color:var(--dark-red)}.event-teacher{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1);color:var(--japan-red);font-size:.9rem}body.dark-mode .event-teacher{border-top:1px solid hsla(0,0%,100%,.1);color:var(--dark-red)}.event-teacher i{font-size:.8rem}.no-events{text-align:center;padding:60px 20px;color:var(--ink-color);font-size:1.1rem}body.dark-mode .no-events{color:var(--dark-text)}.error-message,.loading-spinner{text-align:center;padding:60px 20px;font-size:1.1rem;color:var(--ink-color)}body.dark-mode .error-message,body.dark-mode .loading-spinner{color:var(--dark-text)}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px}.pagination-numbers{order:-1}.pagination-btn{padding:8px 16px;font-size:.9rem}.pagination-number{width:35px;height:35px;font-size:.9rem}}@media (max-width:480px){.pagination-numbers{gap:3px}.pagination-number{width:30px;height:30px;font-size:.8rem}.pagination-btn{padding:6px 12px;font-size:.8rem}}.testimonial-content{text-align:center;padding:20px}.testimonial-author-info{margin-top:20px;padding-top:20px;border-top:2px solid var(--japan-red)}body.dark-mode .testimonial-author-info{border-top-color:var(--dark-red)}.testimonial-text{font-style:italic;margin-bottom:20px;color:#555;line-height:1.8;font-size:1.1rem;transition:color .3s ease}body.dark-mode .testimonial-text{color:#ccc}.testimonial-author{font-weight:700;color:var(--japan-red);margin-bottom:5px;font-family:Yuji Syuku,serif;font-size:1.2rem;transition:color .3s ease}.testimonial-role{color:#777;font-size:.9rem;transition:color .3s ease}body.dark-mode .testimonial-role{color:#aaa}.error-message,.loading-spinner,.no-testimonials{text-align:center;padding:60px 20px;font-size:1.1rem;color:var(--ink-color)}body.dark-mode .error-message,body.dark-mode .loading-spinner,body.dark-mode .no-testimonials{color:var(--dark-text)}.error-message{color:#e74c3c}.no-testimonials{background:var(--japan-red-pale);border-radius:10px;border:2px solid var(--ink-color);margin:20px 0}body.dark-mode .no-testimonials{background:var(--dark-red-pale);border-color:var(--dark-text)}.testimonial-slide{padding:50px 40px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.testimonial-slide{padding:30px 20px}.testimonial-text{font-size:1rem}}nav ul{flex-wrap:nowrap!important}.dark-mode-toggle,.language-toggle,nav a,nav ul li{white-space:nowrap!important}.desktop-nav ul li,.desktop-nav ul li a{font-size:1rem}@media (max-width:1200px){nav.desktop-nav ul li a{font-size:.95rem;padding:6px 12px}nav.desktop-nav ul{gap:18px}}@media (max-width:1024px){nav.desktop-nav ul li a{font-size:.9rem;padding:6px 10px}nav.desktop-nav ul{gap:12px}}.desktop-nav{margin-left:auto}.desktop-nav ul{justify-content:flex-end}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{margin-right:auto}@media (max-width:768px){.quiz-navigation{flex-direction:column}.quiz-question-numbers{grid-template-columns:repeat(5,1fr)}}.quiz-title{color:var(--text-primary)}.quiz-submit-btn{width:100%;padding:1rem;background:var(--japan-red);color:#fff;border:none;border-radius:8px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-submit-btn:hover{background:#dc2626}@media (max-width:768px){.quiz-title{font-size:2rem}.quiz-mode-grid{grid-template-columns:1fr}.quiz-character{font-size:4rem}.quiz-progress-header{flex-direction:column;gap:.5rem}.quiz-mistake-item{align-items:center;text-align:center}.quiz-action-group,.quiz-mistake-item{flex-direction:column}}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--japan-red);cursor:pointer;transition:all .3s ease;position:relative;width:30px;height:30px;padding:0}body.dark-mode .mobile-menu-btn{color:var(--dark-red)}.mobile-menu-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.mobile-menu-btn .fa-bars{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}.mobile-menu-btn .fa-times{opacity:0;transform:translate(-50%,-50%) rotate(-180deg) scale(0)}.mobile-menu-btn.active .fa-bars{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(0)}.mobile-menu-btn.active .fa-times{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}.mobile-nav{position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:99;border-top:2px solid var(--ink-color);max-height:0;overflow:hidden;opacity:0;transform:translateY(-20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,transform .4s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}body.dark-mode .mobile-nav{background:rgba(44,44,44,.98);border-color:var(--dark-text)}.mobile-nav.active{max-height:650px;opacity:1;transform:translateY(0);box-shadow:0 15px 40px rgba(0,0,0,.2);transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.mobile-nav.closing{max-height:0;opacity:0;transform:translateY(-15px);transition:max-height .35s cubic-bezier(.6,0,.8,.4),opacity .3s ease,transform .35s cubic-bezier(.6,0,.8,.4),box-shadow .3s ease}.mobile-nav ul{list-style:none;padding:20px;display:flex;flex-direction:column;gap:5px}.mobile-nav li{opacity:0;transform:translateY(-15px)}.mobile-nav.active li{animation:smoothSlideDown .5s cubic-bezier(.34,1.56,.64,1) forwards}.mobile-nav.active li:first-child{animation-delay:.05s}.mobile-nav.active li:nth-child(2){animation-delay:.1s}.mobile-nav.active li:nth-child(3){animation-delay:.15s}.mobile-nav.active li:nth-child(4){animation-delay:.2s}.mobile-nav.active li:nth-child(5){animation-delay:.25s}.mobile-nav.active li:nth-child(6){animation-delay:.3s}.mobile-nav.active li:nth-child(7){animation-delay:.35s}.mobile-nav.active li:nth-child(8){animation-delay:.4s}.mobile-nav.closing li{animation:smoothSlideUp .25s ease forwards}.mobile-nav.closing li:first-child{animation-delay:0s}.mobile-nav.closing li:nth-child(2){animation-delay:.02s}.mobile-nav.closing li:nth-child(3){animation-delay:.04s}.mobile-nav.closing li:nth-child(4){animation-delay:.06s}.mobile-nav.closing li:nth-child(5){animation-delay:.08s}.mobile-nav.closing li:nth-child(6){animation-delay:.1s}.mobile-nav.closing li:nth-child(7){animation-delay:.12s}.mobile-nav.closing li:nth-child(8){animation-delay:.14s}@keyframes smoothSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}60%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes smoothSlideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.mobile-nav a{display:block;padding:12px 15px;color:var(--ink-color);text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.mobile-nav a:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--japan-red-pale);transition:width .3s ease;z-index:-1}.mobile-nav a:hover:before{width:100%}.mobile-nav a:hover{color:var(--japan-red);border:1px solid var(--japan-red);transform:translateX(5px)}body.dark-mode .mobile-nav a{color:var(--dark-text)}body.dark-mode .mobile-nav a:before{background:var(--dark-red-pale)}body.dark-mode .mobile-nav a:hover{color:var(--dark-red);border:1px solid var(--dark-red)}.mobile-dark-mode-toggle,.mobile-language-toggle{padding:12px 15px;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-dark-mode-toggle:before,.mobile-language-toggle:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--japan-red-pale);transition:width .3s ease;z-index:-1}.mobile-dark-mode-toggle:hover:before,.mobile-language-toggle:hover:before{width:100%}.mobile-dark-mode-toggle:hover,.mobile-language-toggle:hover{transform:scale(1.02)}body.dark-mode .mobile-dark-mode-toggle:before,body.dark-mode .mobile-language-toggle:before{background:var(--dark-red-pale)}@media (max-width:768px){.mobile-menu-btn{display:block}}.quiz-game-container{padding:3rem 1rem;min-height:100vh}.quiz-section{max-width:1200px;margin:0 auto;padding:0 1rem}.quiz-section-small{max-width:800px}.quiz-section-medium{max-width:1000px}.quiz-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--ink-color);font-family:Playfair Display,serif;transition:color .3s ease}body.dark-mode .quiz-title{color:var(--dark-text)}.quiz-divider{height:4px;width:128px;background-color:var(--japan-red);margin:0 auto 3rem}.quiz-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.quiz-mode-card{background:#fff;padding:2rem;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}body.dark-mode .quiz-mode-card{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 4px 6px rgba(0,0,0,.3)}.quiz-mode-card:hover{border-color:var(--japan-red);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}body.dark-mode .quiz-mode-card:hover{border-color:var(--dark-red);box-shadow:0 10px 25px rgba(255,77,77,.2)}.quiz-mode-icon{font-size:4rem;margin-bottom:1rem;color:var(--ink-color);transition:color .3s ease}body.dark-mode .quiz-mode-icon{color:var(--dark-text)}.quiz-mode-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;font-family:Playfair Display,serif;transition:color .3s ease}body.dark-mode .quiz-mode-name{color:var(--dark-text)}.quiz-mode-desc{color:#6b7280;font-size:1rem;transition:color .3s ease}body.dark-mode .quiz-mode-desc{color:#aaa}.quiz-settings-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s ease,border-color .3s ease}body.dark-mode .quiz-settings-card{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 4px 6px rgba(0,0,0,.3)}.quiz-form-group{margin-bottom:1.5rem}.quiz-label{display:block;font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem;transition:color .3s ease}body.dark-mode .quiz-label{color:var(--dark-text)}.quiz-label-small{display:block;font-size:1rem;color:#374151;margin-bottom:.5rem;transition:color .3s ease}body.dark-mode .quiz-label-small{color:var(--dark-text)}.quiz-input,.quiz-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#1f2937;transition:all .3s ease}body.dark-mode .quiz-input,body.dark-mode .quiz-select{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-input:focus,.quiz-select:focus{outline:none;border-color:var(--japan-red);box-shadow:0 0 0 3px rgba(239,68,68,.1)}body.dark-mode .quiz-input:focus,body.dark-mode .quiz-select:focus{border-color:var(--dark-red);box-shadow:0 0 0 3px rgba(255,77,77,.1)}.quiz-button-group{display:flex;gap:1rem}.quiz-toggle-btn{flex:1 1;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:1rem;cursor:pointer;transition:all .3s ease}body.dark-mode .quiz-toggle-btn{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-toggle-btn:hover{border-color:#9ca3af}body.dark-mode .quiz-toggle-btn:hover{border-color:#777}.quiz-toggle-btn.active{border-color:var(--japan-red);background:rgba(239,68,68,.1);color:var(--japan-red)}body.dark-mode .quiz-toggle-btn.active{border-color:var(--dark-red);background:var(--dark-red-pale);color:var(--dark-red)}.quiz-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1.125rem;font-weight:600;color:#374151;transition:color .3s ease}body.dark-mode .quiz-checkbox-label{color:var(--dark-text)}.quiz-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.quiz-timer-input{margin-top:1rem;padding-left:2rem}.quiz-action-group{display:flex;gap:1rem;margin-top:2rem}.quiz-btn{flex:1 1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.quiz-btn-primary{background:var(--japan-red);color:#fff}.quiz-btn-primary:hover{background:#dc2626}body.dark-mode .quiz-btn-primary{background:var(--dark-red)}body.dark-mode .quiz-btn-primary:hover{background:var(--dark-red-light)}.quiz-btn-secondary{background:#fff;color:#374151;border:2px solid #d1d5db;transition:all .3s ease}body.dark-mode .quiz-btn-secondary{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-btn-secondary:hover{background:#f9fafb}body.dark-mode .quiz-btn-secondary:hover{background:#3a3a3a;border-color:#777}.quiz-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.quiz-progress-text{font-size:1.125rem;font-weight:600;color:#374151;transition:color .3s ease}body.dark-mode .quiz-progress-text{color:var(--dark-text)}.quiz-timer{font-size:1.5rem;font-weight:700;color:#374151;transition:color .3s ease}body.dark-mode .quiz-timer{color:var(--dark-text)}.quiz-timer-warning{color:var(--japan-red);animation:pulse 1s infinite}body.dark-mode .quiz-timer-warning{color:var(--dark-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-question-card{background:#fff;padding:3rem 2rem;border-radius:8px;border:1px solid #e5e7eb;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}body.dark-mode .quiz-question-card{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 4px 6px rgba(0,0,0,.3)}.quiz-character{font-size:6rem;font-weight:700;color:#1f2937;margin-bottom:2rem;transition:color .3s ease}body.dark-mode .quiz-character{color:var(--dark-text)}.quiz-question-text{font-size:1.5rem;color:#374151;margin-bottom:2rem;transition:color .3s ease}body.dark-mode .quiz-question-text{color:var(--dark-text)}.quiz-choices-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.quiz-choice-btn{padding:1rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}body.dark-mode .quiz-choice-btn{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-choice-btn:hover{border-color:var(--japan-red);background:rgba(239,68,68,.05);box-shadow:0 4px 8px rgba(0,0,0,.1)}body.dark-mode .quiz-choice-btn:hover{border-color:var(--dark-red);background:var(--dark-red-pale);box-shadow:0 4px 8px rgba(0,0,0,.3)}.quiz-choice-btn.selected{background:rgba(239,68,68,.1);border-color:var(--japan-red);color:var(--japan-red)}body.dark-mode .quiz-choice-btn.selected{background:var(--dark-red-pale);border-color:var(--dark-red);color:var(--dark-red)}.quiz-input-group{display:flex;flex-direction:column;gap:1rem}.quiz-text-input{width:100%;padding:1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1.25rem;text-align:center;background:#fff;color:#1f2937;transition:all .3s ease}body.dark-mode .quiz-text-input{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-text-input:focus{outline:none;border-color:var(--japan-red);box-shadow:0 0 0 3px rgba(239,68,68,.1)}body.dark-mode .quiz-text-input:focus{border-color:var(--dark-red);box-shadow:0 0 0 3px rgba(255,77,77,.1)}.quiz-navigation{display:flex;gap:1rem;margin-top:2rem;justify-content:space-between}.quiz-nav-btn{padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1 1}.quiz-nav-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-btn-skip{background:#f59e0b;color:#fff}.quiz-btn-skip:hover{background:#d97706}.quiz-question-navigator{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}body.dark-mode .quiz-question-navigator{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 2px 4px rgba(0,0,0,.3)}.quiz-navigator-title{font-weight:600;color:#374151;margin-bottom:1rem;transition:color .3s ease}body.dark-mode .quiz-navigator-title{color:var(--dark-text)}.quiz-question-numbers{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-gap:.5rem;gap:.5rem}.quiz-number-btn{padding:.75rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .3s ease}body.dark-mode .quiz-number-btn{background:var(--dark-bg);color:var(--dark-text);border-color:#555}.quiz-number-btn:hover{border-color:var(--japan-red);transform:scale(1.05)}body.dark-mode .quiz-number-btn:hover{border-color:var(--dark-red)}.quiz-number-btn.active{background:var(--japan-red);color:#fff;border-color:var(--japan-red)}body.dark-mode .quiz-number-btn.active{background:var(--dark-red);border-color:var(--dark-red)}.quiz-number-btn.answered{background:#d1fae5;border-color:#059669;color:#059669}body.dark-mode .quiz-number-btn.answered{background:#1a4d2e;border-color:#10b981;color:#10b981}.quiz-number-btn.answered.active{background:var(--japan-red);color:#fff}body.dark-mode .quiz-number-btn.answered.active{background:var(--dark-red);color:#fff}.quiz-progress-bar-container{width:100%;height:12px;background:#e5e7eb;border-radius:999px;margin-top:1.5rem;overflow:hidden}body.dark-mode .quiz-progress-bar-container{background:#555}.quiz-progress-bar{height:100%;background:var(--japan-red);transition:width .3s ease;border-radius:999px}body.dark-mode .quiz-progress-bar{background:var(--dark-red)}.quiz-result-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #e5e7eb;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}body.dark-mode .quiz-result-card{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 4px 6px rgba(0,0,0,.3)}.quiz-score-big{font-size:4rem;font-weight:700;color:#1f2937;margin-bottom:1rem;transition:color .3s ease}body.dark-mode .quiz-score-big{color:var(--dark-text)}.quiz-score-text{font-size:1.5rem;color:#374151;margin-bottom:.5rem;transition:color .3s ease}body.dark-mode .quiz-score-text{color:var(--dark-text)}.quiz-score-subtext{font-size:1.125rem;color:#6b7280;transition:color .3s ease}body.dark-mode .quiz-score-subtext{color:#aaa}.quiz-mistakes-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}body.dark-mode .quiz-mistakes-card{background:var(--dark-card);border-color:var(--dark-text);box-shadow:0 4px 6px rgba(0,0,0,.3)}.quiz-mistakes-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;font-family:Playfair Display,serif;transition:color .3s ease}body.dark-mode .quiz-mistakes-title{color:var(--dark-text)}.quiz-mistakes-list{display:flex;flex-direction:column;gap:1rem}.quiz-mistake-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}body.dark-mode .quiz-mistake-item{background:var(--dark-bg);border-color:#555;box-shadow:0 2px 4px rgba(0,0,0,.3)}.quiz-mistake-char{font-size:3rem;font-weight:700;color:#1f2937;min-width:60px;text-align:center;transition:color .3s ease}body.dark-mode .quiz-mistake-char{color:var(--dark-text)}.quiz-mistake-details{flex:1 1}.quiz-mistake-wrong{color:#dc2626;font-weight:600;margin-bottom:.25rem}.quiz-mistake-correct{color:#059669;font-weight:600;margin-bottom:.25rem}body.dark-mode .quiz-mistake-correct{color:#10b981}.quiz-mistake-meaning{color:#6b7280;font-size:.875rem;margin-top:.5rem;transition:color .3s ease}body.dark-mode .quiz-mistake-meaning{color:#aaa}@media (max-width:768px){.quiz-title{font-size:2rem}.quiz-mode-grid{grid-template-columns:1fr}.quiz-character{font-size:4rem}.quiz-progress-header{flex-direction:column;gap:.5rem}.quiz-mistake-item{align-items:center;text-align:center}.quiz-action-group,.quiz-mistake-item,.quiz-navigation{flex-direction:column}.quiz-question-numbers{grid-template-columns:repeat(5,1fr)}}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.material-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem .75rem;text-align:center;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1)}.material-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#9ca3af}body.dark-mode .material-card{background:#ef4444;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .material-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(239,68,68,.5)}.material-char{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1;transition:color .3s ease}body.dark-mode .material-char{color:#fff}.material-romaji{font-size:.875rem;color:#374151;font-weight:500;transition:color .3s ease}body.dark-mode .material-romaji{color:#fff;opacity:.95}.material-meaning{font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.3;transition:color .3s ease}body.dark-mode .material-meaning{color:hsla(0,0%,100%,.85)}.learning-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.learning-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease}.learning-type-card:hover{background:#f9fafb;border-color:#fca5a5;transform:translateY(-4px);box-shadow:0 8px 24px hsla(0,94%,82%,.3)}body.dark-mode .learning-type-card{background:#2a2a2a;border-color:#333}body.dark-mode .learning-type-card:hover{background:#333;border-color:#ef4444;box-shadow:0 8px 24px rgba(239,68,68,.3)}.learning-type-icon{font-size:2.5rem;margin-bottom:1rem}.learning-type-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1f2937;transition:color .3s ease}.learning-type-desc{font-size:.875rem;color:#6b7280;line-height:1.4;transition:color .3s ease}body.dark-mode .learning-type-name{color:#fff}body.dark-mode .learning-type-desc{color:#9ca3af}@media (max-width:768px){.material-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.75rem}.material-char{font-size:2rem}.material-romaji{font-size:.75rem}.material-meaning{font-size:.7rem}.learning-type-grid{grid-template-columns:1fr}.learning-type-card{padding:1.5rem 1rem}}