@font-face{font-family:VT323;src:url(/assets/VT323.BXbppxdl.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DotGothic16;src:url(/assets/DotGothic16.BhOuvm48.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/assets/PressStart2P.CE5mauZH.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/NotoSansJP.DyCv_Ulw.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/NotoSansJP.DyCv_Ulw.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#1a1a2e;--bg2:#16213e;--bg3:#0f3460;--card:#1e2a4a;--card-hover:#253563;--primary:#d4637b;--primary-glow:#e8899c;--accent:#ffd93d;--accent2:#6bcb77;--text:#eaf0f6;--text2:#a4b0be;--pixel-border:#533483;--shadow:0 4px 20px #0006;--pixel-shadow:4px 4px 0 #0d0d1a;--radius:4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--pixel-border) transparent;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:Noto Sans JP,sans-serif;font-size:1rem;overflow-x:hidden}.pixel-font{font-family:VT323,DotGothic16,monospace}.pixel-font-en{font-family:"Press Start 2P",monospace}.jp-font{font-family:Noto Sans JP,sans-serif}.pixel-border{border:3px solid var(--pixel-border);box-shadow:var(--pixel-shadow);image-rendering:crisp-edges;image-rendering:pixelated}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.stars{z-index:0;background:radial-gradient(at 20%,#0f34604d 0%,#0000 60%),radial-gradient(at 80% 20%,#53348333 0%,#0000 50%);position:fixed;inset:0;pointer-events:none!important}.stars canvas{pointer-events:none!important}.star-particle{width:2px;height:2px;animation:twinkle var(--dur) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid var(--pixel-border);background:#1a1a2eeb;padding:.75rem 1rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon{image-rendering:crisp-edges;image-rendering:pixelated;font-size:1.8rem}.logo-text{letter-spacing:2px;font-size:1rem;line-height:1.3}.logo-text span{color:var(--primary)}.nav{gap:.35rem;display:flex}.nav-btn{color:var(--text2);cursor:pointer;letter-spacing:1px;background:0 0;border:2px solid #0000;padding:.5rem .9rem;font-family:VT323,monospace;font-size:1.1rem;transition:all .15s;position:relative}.nav-btn:hover,.nav-btn.active{color:var(--accent);border-color:var(--accent);background:#ffd93d14}.nav-btn.active:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-3px;left:20%;right:20%}.srs-badge{color:#fff;text-align:center;vertical-align:top;background:#e74c3c;border-radius:50%;min-width:1.1rem;height:1.1rem;margin-left:.3rem;font-size:.7rem;line-height:1.1rem;display:inline-block}.header-right{align-items:center;gap:.4rem;margin-left:auto;display:flex}.achieve-btn{border:1px solid var(--pixel-border);cursor:pointer;background:0 0;padding:.2rem .4rem;font-size:1.1rem;line-height:1;transition:all .15s}.achieve-btn:hover{border-color:var(--accent)}.profile-btn{background:var(--card);border:2px solid var(--pixel-border);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.95rem;transition:all .15s;display:flex;box-shadow:2px 2px #0000004d}.profile-btn:hover{border-color:var(--accent);color:var(--accent)}.profile-avatar{background:var(--primary);width:1.6rem;height:1.6rem;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.2s fadeIn;display:flex}.modal-box{background:var(--bg2);border:3px solid var(--pixel-border);-webkit-overflow-scrolling:touch;width:90%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:8px 8px #00000080}.modal-header{border-bottom:2px solid var(--pixel-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.3rem}.modal-close:hover{color:var(--primary)}.profile-list{padding:.5rem}.profile-item{cursor:pointer;border:2px solid #0000;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;transition:all .15s;display:flex}.profile-item:hover{border-color:var(--primary);background:#e945600d}.profile-item.active{border-color:var(--accent);background:#ffd93d14}.profile-avatar-lg{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.profile-item.active .profile-avatar-lg{background:var(--accent)}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.1rem;font-weight:700}.profile-stats{color:var(--text2);margin-top:.15rem;font-size:.85rem}.profile-del{color:var(--text2);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem;transition:all .15s}.profile-del:hover{color:var(--primary);opacity:1}.profile-create{border-top:2px solid var(--pixel-border);gap:.5rem;padding:.75rem 1rem;display:flex}.profile-input{background:var(--card);border:2px solid var(--pixel-border);color:var(--text);outline:none;flex:1;padding:.6rem .75rem;font-family:VT323,sans-serif;font-size:1rem}.profile-input:focus{border-color:var(--primary)}.profile-input::placeholder{color:var(--text2)}.profile-create-btn{background:var(--accent2);border:2px solid var(--accent2);color:var(--bg);cursor:pointer;white-space:nowrap;padding:.6rem 1rem;font-size:1rem;transition:all .15s}.profile-create-btn:hover{color:var(--accent2);background:0 0}.xp-bar-wrap{align-items:center;gap:.5rem;font-size:1rem;display:flex}.xp-bar{background:var(--bg);border:2px solid var(--pixel-border);width:90px;height:12px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));height:100%;transition:width .5s}.xp-text{color:var(--accent);white-space:nowrap}.page{z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 6rem;display:none;position:relative}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-enter-active{animation:.25s fadeIn}.page-leave-active{animation:.15s fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.section-title:before{content:"▸";color:var(--primary);font-size:1.2rem}.kana-tabs{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.kana-tab{cursor:pointer;background:var(--card);border:2px solid var(--pixel-border);color:var(--text2);padding:.6rem 1.5rem;font-family:VT323,monospace;font-size:1.15rem;transition:all .15s;box-shadow:3px 3px #0000004d}.kana-tab:hover{border-color:var(--primary);color:var(--primary)}.kana-tab.active{border-color:var(--accent);color:var(--accent);background:#ffd93d1a}.kana-toggle{color:var(--text2);text-align:center;margin-bottom:1rem;font-size:.95rem}.kana-check{cursor:pointer;align-items:center;gap:.4rem;display:flex}.kana-check input{accent-color:var(--accent);width:1rem;height:1rem}.kana-grid.kana-desktop{justify-content:center;gap:.4rem;margin:0 auto;display:grid}.kana-col-header{text-align:center;color:var(--text2);padding:.2rem 0;font-size:.8rem}.kana-cell{aspect-ratio:1;background:var(--card);border:2px solid var(--pixel-border);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:2px 2px #0000004d}.kana-cell:hover{border-color:var(--primary);transform:translate(-1px,-1px);box-shadow:3px 3px #0006}.kana-cell.kana-empty{box-shadow:none;cursor:default;background:0 0;border-color:#0000}.kana-cell.kana-empty:hover{transform:none}.kana-extra{justify-content:center;gap:.4rem;padding-top:.3rem;display:flex}.kana-extra .kana-cell{aspect-ratio:1;width:4rem}.kana-char{font-size:1.5rem;font-weight:700;line-height:1.2}.kana-romaji{color:var(--accent);margin-top:.1rem;font-size:.7rem}.kana-grid.kana-mobile{flex-direction:column;gap:.6rem;max-width:400px;margin:0 auto;display:flex}.kana-row-group{align-items:center;gap:.5rem;display:flex}.kana-row-header{width:2.8rem;color:var(--accent);text-align:center;background:#ffd93d0f;border:1px solid #ffd93d26;flex-shrink:0;padding:.3rem 0;font-size:.8rem}.kana-row-cells{flex:1;grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid}.kana-mobile .kana-cell{aspect-ratio:1;padding:.2rem}.kana-mobile .kana-char{font-size:1.3rem}.kana-mobile .kana-romaji{font-size:.6rem}.kana-card-content{max-width:400px;margin:0 auto}.kc-nav{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.kc-nav .nav-arrow:disabled{opacity:.3;cursor:default}.kc-counter{color:var(--text2);font-size:1rem}.kc-main{text-align:center;background:var(--card);border:2px solid var(--pixel-border);margin-bottom:1rem;padding:2rem;box-shadow:4px 4px #0006}.kc-char{font-size:6rem;line-height:1.1}.kc-romaji{color:var(--accent);margin:.5rem 0;font-size:1.5rem}.kc-speak{border:2px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:VT323,monospace;font-size:1rem;transition:all .15s;display:inline-flex}.kc-speak:hover{background:var(--accent);color:var(--bg)}.kc-speak svg{width:18px;height:18px}.kc-info{gap:.75rem;display:flex}.kc-pair,.kc-stroke{text-align:center;background:var(--card);border:2px solid var(--pixel-border);flex:1;padding:1rem}.kc-label{color:var(--text2);margin-bottom:.3rem;font-size:.9rem;display:block}.kc-pair-char{font-size:2.5rem}.kc-romaji-big{color:var(--accent);font-size:2rem}@media (width<=768px){.kc-char{font-size:4rem}.kc-main{padding:1.5rem 1rem}.kc-info{gap:.5rem}.kc-pair-char{font-size:2rem}.kc-romaji-big{font-size:1.5rem}.kana-card-content{max-width:100%}}@media (width<=500px){.kana-mobile .kana-char{font-size:1.15rem}.kana-mobile .kana-romaji{font-size:.55rem}.kana-row-header{width:2.4rem;font-size:.7rem}.kana-row-cells{gap:.2rem}.kc-char{font-size:3.5rem}.kc-romaji{font-size:1.2rem}.kc-speak{padding:.4rem .8rem;font-size:.9rem}.kc-pair,.kc-stroke{padding:.7rem .5rem}.kc-pair-char{font-size:1.8rem}.kc-label{font-size:.8rem}.kana-tabs{gap:.3rem}.kana-tab{padding:.45rem .8rem;font-size:.9rem}}@media (width<=375px){.kana-mobile .kana-char{font-size:1rem}.kana-mobile .kana-romaji{font-size:.45rem}.kana-row-header{width:2rem;font-size:.6rem}.kc-char{font-size:3rem}}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:2rem;display:grid}.cat-card{background:var(--card);cursor:pointer;text-align:center;border:2px solid #0000;padding:.75rem;transition:all .2s;box-shadow:3px 3px #0000004d}.cat-card:hover{border-color:var(--primary);transform:translate(-2px,-2px);box-shadow:5px 5px #0006}.cat-card.active{border-color:var(--accent);background:#ffd93d14}.cat-icon{margin-bottom:.25rem;font-size:1.8rem}.cat-name{color:var(--text2);font-size:1rem}.cat-count{color:var(--text);margin-top:.15rem;font-size:1.1rem;font-weight:700}.search-wrap{margin-bottom:1.5rem;position:relative}.search-input{background:var(--card);border:2px solid var(--pixel-border);width:100%;color:var(--text);outline:none;padding:.85rem 1rem .85rem 2.5rem;font-family:Noto Sans JP,sans-serif;font-size:1.1rem;transition:border-color .2s}.search-input::placeholder{color:var(--text2)}.search-input:focus{border-color:var(--primary)}.search-icon{color:var(--text2);font-size:1.1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.vocab-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;display:grid}.vocab-card{background:var(--card);border:2px solid var(--pixel-border);cursor:pointer;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex;box-shadow:3px 3px #0000004d}.vocab-card:hover{border-color:var(--primary);transform:translate(-2px,-2px);box-shadow:5px 5px #0006}.vocab-card.learned{border-left:4px solid var(--accent2)}.vocab-pixel{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.vocab-pixel canvas{width:52px;height:52px;image-rendering:crisp-edges;image-rendering:pixelated}.vocab-info{flex:1;min-width:0}.vocab-jp{font-size:1.5rem;font-weight:700;line-height:1.3}.vocab-hi{color:var(--text2);margin-top:.15rem;font-size:.9rem}.vocab-meaning{color:var(--accent);margin-top:.3rem;font-size:1rem}.vocab-cat-tag{color:var(--text2);background:#ffffff0f;margin-top:.35rem;padding:.1rem .5rem;font-size:.85rem;display:inline-block}.speak-btn{cursor:pointer;opacity:.5;z-index:2;width:24px;height:24px;color:var(--accent);background:0 0;border:none;padding:.2rem;transition:all .15s;position:absolute;top:.5rem;right:.5rem}.speak-btn:hover{opacity:1;color:var(--primary);transform:scale(1.15)}.speak-btn:active{transform:scale(.9)}.speak-btn.speaking{opacity:1;animation:.6s infinite speakPulse}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.speak-btn svg{width:100%;height:100%}.fc-speak{opacity:.5;width:32px;height:32px;top:.75rem;left:auto;right:.75rem}.vocab-lesson{color:var(--text2);opacity:.5;font-size:.75rem;position:absolute;bottom:.4rem;right:.5rem}.vocab-card{position:relative}.flashcard-area{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.flashcard-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.fc-btn{background:var(--card);border:2px solid var(--pixel-border);color:var(--text);cursor:pointer;padding:.5rem 1rem;font-family:VT323,monospace;font-size:1.05rem;transition:all .15s;box-shadow:3px 3px #0000004d}.fc-btn:hover{border-color:var(--primary);color:var(--primary);transform:translate(-1px,-1px)}.fc-btn.active{border-color:var(--accent);color:var(--accent);background:#ffd93d14}.flashcard-container{perspective:1000px;width:100%;max-width:380px}.flashcard{aspect-ratio:3/4;cursor:pointer;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;text-align:center;background:var(--card);border:3px solid var(--pixel-border);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0;box-shadow:6px 6px #0006}.flashcard-back{transform:rotateY(180deg)}.fc-pixel{margin-bottom:1rem}.fc-pixel canvas{width:80px;height:80px;image-rendering:crisp-edges;image-rendering:pixelated}.fc-jp{margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.fc-hi{color:var(--text2);font-size:1.2rem}.fc-meaning{color:var(--accent);margin-bottom:.5rem;font-size:1.5rem}.fc-example{color:var(--text2);font-size:1rem;line-height:1.6}.fc-number{color:var(--text2);font-size:1rem;position:absolute;top:.75rem;right:.75rem}.fc-flip-hint{color:var(--text2);margin-top:1rem;font-size:1rem}.flashcard-nav{align-items:center;gap:1rem;display:flex}.nav-arrow{background:var(--card);border:2px solid var(--pixel-border);width:52px;height:52px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:1.4rem;transition:all .15s;display:flex;box-shadow:3px 3px #0000004d}.nav-arrow:hover{border-color:var(--primary);color:var(--primary)}.nav-arrow:active{transform:translate(2px,2px);box-shadow:1px 1px #0000004d}.mark-btn{cursor:pointer;border:2px solid var(--accent2);color:var(--accent2);letter-spacing:1px;background:0 0;padding:.6rem 1.2rem;font-family:VT323,monospace;font-size:1.1rem;transition:all .15s;box-shadow:3px 3px #0000004d}.mark-btn:hover,.mark-btn.learned{background:var(--accent2);color:var(--bg)}.mark-btn-locked{border-color:var(--pixel-border);color:var(--text2);cursor:default;opacity:.5;font-size:.85rem}.mark-btn-locked:hover{color:var(--text2);background:0 0}.progress-wrap{text-align:center;margin-top:.5rem}.progress-text{color:var(--text2);margin-top:.25rem;font-size:1rem}.srs-card{border:2px solid var(--accent)!important}.srs-due{color:var(--accent);font-weight:700}.srs-rating{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.srs-btn{cursor:pointer;border:2px solid var(--pixel-border);color:#fff;padding:.5rem .8rem;font-family:VT323,monospace;font-size:1rem;transition:all .15s;box-shadow:3px 3px #0000004d}.srs-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0000004d}.srs-again{background:#e74c3c;border-color:#c0392b}.srs-hard{background:#f39c12;border-color:#e67e22}.srs-good{background:#27ae60;border-color:#1e8449}.srs-easy{background:#0984e3;border-color:#0652dd}.srs-done{text-align:center;padding:3rem 1rem}.srs-done-icon{margin-bottom:1rem;font-size:4rem}.srs-done-title{color:var(--accent);margin-bottom:.5rem;font-size:1.5rem}.srs-done-stat{color:var(--text2);font-size:1.1rem}.grammar-legend{grid-template-columns:repeat(4,1fr);gap:.4rem .75rem;max-width:100%;margin-bottom:1rem;font-size:.95rem;display:grid;overflow:hidden}.gl-item{color:var(--text2);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.3rem .7rem;display:flex;overflow:hidden}.gl-key{color:var(--accent);text-align:center;min-width:3.5rem;font-weight:700}@media (width<=768px){.grammar-legend{grid-template-columns:repeat(2,1fr)}.gl-item{white-space:normal;font-size:.85rem}.grammar-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.gc-icon{margin-bottom:.3rem;font-size:1.8rem}.gc-num{font-size:1.1rem}.gc-subtitle{font-size:.85rem}.grammar-point{flex-direction:column;gap:.5rem;padding:.8rem}.gp-num{width:1.8rem;height:1.8rem;font-size:.9rem}.gp-pattern{font-size:1.1rem}.gp-example{padding:.6rem .8rem;font-size:.95rem;line-height:1.7}.gp-example .jp-line{font-size:1.05rem}.gd-bubble{font-size:.95rem}.grammar-detail-header{flex-wrap:wrap}.gd-title{font-size:1.05rem}}@media (width<=480px){.grammar-legend{grid-template-columns:1fr 1fr;gap:.3rem;font-size:.85rem}.gl-item{gap:.3rem;padding:.2rem .4rem}.gl-key{min-width:2.5rem;font-size:.85rem}.grammar-tabs{gap:.3rem}.grammar-tab{padding:.5rem .8rem;font-size:1rem}.grammar-card{padding:.8rem .6rem}.grammar-back{margin-bottom:1rem;padding:.4rem .8rem;font-size:.95rem}.gd-dialogue{padding:.7rem}.gd-line{gap:.4rem}.gd-speaker{width:1.6rem;height:1.6rem;font-size:.75rem}.gd-bubble{padding:.4rem .6rem;font-size:.9rem;line-height:1.6}.gd-vi{font-size:.8rem}.gp-pattern-vi{font-size:.85rem}.gd-summary{padding:.4rem .6rem;font-size:.85rem}.gd-summary-item{flex-direction:column;gap:.2rem;padding:.35rem .4rem}.gd-summary-label{min-width:auto}.gd-chip{padding:.1rem .4rem;font-size:.8rem}.grammar-detail-body{max-width:100%}.grammar-detail-header{margin-bottom:1rem}.gp-meaning{font-size:.95rem}.gp-example .vi-line{font-size:.85rem}.speak-btn.gp-speak{width:20px;height:20px}}.grammar-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.grammar-tab{cursor:pointer;background:var(--card);border:2px solid var(--pixel-border);color:var(--text2);padding:.6rem 1.5rem;font-family:VT323,monospace;font-size:1.15rem;transition:all .15s;box-shadow:3px 3px #0000004d}.grammar-tab:hover{border-color:var(--primary);color:var(--primary)}.grammar-tab.active{border-color:var(--accent);color:var(--accent);background:#ffd93d1a}.grammar-tab-content{display:none}.grammar-tab-content.active{animation:.3s fadeIn;display:block}.grammar-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem;display:grid}.grammar-card{background:linear-gradient(135deg, var(--card) 0%, #53348326 100%);border:2px solid var(--pixel-border);cursor:pointer;text-align:center;padding:1.25rem 1rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:3px 3px #0000004d}.grammar-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));height:3px;position:absolute;top:0;left:0;right:0}.grammar-card:hover{border-color:var(--primary);transform:translate(-2px,-2px);box-shadow:5px 5px #0006}.gc-icon{margin-bottom:.5rem;font-size:2.2rem}.gc-num{color:var(--primary);margin-bottom:.35rem;font-size:1.3rem}.gc-subtitle{color:var(--text);margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.gc-count{color:var(--accent);opacity:.7;font-size:.85rem}.grammar-back{background:var(--card);border:2px solid var(--pixel-border);color:var(--text2);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:1.1rem;transition:all .15s;display:inline-flex;box-shadow:3px 3px #0000004d}.grammar-back:hover{border-color:var(--primary);color:var(--primary)}.grammar-detail-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.gd-icon{font-size:1.5rem}.gd-title{color:var(--primary);font-size:1.2rem}.gd-subtitle{color:var(--text2);font-size:1rem}.gd-title:after{content:" — ";color:var(--text2)}.grammar-detail-body{max-width:700px;margin:0 auto}.grammar-point{background:var(--card);border:2px solid var(--pixel-border);gap:.85rem;margin-bottom:1rem;padding:1rem 1.1rem;transition:border-color .2s;display:flex;box-shadow:3px 3px #0000004d}.grammar-point:hover{border-color:#d4637b4d}.gp-num{background:linear-gradient(135deg, var(--primary), var(--accent));width:2.2rem;height:2.2rem;color:var(--bg);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.gp-content{flex:1;min-width:0}.gp-pattern{color:var(--accent);margin-bottom:.35rem;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;font-weight:700;line-height:2}.gp-meaning{color:var(--text);margin-bottom:.65rem;font-size:1.05rem}.gp-example{border-left:3px solid var(--accent);background:#0000004d;border-radius:0 4px 4px 0;padding:.75rem 1rem;font-size:1.05rem;line-height:1.9;position:relative}.gp-example .jp-line{color:var(--text);font-size:1.15rem;font-weight:700}.gp-example .vi-line{color:var(--accent);margin-top:.3rem;font-size:.95rem}ruby{ruby-align:center;margin:0 .05em}ruby rt{color:var(--text2);letter-spacing:.5px;padding-bottom:.1em;font-family:Noto Sans JP,sans-serif;font-size:.5em;font-weight:400}.gp-pattern ruby{margin:0 .08em}.gp-pattern ruby rt{color:var(--text2);font-size:.45em}.gp-example ruby rt{font-size:.45em}.gp-pattern-vi ruby{margin:0 .06em}.gp-pattern-vi ruby rt{font-size:.5em}.gp-pattern-vi{color:var(--text2);border-left:2px solid var(--accent);background:#ffd93d0f;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.95rem;font-style:italic}.gd-summary{background:var(--card);border:2px solid var(--pixel-border);color:var(--text);flex-direction:column;gap:0;margin-bottom:1.25rem;padding:.8rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;display:flex}.gd-summary-item{border-bottom:1px solid #ffffff0f;align-items:baseline;gap:.5rem;padding:.4rem .6rem;line-height:1.6;display:flex}.gd-summary-item:last-child{border-bottom:none}.gd-summary-label{color:var(--accent);flex-shrink:0;min-width:5rem;font-weight:700}.gd-summary-content{color:var(--text);flex-wrap:wrap;gap:.3rem;display:flex}.gd-chip{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:2px;align-items:center;padding:.15rem .5rem;font-size:.9rem;line-height:1.6;display:inline-flex}.gd-arrow{color:var(--primary);margin:0 .15rem;font-weight:700}.gd-slash{color:var(--text2);margin:0 .1rem}.gd-dialogue{border:2px solid var(--pixel-border);background:#ffffff05;margin-top:1.5rem;padding:1rem}.gd-dialogue-title{color:var(--accent);margin-bottom:.75rem;font-size:1.1rem}.gd-line{align-items:flex-start;gap:.6rem;margin-bottom:.6rem;display:flex}.gd-speaker{background:var(--primary);width:2rem;height:2rem;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.gd-line:nth-child(odd) .gd-speaker{background:var(--accent)}.gd-bubble{background:#0003;border-radius:0 8px 8px;flex:1;padding:.5rem .75rem;font-size:1.05rem;line-height:1.7}.gd-vi{color:var(--text2);margin-top:.15rem;font-size:.85rem}.gp-tip{border-left:3px solid var(--accent);color:var(--accent);background:#ffd93d14;border-radius:0 4px 4px 0;margin-top:.6rem;padding:.6rem .85rem;font-size:.95rem;line-height:1.6}.gp-example+.gp-example{margin-top:.4rem}.gp-highlight{color:var(--primary);border-bottom:2px solid var(--primary);background:#d4637b26;padding:.1rem .25rem;font-weight:700}.gp-speak{width:22px;height:22px;position:absolute;top:.4rem;right:.4rem}.particle-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.particle-card{background:var(--card);border:2px solid var(--pixel-border);padding:1rem;transition:all .2s;box-shadow:3px 3px #0000004d}.particle-card:hover{border-color:var(--accent);transform:translate(-1px,-1px)}.particle-symbol{color:var(--primary);text-shadow:0 0 12px #e945604d;margin-right:.5rem;font-size:2.5rem;font-weight:700;display:inline-block}.particle-func{color:var(--accent);font-size:1.05rem;font-weight:700}.particle-ex{color:var(--text2);margin-top:.5rem;font-size:1rem;line-height:1.7}@media (width<=768px){.grammar-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gc-icon{font-size:1.8rem}.gc-num{font-size:1.1rem}.gc-subtitle{font-size:.85rem}.grammar-modal-box{max-width:95%}.particle-grid{grid-template-columns:1fr}}.quiz-area{text-align:center;max-width:600px;margin:0 auto}.quiz-mode-select{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.quiz-mode-card{background:var(--card);border:2px solid var(--pixel-border);cursor:pointer;text-align:center;padding:2rem 1rem;transition:all .2s;box-shadow:3px 3px #0000004d}.quiz-mode-card:hover{border-color:var(--primary);transform:translate(-2px,-2px);box-shadow:5px 5px #0006}.qm-icon{margin-bottom:.5rem;font-size:2.5rem}.qm-title{color:var(--accent);margin-bottom:.35rem;font-size:1.2rem}.qm-desc{color:var(--text2);font-size:.9rem;line-height:1.4}@media (width<=500px){.quiz-mode-select{grid-template-columns:1fr;max-width:300px;margin:0 auto 1.5rem}.quiz-mode-card{padding:1.2rem .8rem}.qm-icon{font-size:2rem}.qm-title{font-size:1.05rem}.qm-desc{font-size:.8rem}.quiz-card{padding:1.2rem}.quiz-question{font-size:2rem}.quiz-hint{margin-bottom:1rem;font-size:.95rem}.quiz-opt{padding:.75rem 1rem;font-size:1.05rem}.score-num{font-size:1.4rem}.score-label{font-size:.85rem}.result-score{font-size:2.5rem}.result-stars{font-size:2rem}}.quiz-setup{flex-direction:column;align-items:center;gap:1rem;display:flex}.quiz-type-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.quiz-card{background:var(--card);border:3px solid var(--pixel-border);padding:2rem;position:relative;box-shadow:6px 6px #0006}.quiz-mix-tag{opacity:.6;font-size:1.2rem;position:absolute;top:.5rem;right:.75rem}.qm-mix{border-color:var(--accent)!important}.quiz-question{margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.quiz-speak{vertical-align:middle;opacity:.6;width:28px;height:28px;margin-left:.5rem;display:inline-block;position:relative;top:-2px}.quiz-speak:hover{opacity:1}.quiz-hint{color:var(--text2);margin-bottom:1.5rem;font-size:1.1rem}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-opt{border:2px solid var(--pixel-border);cursor:pointer;text-align:left;color:var(--text);background:#ffffff0a;padding:1rem 1.25rem;font-family:Noto Sans JP,sans-serif;font-size:1.1rem;transition:all .15s}.quiz-opt:hover{border-color:var(--primary);background:#e9456014}.quiz-opt.correct{border-color:var(--accent2);color:var(--accent2);background:#6bcb7726}.quiz-opt.wrong{border-color:var(--primary);color:var(--primary);background:#e9456026}.quiz-score{justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.score-item{text-align:center}.score-num{font-size:1.8rem;font-weight:700}.score-label{color:var(--text2);margin-top:.25rem;font-size:1rem}.score-correct .score-num{color:var(--accent2)}.score-wrong .score-num{color:var(--primary)}.quiz-progress{background:var(--bg);border:1px solid var(--pixel-border);width:100%;height:8px;margin-bottom:1rem}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .3s}.quiz-result{text-align:center;padding:2rem}.result-score{color:var(--accent);font-size:3.5rem;font-weight:700}.result-text{color:var(--text2);margin:.5rem 0 1.5rem;font-size:1.2rem}.result-stars{letter-spacing:.5rem;margin:1rem 0;font-size:2.5rem}.review-section{text-align:left;border-top:2px dashed var(--pixel-border);margin-top:2rem;padding-top:1.5rem}.review-title{color:var(--accent2);margin-bottom:1rem;font-size:1.1rem}.review-card{background:var(--card);border:2px solid var(--pixel-border);align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex;box-shadow:2px 2px #0003}.review-num{background:var(--pixel-border);width:1.5rem;height:1.5rem;color:var(--bg);flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.review-body{flex:1;min-width:0}.review-q{margin-bottom:.3rem;font-size:1.1rem}.review-correct{color:var(--accent2);font-size:.9rem}.review-correct:before{content:"✓"}.review-wrong{color:#e74c3c;opacity:.7;font-size:.85rem;text-decoration:line-through}.review-wrong:before{content:"✗"}.review-explain{color:var(--text2);border-left:2px solid var(--accent);background:#ffffff08;margin-top:.4rem;padding:.3rem .5rem;font-size:.8rem}.review-meta{border:1px dashed var(--pixel-border);background:#ffffff0d;margin-top:.5rem;padding:.5rem .6rem;font-size:.8rem}.review-rule{color:var(--accent2);margin-bottom:.2rem;font-size:.9rem}.review-rule-label{margin-right:.2rem}.review-rule-vi{color:var(--text2);margin-bottom:.3rem;font-size:.78rem}.review-tip{color:var(--accent);margin-bottom:.3rem;font-size:.78rem}.review-lesson-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;margin-top:.3rem;padding:.25rem .6rem;font-size:.6rem;transition:all .15s;display:inline-block}.review-lesson-btn:hover{background:var(--accent);color:var(--bg)}.achieve-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.achieve-stat{text-align:center;background:var(--card);border:2px solid var(--pixel-border);min-width:100px;padding:1rem 1.5rem;box-shadow:3px 3px #0000004d}.achieve-stat-num{color:var(--accent);font-size:2rem;font-weight:700}.achieve-stat-label{color:var(--text2);margin-top:.2rem;font-size:.9rem}.achieve-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;max-width:800px;margin:0 auto;display:grid}.achieve-card{background:var(--card);border:2px solid var(--pixel-border);align-items:center;gap:.75rem;padding:.8rem 1rem;transition:all .2s;display:flex;box-shadow:3px 3px #0000004d}.achieve-card.unlocked{border-color:var(--accent);background:linear-gradient(135deg, var(--card) 0%, #ffd93d14 100%)}.achieve-card.locked{opacity:.4}.achieve-icon{text-align:center;flex-shrink:0;width:2.5rem;font-size:2rem}.achieve-card.locked .achieve-icon{filter:grayscale()}.achieve-info{flex:1;min-width:0}.achieve-name{color:var(--text);font-size:1.1rem;font-weight:700}.achieve-card.locked .achieve-name{color:var(--text2)}.achieve-desc{color:var(--text2);margin-top:.15rem;font-size:.85rem}.achieve-check{color:var(--accent2);flex-shrink:0;font-size:1.2rem}@media (width<=500px){.achieve-grid{grid-template-columns:1fr}.achieve-stat{min-width:80px;padding:.7rem 1rem}.achieve-stat-num{font-size:1.5rem}}.treasure-float{z-index:90;background:var(--card);border:2px solid var(--pixel-border);cursor:pointer;padding:.35rem .45rem;font-size:1.3rem;transition:transform .15s;animation:3s ease-in-out infinite treasure-sparkle;position:fixed;top:4.5rem;right:1rem;box-shadow:2px 2px #0000004d}.treasure-float:hover{transform:scale(1.1)}.treasure-float-icon{display:block}@keyframes treasure-sparkle{0%,to{box-shadow:2px 2px #0000004d}50%{box-shadow:2px 2px 10px #e9456080,0 0 15px #ffd93d4d}}.treasure-intro{text-align:center;padding:2rem 0}.treasure-icon{font-size:4rem;animation:2s ease-in-out infinite treasure-bob}@keyframes treasure-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.treasure-rules{color:var(--text2);border:1px dashed var(--pixel-border);margin-bottom:1.5rem;padding:.5rem .8rem;font-size:.7rem;display:inline-block}.treasure-start{cursor:pointer;background:linear-gradient(135deg, var(--accent2), var(--accent));color:var(--bg);border:none;padding:.8rem 2rem;font-size:1.1rem;animation:1.5s ease-in-out infinite treasure-pulse;box-shadow:3px 3px #0000004d}@keyframes treasure-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.treasure-locked{color:var(--text2);padding:1rem;font-size:.85rem}.treasure-vault-btn{border:2px solid var(--accent2);color:var(--accent2);cursor:pointer;background:0 0;padding:.7rem 1.5rem;font-size:1rem;transition:all .15s;box-shadow:3px 3px #0000004d}.treasure-vault-btn:hover{background:var(--accent2);color:var(--bg)}.secret-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.secret-card{background:var(--card);border:2px solid var(--pixel-border);cursor:pointer;text-align:center;padding:.6rem;transition:transform .15s;box-shadow:2px 2px #0003}.secret-card:hover{transform:translateY(-2px)}@media (width<=480px){.treasure-float{padding:.25rem .35rem;font-size:1.1rem;top:4rem;right:.5rem}.secret-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.scroll-top{z-index:199;background:var(--card);border:2px solid var(--pixel-border);width:40px;height:40px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .3s,transform .15s;display:flex;position:fixed;bottom:3rem;right:1rem;box-shadow:3px 3px #0000004d}.scroll-top.show{opacity:.8;pointer-events:auto}.scroll-top:hover{opacity:1;border-color:var(--accent);transform:translate(-1px,-1px)}@media (width<=480px){.scroll-top{width:36px;height:36px;font-size:1rem;bottom:2.5rem;right:.5rem}}.sfx-toggle{border:1px solid var(--pixel-border);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:30px;height:30px;padding:.3rem;transition:all .15s;display:flex}.sfx-toggle svg{width:18px;height:18px}.sfx-toggle:hover{border-color:var(--accent);color:var(--accent)}@media (width<=500px){.sfx-toggle{width:26px;height:26px;padding:.2rem}.sfx-toggle svg{width:14px;height:14px}}.streak-wrap{color:var(--accent);cursor:default;background:#ff640014;border:1px solid #ff960033;align-items:center;gap:.2rem;padding:.2rem .6rem;display:flex}.streak-icon{font-size:1rem}.streak-num{color:#ff9500;font-size:1.1rem;font-weight:700}.streak-wrap.hot .streak-icon{animation:.5s infinite streakBurn}@keyframes streakBurn{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cat-progress{background:#ffffff14;width:100%;height:4px;margin-top:.4rem;overflow:hidden}.cat-progress-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));height:100%;transition:width .3s}.cat-learned-text{color:var(--text2);margin-top:.15rem;font-size:.75rem}.cat-card.cat-complete{border-color:var(--accent2)}.cat-card.cat-complete .cat-icon:after{content:" ✓";color:var(--accent2);font-size:.8rem}.badge-overlay{z-index:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.badge-overlay.show{opacity:1;pointer-events:auto}.badge-popup{text-align:center;background:var(--bg2);border:3px solid var(--accent);padding:2rem 2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5);box-shadow:0 0 50px #ffd93d4d,6px 6px #00000080}.badge-overlay.show .badge-popup{transform:scale(1)}.badge-popup-icon{margin-bottom:.5rem;font-size:3.5rem}.badge-popup-title{color:var(--accent);letter-spacing:3px;margin-bottom:.3rem;font-size:1rem}.badge-popup-name{color:var(--text);margin-bottom:.3rem;font-size:1.4rem}.badge-popup-desc{color:var(--text2);font-size:1rem}.quiz-combo{z-index:300;text-align:center;animation:.3s comboIn;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.combo-count{color:var(--accent);text-shadow:0 0 15px #ffd93d80;font-size:2.5rem;font-weight:700;display:block}.combo-label{color:var(--primary);letter-spacing:2px;font-size:.8rem;display:block}@keyframes comboIn{0%{opacity:0;transform:translateY(-50%)scale(1.5)}to{opacity:1;transform:translateY(-50%)scale(1)}}.combo-shake{animation:.3s comboShake}@keyframes comboShake{0%,to{transform:translateY(-50%)rotate(0)}25%{transform:translateY(-50%)rotate(-5deg)scale(1.1)}75%{transform:translateY(-50%)rotate(5deg)scale(1.1)}}@media (width<=500px){.quiz-combo{right:.5rem}.combo-count{font-size:1.8rem}.combo-label{font-size:.65rem}.streak-wrap{padding:.15rem .4rem}.streak-num{font-size:.95rem}}.credit-badge{z-index:200;color:var(--text2);border:1px solid var(--pixel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.7;background:#1a1a2ee6;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.75rem;text-decoration:none;transition:opacity .3s;display:flex;position:fixed;bottom:1rem;right:1rem}.credit-badge:hover{opacity:1}.credit-badge svg{width:14px;height:14px;fill:var(--primary)}.credit-badge strong{color:var(--text);font-weight:700}.credit-tooltip{cursor:pointer;text-align:center;background:var(--card);border:2px solid var(--accent);color:var(--accent);white-space:nowrap;opacity:0;pointer-events:none;padding:.4rem .8rem;font-size:.8rem;text-decoration:none;transition:opacity .2s,transform .2s;display:block;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;transform:translateY(4px);box-shadow:3px 3px #0006}.credit-tooltip:after{content:"";height:.5rem;position:absolute;bottom:-.5rem;left:0;right:0}.credit-tooltip:hover{color:var(--text)}.credit-badge:hover .credit-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.nav-overlay{display:none}@media (width<=768px){.header-inner{flex-wrap:wrap}.nav{justify-content:center;width:100%;display:none}.nav.open{z-index:101;flex-wrap:wrap;display:flex;position:relative}.menu-toggle{display:block}.nav-overlay{z-index:99;display:block;position:fixed;inset:0}.xp-bar-wrap{font-size:.85rem}.xp-bar{width:70px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.vocab-list{grid-template-columns:1fr}.section-title{font-size:1.2rem}.fc-jp{font-size:2.2rem}.flashcard-container{max-width:320px}.particle-grid{grid-template-columns:1fr}}@media (width<=480px){.flashcard-container{max-width:100%}.flashcard-face{padding:1.5rem 1rem}.fc-jp{font-size:2rem}.credit-badge{padding:.3rem .6rem;font-size:.65rem;bottom:.5rem;right:.5rem}}@media (width<=375px){.nav-btn{padding:.4rem .6rem;font-size:.95rem}.cat-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.cat-card{padding:.5rem}.cat-icon{font-size:1.4rem}.cat-name{font-size:.9rem}.vocab-pixel,.vocab-pixel canvas{width:40px;height:40px}.vocab-jp{font-size:1.3rem}.vocab-hi{font-size:.8rem}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.bounce{animation:.6s bounce}.slide-up{opacity:0;animation:.4s forwards slideUp}.confetti{z-index:300;pointer-events:none;width:8px;height:8px;animation:confettiFall var(--fall) linear forwards;position:fixed;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.levelup-overlay{z-index:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;cursor:pointer;background:#000000bf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.levelup-overlay.show{opacity:1;pointer-events:auto}.levelup-box{text-align:center;background:var(--bg2);border:4px solid var(--accent);padding:2.5rem 3rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.7);box-shadow:0 0 40px #ffd93d4d,8px 8px #00000080}.levelup-overlay.show .levelup-box{transform:scale(1)}.levelup-star{margin-bottom:.5rem;font-size:3.5rem;animation:1s infinite levelStar}@keyframes levelStar{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.2)rotate(-10deg)}50%{transform:scale(1)rotate(0)}75%{transform:scale(1.2)rotate(10deg)}}.levelup-title{color:var(--accent);text-shadow:0 0 20px #ffd93d80;letter-spacing:4px;margin-bottom:.5rem;font-size:1.8rem}.levelup-level{color:var(--text);text-shadow:0 0 15px #ffffff4d;margin-bottom:.5rem;font-size:3rem}.levelup-msg{color:var(--text2);font-size:1rem}.toast{background:var(--card);border:2px solid var(--accent2);color:var(--accent2);z-index:400;padding:.6rem 1.5rem;font-size:1.1rem;animation:.3s toastIn,.3s 1.7s forwards toastOut;position:fixed;bottom:4rem;left:50%;transform:translate(-50%);box-shadow:4px 4px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.load-more-btn{background:var(--card);border:2px solid var(--pixel-border);color:var(--accent);cursor:pointer;grid-column:1/-1;padding:.9rem;font-size:1.1rem;transition:all .15s;box-shadow:3px 3px #0000004d}.load-more-btn:hover{border-color:var(--accent);transform:translate(-1px,-1px)}.cat-popup-trigger{background:var(--card);border:2px solid var(--pixel-border);color:var(--text);cursor:pointer;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.7rem 1.25rem;font-size:1.15rem;transition:all .15s;display:flex;box-shadow:3px 3px #0000004d}.cat-popup-trigger:hover{border-color:var(--primary)}.cat-popup-arrow{color:var(--text2);margin-left:auto;font-size:.7rem}.cat-popup-box{max-width:520px;max-height:85vh}.cat-popup-box .cat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:65vh;margin-bottom:0;padding:.75rem;overflow-y:auto}.cat-popup-list{flex-direction:column;max-height:60vh;padding:.25rem 0;display:flex;overflow-y:auto}.cat-popup-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:1.05rem;transition:background .15s;display:flex}.cat-popup-item:hover{background:#ffffff0a}.cat-popup-item.active{color:var(--accent);background:#ffd93d1a}.vocab-bookmark{cursor:pointer;color:var(--text2);background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1.4rem;line-height:1;transition:all .2s}.vocab-bookmark:hover{transform:scale(1.2)}.vocab-bookmark.active{color:var(--accent)}.quiz-timer{background:#ffffff1a;border-radius:3px;height:6px;margin:.5rem 0 1rem;position:relative;overflow:hidden}.quiz-timer-fill{background:var(--accent2);border-radius:3px;height:100%;transition:width 1s linear}.quiz-timer-fill.urgent{background:#e94560}.quiz-timer-text{color:var(--text2);font-size:.7rem;position:absolute;top:-1.2rem;right:0}.quiz-difficulty{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.qd-label{color:var(--text2)}.qd-value{border-radius:3px;padding:.15rem .5rem;font-size:.9rem}.qd-easy{color:#6bcb77;background:#6bcb7733}.qd-medium{color:#ffd93d;background:#ffd93d33}.qd-hard{color:#e94560;background:#e9456033}.qd-expert{color:#a29bfe;background:#a29bfe33}.qd-info{color:var(--text2);font-size:.75rem}.mode-select-box{max-width:500px}.mode-cards{flex-wrap:wrap;gap:1rem;padding:1rem;display:flex}.mode-card{text-align:center;cursor:pointer;border:2px solid var(--border);background:var(--card);border-radius:12px;flex:1;min-width:200px;padding:1.5rem 1rem;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.mode-adventure{border-color:var(--accent2)}.mode-adventure:hover{border-color:#00cec9}.mode-free{border-color:#ffd93d}.mode-free:hover{border-color:#fdcb6e}.mode-icon{margin-bottom:.5rem;font-size:2.5rem}.mode-title{color:var(--accent);margin-bottom:.5rem;font-size:1.2rem}.mode-desc{color:var(--text2);margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.mode-tag{color:var(--text2);background:#ffffff0d;border-radius:3px;padding:.2rem .6rem;font-size:.65rem;display:inline-block}.challenge-box{max-width:440px}.challenge-progress{background:var(--border);border-radius:2px;height:4px;margin:.5rem 1rem}.challenge-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.challenge-body{padding:0 1rem 1.5rem}.lesson-banner{background:var(--card);border:1px solid var(--accent2);text-align:center;color:var(--accent2);border-radius:8px;margin-bottom:1rem;padding:.6rem 1rem;font-size:.7rem}.grammar-card.locked{opacity:.35;filter:grayscale(.5);pointer-events:auto;cursor:not-allowed;position:relative}.grammar-card.locked:after{content:"🔒";filter:grayscale(0)drop-shadow(0 0 4px #00000080);font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-pill{vertical-align:middle;margin-left:.3rem;font-size:.6rem;display:inline-block}