*{box-sizing:border-box}body{margin:0;background:#f3f7ef;color:#17130f;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}.app{min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(192,56,24,.1),transparent 28%),radial-gradient(circle at 88% 12%,rgba(42,122,86,.14),transparent 30%),linear-gradient(180deg,#fbfaf6 0,#eef7f3 58%,#eaf4f6 100%);padding-bottom:104px}.appHeader{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;padding:14px 22px 12px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(26,22,18,.08)}.brandMark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#c03818,#8d302e);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 12px 24px rgba(192,56,24,.22)}h1{font-size:20px;margin:0 0 2px;font-weight:900;letter-spacing:0}.appHeader p{margin:0;color:#8d867d;font-weight:800;font-size:13px}.appMain{width:min(980px,100%);margin:0 auto;padding:20px 20px 10px}.statePanel{min-height:45vh;display:grid;place-items:center;gap:10px;font-weight:900;color:#635b52}.errorPanel{color:#b92b22}.hero{border-radius:26px;background:linear-gradient(135deg,#fffdf8,#e5f2ec);border:1px solid rgba(26,22,18,.08);box-shadow:0 24px 58px rgba(62,44,24,.13);padding:38px;min-height:250px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero:after{content:"語";position:absolute;right:24px;bottom:-30px;font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:180px;color:rgba(31,122,85,.06)}.hero p{margin:0 0 12px;color:#c03818;font-weight:900;font-style:italic}.hero h2{font-size:clamp(48px,10vw,86px);line-height:.95;margin:0 0 18px;font-weight:950;letter-spacing:0}.hero span{font-size:18px;color:#5d554c;font-weight:700;line-height:1.5}.levelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.levelCard{border:1px solid rgba(26,22,18,.08);background:rgba(255,255,255,.88);border-radius:20px;padding:18px;text-align:left;box-shadow:0 12px 30px rgba(62,44,24,.08);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;cursor:pointer}.levelCard strong{font-size:22px}.levelCard span{font-size:18px;font-weight:900}.levelCard em{font-style:normal;color:#7b7369;font-weight:900}.controlStack{display:grid;gap:12px;margin-bottom:14px}.levelStrip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 4px}.chip{border:1px solid rgba(26,22,18,.1);background:rgba(255,255,255,.72);color:var(--chip);border-radius:999px;padding:11px 18px;font-size:16px;font-weight:900;box-shadow:0 8px 22px rgba(26,22,18,.06);cursor:pointer}.chipActive{background:var(--chip);color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--chip) 26%,transparent)}.selectCard{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 18px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(26,22,18,.08);box-shadow:0 14px 32px rgba(62,44,24,.08)}.selectCard span{grid-column:1/-1;color:#8d867d;font-size:12px;font-weight:900}.selectCard select{grid-column:1/-1;border:0;background:0 0;font-size:22px;font-weight:950;color:#17130f;outline:0;padding:4px 0}.flashcardView{position:relative}.progressLine{height:3px;background:rgba(26,22,18,.1);border-radius:999px;margin:18px 48px 8px;overflow:hidden}.progressLine span{display:block;height:100%;background:linear-gradient(90deg,#1f7a55,#c03818);border-radius:999px}.counter{text-align:right;color:#81786f;font-weight:900;margin-bottom:10px}.knownButton{float:right;border:0;border-radius:999px;padding:11px 17px;background:rgba(255,255,255,.8);color:#6b6259;font-weight:900;box-shadow:0 10px 24px rgba(26,22,18,.06)}.navArea{clear:both;display:grid;grid-template-columns:64px 1fr 64px;align-items:start;gap:8px}.sideNav{width:56px;height:56px;margin-top:230px;border:0;border-radius:50%;background:#fff;color:#1f7a55;display:grid;place-items:center;box-shadow:0 18px 34px rgba(31,122,85,.16);cursor:pointer}.sideNav:disabled{opacity:.32}.cardStage{display:grid;gap:16px;justify-items:center}.mainSound{margin-bottom:-24px;z-index:2}.soundButton{width:56px;height:56px;border:1px solid rgba(31,122,85,.18);border-radius:50%;background:#fff;color:#1f7a55;display:inline-grid;place-items:center;box-shadow:0 14px 30px rgba(31,122,85,.18);cursor:pointer}.soundButton.mainSound{width:68px;height:68px}.soundButton.huge{width:84px;height:84px}.flipCard{width:min(430px,100%);height:min(520px,58vh);min-height:360px;border:0;background:0 0;padding:0;perspective:1200px;cursor:pointer}.flipInner{position:relative;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.isFlipped .flipInner{transform:rotateY(180deg)}.flipFace{position:absolute;inset:0;backface-visibility:hidden;border-radius:26px;background:#fffdf9;border:1px solid rgba(26,22,18,.1);box-shadow:0 24px 60px rgba(62,44,24,.14);overflow:hidden}.textFace{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px}.imageFace{transform:rotateY(180deg);display:grid;place-items:center;padding:16px}.imageFace img{display:block;width:100%;height:100%;object-fit:contain;border-radius:18px}.metaLine{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.metaLine span{border-radius:999px;padding:7px 13px;background:rgba(26,22,18,.06);font-weight:900;color:#6c6258}.textFace h2{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:clamp(58px,13vw,96px);line-height:1.02;margin:0 0 12px;font-weight:950;letter-spacing:0;overflow-wrap:anywhere}.kana{font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:900;color:#51483f;margin:0 0 5px}.romaji{font-size:16px;font-weight:800;color:#9b938a;font-style:italic;margin:0 0 24px}.meaning{font-size:30px;font-weight:950;margin:0}.examplePanel{width:min(720px,100%);background:rgba(255,255,255,.9);border:1px solid rgba(26,22,18,.08);border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px rgba(62,44,24,.08)}.exampleHeader{display:flex;align-items:center;justify-content:space-between;color:#8d867d;font-size:13px}.miniSound{width:36px;height:36px;border-radius:50%;border:1px solid rgba(26,22,18,.08);background:#fff;color:#1f7a55}.jpSentence{font-family:"Noto Sans JP",sans-serif;font-size:20px;font-weight:900;margin:8px 0 4px;line-height:1.45}.reading{font-family:"Noto Sans JP",sans-serif;color:#1f7a55;font-weight:800;margin:0 0 2px;line-height:1.45}.exampleRomaji{color:#91887e;font-size:13px;font-weight:800;font-style:italic;margin:0 0 8px}.zhSentence{color:#5f564d;font-weight:800;margin:0;line-height:1.45}.dots{display:flex;justify-content:center;gap:7px;margin:12px 0}.dots span{width:7px;height:7px;border-radius:99px;background:rgba(26,22,18,.16)}.dots .dotOn{width:22px;background:#1f7a55}.searchBox{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:18px;padding:13px 15px;box-shadow:0 12px 28px rgba(62,44,24,.08)}.searchBox input{border:0;outline:0;background:0 0;font-size:16px;font-weight:800;width:100%}.wordList{display:grid;gap:10px;margin-top:14px}.wordRow{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;border:1px solid rgba(26,22,18,.08);background:rgba(255,255,255,.88);border-radius:16px;padding:14px 16px;align-items:center}.wordRow strong{font-family:"Noto Sans JP",sans-serif;font-size:22px}.wordRow span{display:block;color:#777067;font-weight:800;margin-top:2px}.wordRow em{font-style:normal;font-weight:900;color:#17130f}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(26,22,18,.08);border-radius:18px;padding:6px;margin-bottom:14px}.modeSwitch button{border:0;border-radius:14px;background:0 0;padding:13px;font-weight:950;color:#776f66}.modeSwitch .active{background:#fff;color:#17130f;box-shadow:0 10px 24px rgba(26,22,18,.08)}.trainingCard{display:grid;gap:14px;justify-items:center}.audioReview,.practiceBox{background:rgba(255,255,255,.9);border:1px solid rgba(26,22,18,.08);border-radius:24px;padding:20px;box-shadow:0 18px 44px rgba(62,44,24,.11)}.practicePrompt{display:flex;align-items:center;gap:16px;justify-content:center;text-align:left}.promptKanji{font-family:"Noto Sans JP",sans-serif;font-size:44px;font-weight:950;margin:0}.promptMeaning{font-weight:900;color:#6b6259;margin:4px 0 0}.answerLine{min-height:58px;margin:18px 0;border-radius:16px;background:rgba(31,122,85,.08);display:grid;place-items:center;font-family:"Noto Sans JP",sans-serif;font-size:30px;font-weight:950;color:#1f7a55;letter-spacing:4px}.kanaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:10px}.kanaGrid button{min-height:54px;border:1px solid rgba(26,22,18,.08);border-radius:14px;background:#fff;font-family:"Noto Sans JP",sans-serif;font-size:24px;font-weight:950;box-shadow:0 8px 18px rgba(26,22,18,.06)}.practiceActions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.practiceActions button,.wideAction{border:0;border-radius:15px;background:#fff;color:#2d271f;font-weight:950;padding:13px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(26,22,18,.08)}.primaryAction,.wideAction{background:#1f7a55!important;color:#fff!important}.wideAction{width:min(420px,100%);margin:14px auto 0}.result{margin-top:14px;border-radius:14px;padding:12px;display:flex;align-items:center;gap:8px;font-weight:950}.ok{background:rgba(31,122,85,.12);color:#1f7a55}.ng{background:rgba(185,43,34,.1);color:#b92b22}.audioReview{text-align:center;display:grid;gap:14px;justify-items:center}.audioReview p{font-weight:900;color:#6b6259}.answerCard{display:grid;gap:4px;background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:18px;padding:18px 28px;min-width:min(360px,100%)}.answerCard strong{font-family:"Noto Sans JP",sans-serif;font-size:44px}.answerCard span{font-family:"Noto Sans JP",sans-serif;font-size:26px;font-weight:900;color:#1f7a55}.answerCard em{font-style:italic;color:#91887e;font-weight:800}.answerCard p{margin:4px 0 0;color:#17130f}.toast{position:fixed;left:20px;right:20px;bottom:106px;z-index:40;background:#fff;border:1px solid rgba(185,43,34,.18);color:#b92b22;border-radius:16px;padding:12px 16px;font-weight:900;box-shadow:0 18px 38px rgba(26,22,18,.16)}.bottomNav{position:fixed;left:16px;right:16px;bottom:14px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(26,22,18,.08);border-radius:22px;padding:8px;box-shadow:0 18px 50px rgba(62,44,24,.16)}.bottomNav button{border:0;border-radius:16px;background:0 0;color:#7d756d;font-weight:900;display:grid;place-items:center;gap:3px;padding:10px 4px}.bottomNav .active{background:#fff;color:#17130f;box-shadow:0 10px 22px rgba(26,22,18,.08)}.bottomNav span{font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.appMain{padding:14px}.levelGrid{grid-template-columns:1fr}.navArea{grid-template-columns:48px 1fr 48px}.sideNav{width:46px;height:46px;margin-top:182px}.soundButton.mainSound{width:62px;height:62px}.flipCard{height:316px;min-height:316px}.textFace h2{font-size:46px}.kana{font-size:22px}.meaning{font-size:22px}.promptKanji{font-size:36px}.appHeader{padding-left:16px}.hero{padding:28px 24px}.examplePanel{padding:14px}.bottomNav{left:8px;right:8px}.bottomNav button{padding:9px 2px}}.trainingCard,.trainingView .cardStage{width:100%}.trainingView .soundButton.mainSound{margin-bottom:2px}.studyOnlyCard{width:min(640px,100%);height:auto;min-height:0;perspective:none;cursor:default}.studyOnlyCard .flipInner{height:auto;transform:none!important}.studyOnlyCard .flipFace{position:relative;min-height:220px;overflow:visible;backface-visibility:visible}.studyOnlyCard .textFace{gap:8px;padding:28px 26px}.studyOnlyCard .metaLine{margin-bottom:8px}.studyOnlyCard .textFace h2{font-size:clamp(54px, 12vw, 86px);line-height:1;margin:2px 0;word-break:keep-all;overflow-wrap:normal}.studyOnlyCard .kana{font-size:30px;margin:0}.studyOnlyCard .romaji{margin:0;color:#81786f}.studyOnlyCard .meaning{font-size:28px;margin-top:8px}@media (max-width:680px){.studyOnlyCard{width:100%;height:auto;min-height:0}.studyOnlyCard .flipFace{min-height:238px}.studyOnlyCard .textFace{padding:26px 24px}.studyOnlyCard .textFace h2{font-size:clamp(52px, 19vw, 78px)}.studyOnlyCard .kana{font-size:30px}.studyOnlyCard .meaning{font-size:26px}}.imageFace{position:relative;background:linear-gradient(145deg,#fdfaf2,#eef7f2)}.imageFace img{position:relative;z-index:2}.imageFallbackText{position:absolute;inset:18px;z-index:1;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#173a2f;border-radius:20px;background:radial-gradient(circle at 50% 34%,rgba(31,122,85,.14),transparent 48%)}.imageFallbackText strong{font-family:"Noto Sans JP",sans-serif;font-size:clamp(54px, 12vw, 92px);line-height:1}.imageFallbackText span{font-family:"Noto Sans JP",sans-serif;font-size:28px;font-weight:900}.imageFallbackText em{font-size:15px;font-weight:800;color:#80766b}.imageFallbackText p{margin:0;font-size:24px;font-weight:950}.generatedImageFace{background:linear-gradient(145deg,#e8f4ff,#f7fbf5)}.generatedImageFace .imageFallbackText{z-index:3;inset:20px;border:1px solid rgba(31,122,85,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.68)}.generatedImageFace .imageFallbackText strong{max-width:100%}.trainingView{width:min(720px,100%);margin:0 auto}.trainingCard,.trainingView .cardStage{width:min(720px,calc(100vw - 40px))!important;max-width:100%!important;margin-inline:auto}.trainingView .studyOnlyCard{width:100%!important;max-width:720px!important}.trainingView .studyOnlyCard .flipFace{min-height:270px}.trainingView .studyOnlyCard .textFace{padding:34px 36px}.trainingView .studyOnlyCard .metaLine{gap:10px;margin-bottom:12px}.trainingView .studyOnlyCard .textFace h2{font-size:clamp(64px, 11vw, 108px)}.trainingView .studyOnlyCard .kana{font-size:34px}.trainingView .studyOnlyCard .romaji{font-size:18px}.trainingView .studyOnlyCard .meaning{font-size:30px}.trainingView .examplePanel{width:min(720px,calc(100vw - 40px))!important;max-width:100%!important;padding:22px 26px;border-radius:22px}.trainingView .exampleHeader{font-size:15px;margin-bottom:8px}.trainingView .jpSentence{font-size:24px;line-height:1.55;margin:8px 0 6px}.trainingView .reading{font-size:19px;line-height:1.55}.trainingView .exampleRomaji{font-size:15px;line-height:1.45}.trainingView .zhSentence{font-size:18px;line-height:1.55}.trainingView .wideAction{width:min(520px,calc(100vw - 40px));min-height:54px;font-size:17px}@media (max-width:680px){.trainingCard,.trainingView,.trainingView .cardStage,.trainingView .examplePanel{width:calc(100vw - 28px)!important}.trainingView .studyOnlyCard .flipFace{min-height:250px}.trainingView .studyOnlyCard .textFace{padding:30px 24px}.trainingView .studyOnlyCard .textFace h2{font-size:clamp(58px, 21vw, 86px)}.trainingView .jpSentence{font-size:21px}.trainingView .reading{font-size:18px}.trainingView .zhSentence{font-size:17px}}.flashcardCardActions{width:min(720px,100%);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:-2px}.secondaryPracticeAction{border:1px solid rgba(139,122,216,.18);border-radius:15px;background:rgba(255,255,255,.92);color:#6650a4;font-weight:950;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 10px 24px rgba(52,35,95,.08);cursor:pointer}.secondaryPracticeAction:hover{border-color:rgba(102,80,164,.32);transform:translateY(-1px)}.flashcardQuickPractice,.trainingInlinePractice{width:min(720px,100%);display:grid;gap:12px;justify-items:center}.compactPractice{width:100%;padding:16px}.compactPractice .promptKanji{font-size:34px}.practiceEmptyState{width:min(520px,100%);margin:18px auto 0;display:grid;justify-items:center;gap:8px;border:1px solid rgba(46,139,126,.18);border-radius:20px;background:rgba(255,255,255,.9);color:#2e8b7e;padding:22px;box-shadow:0 14px 34px rgba(52,35,95,.08);text-align:center}.practiceEmptyState strong{color:#171124;font-size:18px}.practiceEmptyState span{color:#6b5f82;font-weight:850;line-height:1.5}@media (max-width:680px){.flashcardCardActions{gap:8px}.secondaryPracticeAction{flex:1 1 150px;min-height:44px;padding:10px 12px}}.app{min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding-bottom:0}.appMain{padding-bottom:34px;overflow-y:auto;overscroll-behavior:contain}.bottomNav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto;margin:0 16px 14px}.homeGrid{display:grid;gap:18px;align-content:start}.homeGrid .hero{display:none!important}.homeGrid .levelGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}.homeGrid .levelCard{min-height:220px;aspect-ratio:1/1;border-radius:8px;padding:24px;grid-template-columns:1fr;align-content:space-between;align-items:stretch}.homeGrid .levelCard strong{font-size:34px}.homeGrid .levelCard span{font-size:24px}.homeGrid .levelCard em{justify-self:end;align-self:end;font-size:18px}.miniSound{width:50px;height:50px;display:inline-grid;place-items:center;cursor:pointer}.miniSound svg{width:21px;height:21px}.flashcardView .cardStage{gap:16px}.flashcardView .mainSound{margin-bottom:-4px}.flashcardView .accentReportButton{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(126,111,153,.2);background:rgba(255,255,255,.86);color:rgba(120,80,140,.6);display:grid;place-items:center;cursor:pointer;z-index:5;box-shadow:0 4px 12px rgba(63,52,93,.1);transition:transform .15s ease,background .2s ease,color .2s ease;backdrop-filter:blur(8px)}.flashcardView .accentReportButton:hover{transform:scale(1.06);background:#fff;color:rgba(214,107,168,.95)}.flashcardView .accentReportButton.accentReported{background:linear-gradient(135deg,#d66ba8 0,#b85094 100%);color:#fff;border-color:rgba(184,80,148,.45);box-shadow:0 6px 16px rgba(214,107,168,.35)}.flashcardView .focusWordButton{position:absolute;top:60px;left:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(183,154,56,.24);background:rgba(255,255,255,.88);color:rgba(183,154,56,.72);display:grid;place-items:center;cursor:pointer;z-index:5;box-shadow:0 4px 12px rgba(63,52,93,.1);transition:transform .15s ease,background .2s ease,color .2s ease;backdrop-filter:blur(8px)}.flashcardView .focusWordButton:hover{transform:scale(1.06);background:#fff;color:#b79a38}.flashcardView .focusWordButton.focusMarked{background:linear-gradient(135deg,#f1c94a 0,#b79a38 100%);color:#fff;border-color:rgba(183,154,56,.45);box-shadow:0 6px 16px rgba(183,154,56,.3)}.flashcardView .focusWordButton.focusMarked svg{fill:currentColor}@media (max-width:680px){.flashcardView .focusWordButton{top:56px;left:12px;width:36px;height:36px}}.accentReportPanel{margin:16px auto 0;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(214,107,168,.1) 0,rgba(126,111,153,.08) 100%);border:1px solid rgba(214,107,168,.22);display:flex;align-items:center;gap:14px;justify-content:space-between;width:min(900px,100%)}.accentReportInfo{display:flex;gap:12px;align-items:center;color:#6b3a78}.accentReportInfo>svg{flex-shrink:0;color:#b85094}.accentReportInfo>div{display:flex;flex-direction:column;gap:2px}.accentReportInfo strong{font-size:14px;color:#4a205a}.accentReportInfo span{font-size:12px;color:rgba(74,32,90,.7)}.accentReportDownload{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:13px;background:linear-gradient(135deg,#8b7ad8 0,#ba6e94 100%);color:#fff;box-shadow:0 6px 16px rgba(214,107,168,.3);transition:transform .15s ease}.accentReportDownload:hover{transform:translateY(-1px)}.flashcardView .imageCardFrame{width:min(540px,100%);height:auto;aspect-ratio:928/1152;margin:0;padding:0;position:relative;border-radius:26px;overflow:visible;display:grid;place-items:center;background:rgba(255,255,255,.86);border:1px solid rgba(26,22,18,.08);box-shadow:0 18px 46px rgba(62,44,24,.12)}.flashcardView .imageCardAsset{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain;object-position:center;border-radius:26px}.flashcardView .sideNav{margin-top:360px}.flashcardView .imageCardFallback{display:grid;justify-items:center;align-content:center;gap:12px;padding:36px 28px;text-align:center;position:relative;z-index:1}.flashcardView .imageCardFallback strong{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;line-height:1.05;font-weight:900;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(255,255,255,.6),0 0 1px rgba(0,0,0,.08)}.flashcardView .imageCardFallback span{font-family:"Noto Sans JP",sans-serif;font-size:32px;font-weight:800;color:rgba(81,72,63,.92);letter-spacing:.04em}.flashcardView .imageCardFallback em{font-style:normal;color:rgba(155,147,138,.95);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:lowercase}.flashcardView .imageCardFallback p{margin:12px 0 0;font-size:22px;font-weight:800;color:rgba(60,40,30,.78);max-width:80%;line-height:1.4}.flashcardView .fallbackLevelBadge{position:absolute;top:18px;right:18px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.72);font-weight:900;font-size:13px;letter-spacing:.12em;color:#4a2a7a;box-shadow:0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(4px)}.flashcardView .imageCardFrame.noImage{position:relative;overflow:hidden}.flashcardView .imageCardFrame.noImage::before{content:"";position:absolute;inset:0;border-radius:26px;opacity:.96}.flashcardView .imageCardFrame.noImage::after{content:"";position:absolute;inset:0;border-radius:26px;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.55),transparent 45%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.25),transparent 50%);pointer-events:none}.flashcardView .imageCardFrame.noImage-N5::before{background:linear-gradient(155deg,#e8d8ff 0,#d4b8e8 45%,#b88dd2 100%)}.flashcardView .imageCardFrame.noImage-N4::before{background:linear-gradient(155deg,#d8e8ff 0,#b8d2f0 45%,#8da8d8 100%)}.flashcardView .imageCardFrame.noImage-N3::before{background:linear-gradient(155deg,#ffe8d8 0,#f0c8a0 45%,#d89a68 100%)}.flashcardView .imageCardFrame.noImage-N2::before{background:linear-gradient(155deg,#d8ffe0 0,#a0d8a8 45%,#5fa870 100%)}.flashcardView .imageCardFrame.noImage-N1::before{background:linear-gradient(155deg,#ffd8d8 0,#f0a0a0 45%,#c86868 100%)}.flashcardView .imageCardFrame.noImage .fallbackLevelBadge{color:rgba(40,20,60,.78);background:rgba(255,255,255,.78)}.flashcardView .imageCardFrame.noImage .imageCardFallback strong{color:rgba(40,22,55,.92)}.flashcardView .flipCard{width:min(540px,100%);height:clamp(360px,52vh,540px);min-height:360px}.flashcardView .flipInner,.flashcardView .isFlipped .flipInner{transform:none}.flashcardView .textFace{display:none}.flashcardView .imageFace{transform:none;padding:0;background:#fff}.flashcardView .imageFallbackText{display:none}.flashcardView .imageFace img{width:100%;height:100%;object-fit:contain;border-radius:26px}.flashcardView .textFace{justify-content:center;gap:10px;padding:34px 36px}.flashcardView .metaLine{margin-bottom:10px}.flashcardView .textFace h2{max-width:100%;font-size:clamp(54px, 9vw, 86px);line-height:1.02;margin:0;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}.flashcardView .kana{font-size:34px;line-height:1.2;margin:4px 0 0}.flashcardView .romaji{font-size:17px;line-height:1.25;margin:0 0 14px}.flashcardView .meaning{font-size:32px;line-height:1.2;margin-top:4px}.flashcardView .examplePanel{position:relative;margin-top:4px;padding:14px 18px}.flashcardView .exampleHeader{min-height:18px;padding-right:58px}.flashcardView .exampleHeader .miniSound{position:absolute;top:14px;right:18px}.trainingView .wideAction{display:flex!important;width:min(420px,calc(100vw - 48px))!important;margin:18px auto 0!important}@media (max-width:680px){.bottomNav{margin:0 12px 14px}.flashcardView .navArea{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.flashcardView .sideNav{margin-top:320px}.flashcardView .imageCardFrame{width:min(460px,100%);height:auto;aspect-ratio:928/1152}.flashcardView .flipCard{width:min(100%,420px);height:280px;min-height:280px}.flashcardView .textFace{padding:30px 26px;gap:9px}.flashcardView .textFace h2{font-size:clamp(44px, 14vw, 68px);line-height:1.04}.flashcardView .kana{font-size:30px}.flashcardView .romaji{font-size:16px}.flashcardView .meaning{font-size:28px}}.goalPanel{border:1px solid rgba(26,22,18,.08);background:rgba(255,255,255,.9);border-radius:22px;padding:18px;box-shadow:0 16px 38px rgba(62,44,24,.1)}.goalHeader{display:grid;grid-template-columns:1fr minmax(140px,220px);gap:16px;align-items:end}.goalHeader label span,.goalHeader p{margin:0 0 6px;color:#7b7369;font-size:14px;font-weight:900}.goalHeader strong{display:block;color:#17130f;font-size:clamp(28px, 5vw, 44px);line-height:1;font-weight:950}.goalHeader label{display:grid}.goalHeader input{min-height:52px;border-radius:16px;border:1px solid rgba(26,22,18,.1);background:#fff;color:#17130f;font:inherit;font-size:22px;font-weight:950;padding:0 14px;outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.goalBar{height:10px;margin:18px 0 14px;border-radius:999px;background:rgba(26,22,18,.08);overflow:hidden}.goalBar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f7a55,#c03818)}.goalQuick{display:flex;gap:8px;flex-wrap:wrap}.goalQuick button{min-height:42px;border:1px solid rgba(26,22,18,.08);border-radius:999px;background:rgba(255,255,255,.76);color:#4f463d;padding:0 18px;font-weight:950;cursor:pointer}.goalQuick .active{background:#17130f;color:#fff}@media (max-width:680px){.goalHeader{grid-template-columns:1fr}}:root{--jp-ink:#2F2A3D;--jp-muted:#7C748C;--jp-primary:#8B7AD8;--jp-primary-deep:#5E4FB0;--jp-primary-soft:rgba(139,122,216,.14);--jp-primary-line:rgba(139,122,216,.18);--jp-accent:#CFEAFF;--jp-yellow:#FFF2B8;--jp-green:#DDF6E7;--jp-blue:#CFEAFF;--jp-pink:#FFD6E7;--jp-gray:#F6F3FA;--jp-glass:rgba(255,255,255,.70);--jp-glass-strong:rgba(255,255,255,.86)}body{background:#f6f3fa!important;color:var(--jp-ink)!important}.app{color:var(--jp-ink)!important;background:radial-gradient(circle at 16% 8%,rgba(139,122,216,.14),transparent 30%),radial-gradient(circle at 88% 10%,rgba(207,234,255,.52),transparent 32%),radial-gradient(circle at 10% 84%,rgba(255,214,231,.34),transparent 30%),linear-gradient(180deg,#fff 0,#f6f3fa 54%,#fbfafd 100%)!important}.appHeader{background:rgba(255,255,255,.76)!important;border-bottom:1px solid rgba(102,80,164,.11)!important;box-shadow:0 1px 0 rgba(255,255,255,.8),0 18px 42px rgba(63,52,93,.07)!important}.brandMark{background:linear-gradient(135deg,#8b7ad8,#5e4fb0)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 30px rgba(139,122,216,.22)!important}.appHeader p,.audioReview p,.counter,.exampleHeader,.exampleRomaji,.goalHeader label span,.goalHeader p,.homeGrid .levelCard em,.promptMeaning,.wordRow span,.zhSentence{color:var(--jp-muted)!important}.answerCard,.audioReview,.bottomNav,.examplePanel,.flipFace,.generatedImageFace,.goalPanel,.hero,.homeGrid .levelCard,.imageCardFrame,.modeSwitch,.practiceBox,.searchBox,.selectCard,.wordRow{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.58))!important;border-color:rgba(102,80,164,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 48px rgba(63,52,93,.08)!important}.hero{background:radial-gradient(circle at 86% 20%,rgba(207,234,255,.55),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,243,250,.78))!important}.hero p{color:#8b7ad8!important}.hero:after{color:rgba(139,122,216,.08)!important}.answerCard p,.bottomNav .active,.goalHeader input,.goalHeader strong,.modeSwitch .active,.selectCard select,.wordRow em{color:var(--jp-ink)!important}.goalHeader input,.kanaGrid button,.knownButton,.practiceActions button,.wideAction{background:rgba(255,255,255,.76)!important;border-color:rgba(102,80,164,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 10px 24px rgba(63,52,93,.07)!important}.goalBar,.progressLine{background:rgba(63,52,93,.09)!important}.goalBar span,.progressLine span{background:linear-gradient(90deg,#8b7ad8,#cfeaff)!important}.chip,.goalQuick button{background:rgba(255,255,255,.62)!important;border-color:rgba(102,80,164,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(63,52,93,.07)!important}.chipActive,.goalQuick .active,.primaryAction,.wideAction{background:linear-gradient(135deg,var(--chip,#8b7ad8),#8b7ad8)!important;color:#fff!important;box-shadow:0 14px 30px color-mix(in srgb,var(--chip,#8b7ad8) 22%,transparent)!important}.miniSound,.sideNav,.soundButton{color:var(--jp-primary)!important;border-color:rgba(102,80,164,.17)!important;background:rgba(255,255,255,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 16px 34px rgba(102,80,164,.13)!important}.answerCard span,.answerLine,.reading{color:var(--jp-primary)!important}.answerLine,.generatedImageFace .imageFallbackText,.imageFallbackText,.ok{background:rgba(102,80,164,.08)!important}.ok{color:#5e83c8!important}.errorPanel,.ng,.toast{color:#ba6e94!important}.toast{border-color:rgba(178,74,108,.18)!important;box-shadow:0 18px 38px rgba(63,52,93,.12)!important}.dots span{background:rgba(63,52,93,.16)!important}.dots .dotOn{background:#8b7ad8!important}.bottomNav{background:rgba(255,255,255,.72)!important;border-color:rgba(102,80,164,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 20px 55px rgba(63,52,93,.1)!important}.bottomNav button{color:rgba(70,54,94,.76)!important}.bottomNav .active{background:rgba(255,255,255,.84)!important;color:#2f2a3d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(139,122,216,.14)!important}.bottomNav button:hover,.chip:hover,.goalQuick button:hover,.levelCard:hover,.sideNav:hover,.soundButton:hover,.wordRow:hover{border-color:rgba(102,80,164,.22)!important}:root{--jp-ink:#171124;--jp-muted:#716783;--jp-primary:#7E6F99;--jp-primary-deep:#34235F;--jp-primary-soft:rgba(126,111,153,.12);--jp-primary-line:rgba(126,111,153,.16);--jp-accent:#A294C7;--jp-rose:#D66BA8;--jp-surface:rgba(255,255,255,.70);--jp-surface-strong:rgba(255,255,255,.88)}.app{background:radial-gradient(circle at 10% 0,rgba(162,148,199,.18),transparent 28%),radial-gradient(circle at 92% 9%,rgba(126,111,153,.14),transparent 30%),radial-gradient(circle at 12% 86%,rgba(214,107,168,.11),transparent 26%),linear-gradient(180deg,#fcfaff 0,#f4f0ff 48%,#fbfaff 100%)!important}.appMain{width:min(940px,100%)!important;padding:18px 20px 18px!important}.appHeader{padding:14px clamp(18px,3vw,28px) 12px!important;background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35);border-bottom:1px solid rgba(126,111,153,.1)!important}.brandMark{border-radius:15px!important;background:linear-gradient(135deg,#8978b3 0,#a294c7 62%,#d66ba8 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 36px rgba(126,111,153,.22)!important}.homeGrid{width:min(900px,100%)!important;margin:0 auto!important;gap:16px!important;padding-bottom:18px!important}.homeGrid .hero{display:none!important}.answerCard,.audioReview,.bottomNav,.categoryRail,.examplePanel,.flipFace,.goalPanel,.homeGrid .levelCard,.imageCardFrame,.modeSwitch,.practiceBox,.searchBox,.wordRow{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.56))!important;-webkit-backdrop-filter:blur(28px) saturate(1.45);backdrop-filter:blur(28px) saturate(1.45);border:1px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 20px 52px rgba(52,35,95,.11)!important}.goalPanel{border-radius:24px!important;padding:18px 20px!important}.goalHeader{grid-template-columns:1fr minmax(148px,220px)!important;align-items:center!important}.goalHeader strong{color:var(--jp-ink)!important;font-size:clamp(30px, 4.2vw, 42px)!important;letter-spacing:0!important}.goalHeader input{min-height:50px!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(126,111,153,.14)!important}.goalBar{height:8px!important;margin:16px 0 12px!important;background:rgba(52,35,95,.08)!important}.goalBar span,.progressLine span{background:linear-gradient(90deg,#7e6f99 0,#a294c7 72%,#d66ba8 100%)!important}.goalQuick button{min-height:38px!important;border-radius:14px!important;background:rgba(255,255,255,.62)!important;border-color:rgba(126,111,153,.13)!important}.goalQuick .active{background:#171124!important;color:#fff!important}.homeGrid .levelGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}.homeGrid .levelCard{min-height:124px!important;aspect-ratio:auto!important;border-radius:22px!important;padding:18px 20px!important;position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:12px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.homeGrid .levelCard::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.92),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.36),transparent 52%);pointer-events:none}.homeGrid .levelCard em,.homeGrid .levelCard span,.homeGrid .levelCard strong{position:relative;z-index:1}.homeGrid .levelCard strong{font-size:32px!important;line-height:1!important}.homeGrid .levelCard span{grid-column:1/-1!important;align-self:end!important;font-size:20px!important;line-height:1.2!important}.homeGrid .levelCard em{grid-column:3!important;justify-self:end!important;align-self:start!important;font-size:15px!important;color:rgba(52,35,95,.62)!important}.homeGrid .levelCard:hover{transform:translateY(-2px);border-color:rgba(126,111,153,.24)!important}.controlStack{gap:12px!important;margin-bottom:10px!important}.levelStrip{padding:6px 0 8px!important;gap:10px!important;justify-content:center!important;width:100%!important}.chip{min-width:58px!important;min-height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.64)!important;color:var(--chip)!important;border-color:rgba(126,111,153,.12)!important}.chipActive{background:linear-gradient(135deg,var(--chip),#a294c7)!important;color:#fff!important}.categoryRail{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px!important;border-radius:24px!important;scrollbar-width:none}.categoryRail::-webkit-scrollbar{display:none}.categoryRail+.selectCard{display:none!important}.categoryRail button{flex:0 0 auto;border:1px solid rgba(126,111,153,.12);border-radius:999px;min-height:40px;padding:0 15px;background:rgba(255,255,255,.54);color:rgba(52,35,95,.72);font:inherit;font-size:14px;font-weight:900;cursor:pointer}.categoryRail button.active{background:linear-gradient(135deg,#7e6f99,#a294c7);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(126,111,153,.22)}.searchBox,.wordRow{border-radius:20px!important}.wordRow{min-height:78px!important}.flashcardView .progressLine{margin:10px 52px 8px!important;height:4px!important;background:rgba(52,35,95,.09)!important}.flashcardView .counter{margin-bottom:8px!important;color:rgba(52,35,95,.62)!important}.knownButton{background:rgba(255,255,255,.74)!important;border:1px solid rgba(126,111,153,.12)!important;color:#34235f!important}.flashcardView .navArea{grid-template-columns:60px minmax(0,1fr) 60px!important;gap:12px!important}.flashcardView .cardStage{gap:14px!important}.flashcardView .mainSound{margin-bottom:0!important}.miniSound,.sideNav,.soundButton{color:#7e6f99!important;background:rgba(255,255,255,.76)!important;border-color:rgba(126,111,153,.16)!important}.soundButton.mainSound{width:66px!important;height:66px!important}.miniSound{width:52px!important;height:52px!important}.flashcardView .imageCardFrame{width:min(540px,100%)!important;height:auto!important;min-height:0!important;aspect-ratio:928/1152!important;border-radius:28px!important;padding:0!important;margin:0!important;overflow:hidden!important}.flashcardView .imageCardAsset{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:28px!important}.flashcardView .sideNav{margin-top:min(42dvh,360px)!important}.flashcardView .examplePanel{width:min(660px,100%)!important;margin-top:4px!important;border-radius:22px!important;padding:16px 18px!important;position:relative!important;z-index:1!important}.flashcardView .exampleHeader{min-height:54px!important;align-items:start!important;padding-right:64px!important}.flashcardView .exampleHeader .miniSound{position:absolute!important;top:14px!important;right:18px!important}.jpSentence{font-size:21px!important;line-height:1.48!important}.reading{color:#7e6f99!important}.bottomNav{width:min(760px,calc(100% - 32px))!important;margin:0 auto 14px!important;padding:8px!important;border-radius:28px!important}.bottomNav button{min-height:58px!important;border-radius:20px!important;color:rgba(52,35,95,.66)!important}.bottomNav .active{background:rgba(255,255,255,.82)!important;color:#34235f!important}@media (max-width:680px){.appMain{padding:14px 14px 16px!important}.goalPanel{padding:16px!important}.goalHeader{grid-template-columns:1fr!important}.homeGrid .levelGrid{gap:12px!important}.homeGrid .levelCard{min-height:112px!important;padding:16px!important}.homeGrid .levelCard strong{font-size:28px!important}.homeGrid .levelCard span{font-size:18px!important}.flashcardView .navArea{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:6px!important}.flashcardView .imageCardFrame{width:min(520px,100%)!important}.flashcardView .sideNav{width:44px!important;height:44px!important;margin-top:min(38dvh,300px)!important}.flashcardView .examplePanel{padding:15px 16px!important}.bottomNav{width:calc(100% - 18px)!important;margin-bottom:10px!important;border-radius:24px!important}.bottomNav button{min-height:56px!important;border-radius:18px!important}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif!important;font-feature-settings:'ss01' on,'cv11' on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.meaning,.promptKanji,h1,h2,h3,h4,strong{letter-spacing:-.01em!important}.brandMark{width:50px!important;height:50px!important;border-radius:16px!important;font-family:'Noto Serif JP',serif!important;font-size:22px!important;font-weight:700!important;background:linear-gradient(135deg,#9787b8 0,#b0a3cd 50%,#c9a4b8 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.08),0 8px 24px rgba(151,135,184,.32),0 2px 4px rgba(52,35,95,.18)!important;position:relative;overflow:hidden}.brandMark::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 50%);pointer-events:none}.appHeader h1{font-size:21px!important;font-weight:800!important;letter-spacing:-.02em!important;background:linear-gradient(135deg,#2a1f48,#574870);-webkit-background-clip:text;background-clip:text;color:transparent}.appHeader p{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;color:rgba(74,45,138,.55)!important}.bottomNav{border-radius:28px!important;padding:7px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(252,250,255,.78))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(126,111,153,.06),0 6px 18px rgba(52,35,95,.08),0 24px 56px rgba(52,35,95,.16)!important}.bottomNav button{border-radius:20px!important;padding:11px 4px 9px!important;color:rgba(74,45,138,.55)!important;font-weight:700!important;transition:all .22s cubic-bezier(.34,1.5,.5,1);position:relative}.bottomNav button:hover:not(.active){color:rgba(74,45,138,.85)!important;background:rgba(126,111,153,.06)!important}.bottomNav button span{font-size:11px!important;font-weight:700!important;letter-spacing:.02em!important;margin-top:2px}.bottomNav .active{background:linear-gradient(180deg,#fff 0,#f6f2ff 100%)!important;color:#3d2f58!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(126,111,153,.12),0 4px 12px rgba(126,111,153,.18),0 1px 3px rgba(52,35,95,.1)!important;transform:translateY(-1px)}.soundButton.mainSound{width:72px!important;height:72px!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.4),inset 0 -3px 6px rgba(52,35,95,.18),0 10px 28px rgba(126,111,153,.42),0 3px 8px rgba(52,35,95,.22)!important;transition:transform .15s cubic-bezier(.34,1.5,.5,1),box-shadow .15s}.soundButton.mainSound:hover{transform:translateY(-2px) scale(1.04);box-shadow:inset 0 2px 4px rgba(255,255,255,.5),inset 0 -3px 6px rgba(52,35,95,.18),0 14px 32px rgba(126,111,153,.5),0 4px 10px rgba(52,35,95,.26)!important}.soundButton.mainSound:active{transform:translateY(0) scale(.98)}.soundButton.mainSound:disabled{opacity:.85;cursor:progress}.miniSound{width:38px!important;height:38px!important;border-radius:50%!important;background:linear-gradient(135deg,#fff 0,#f6f2ff 100%)!important;border:1px solid rgba(126,111,153,.18)!important;color:#7e6f99!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(126,111,153,.16),0 1px 2px rgba(52,35,95,.08)!important;transition:all .15s cubic-bezier(.34,1.5,.5,1)}.miniSound:hover{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important;transform:scale(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 16px rgba(126,111,153,.4),0 2px 4px rgba(52,35,95,.18)!important}.sideNav{width:52px!important;height:52px!important;background:linear-gradient(180deg,#fff 0,#f8f4ff 100%)!important;color:#7e6f99!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(126,111,153,.08),0 8px 22px rgba(126,111,153,.18),0 2px 6px rgba(52,35,95,.12)!important;transition:all .18s cubic-bezier(.34,1.5,.5,1)}.sideNav:hover:not(:disabled){background:linear-gradient(180deg,#8978b3,#a294c7)!important;color:#fff!important;transform:scale(1.08);box-shadow:0 12px 26px rgba(126,111,153,.42),0 3px 8px rgba(52,35,95,.18)!important}.sideNav:disabled{opacity:.35!important;filter:grayscale(.4)}.textFace h2{font-family:'Noto Sans JP',sans-serif!important;font-size:clamp(54px, 11.5vw, 88px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.05!important;margin:0 0 16px!important;color:#2a1f48!important;background:linear-gradient(180deg,#2a1f48 0,#574870 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kana{font-family:'Noto Sans JP',sans-serif!important;font-size:26px!important;font-weight:500!important;color:#6b5e91!important;letter-spacing:.04em!important;margin:0 0 4px!important}.romaji{font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;color:rgba(74,45,138,.5)!important;font-style:normal!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 0 24px!important;position:relative}.romaji::after,.romaji::before{content:'';display:inline-block;width:18px;height:1px;background:rgba(126,111,153,.3);vertical-align:middle;margin:0 10px}.meaning{font-family:Inter,'Noto Sans TC',sans-serif!important;font-size:26px!important;font-weight:700!important;color:#3d2f58!important;letter-spacing:-.01em!important;margin:0!important}.metaLine span{background:rgba(126,111,153,.08)!important;color:#7e6f99!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid rgba(126,111,153,.16)!important}.flipFace{border-radius:28px!important;background:linear-gradient(160deg,rgba(255,255,255,.95) 0,rgba(248,244,255,.85) 100%)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(126,111,153,.05),0 4px 12px rgba(126,111,153,.06),0 24px 60px rgba(52,35,95,.15),0 1px 3px rgba(52,35,95,.08)!important}.examplePanel{border-radius:22px!important;padding:22px 24px!important}.exampleHeader strong{font-size:13px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(74,45,138,.55)!important}.jpSentence{font-family:'Noto Sans JP',sans-serif!important;font-size:30px!important;font-weight:700!important;line-height:1.42!important;letter-spacing:.02em!important;color:#2a1f48!important;margin:14px 0 8px!important}.reading{font-family:'Noto Sans JP',sans-serif!important;font-size:17px!important;font-weight:600!important;color:#9787b8!important;letter-spacing:.04em!important;line-height:1.5!important}.exampleRomaji{font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;font-style:normal!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(74,45,138,.42)!important;margin:3px 0 12px!important}.zhSentence{font-family:Inter,'Noto Sans TC',sans-serif!important;font-size:18px!important;font-weight:600!important;line-height:1.55!important;color:#4a3d6e!important}.chip{padding:10px 18px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,244,255,.75))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(52,35,95,.06),0 1px 2px rgba(52,35,95,.08)!important;transition:all .18s cubic-bezier(.34,1.5,.5,1)}.chip:hover:not(.chipActive){transform:translateY(-1px);box-shadow:0 6px 14px rgba(52,35,95,.1),0 2px 4px rgba(52,35,95,.08)!important}.chipActive{background:linear-gradient(135deg,var(--chip),color-mix(in srgb,var(--chip) 70%,#fff 30%))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px color-mix(in srgb,var(--chip) 32%,transparent),0 2px 4px color-mix(in srgb,var(--chip) 18%,transparent)!important;transform:translateY(-1px)}.selectCard{border-radius:20px!important;padding:14px 18px!important}.selectCard span{font-size:10px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(74,45,138,.5)!important}.selectCard select{font-size:18px!important;font-weight:700!important;color:#2a1f48!important;letter-spacing:-.005em!important}.knownButton{font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;padding:10px 18px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,244,255,.78))!important;color:#7e6f99!important;border:1px solid rgba(126,111,153,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(126,111,153,.12),0 1px 2px rgba(52,35,95,.08)!important;transition:all .18s cubic-bezier(.34,1.5,.5,1)}.knownButton:hover{transform:translateY(-1px);background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;box-shadow:0 6px 16px rgba(126,111,153,.34)!important}.counter{font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.1em!important;color:rgba(74,45,138,.55)!important}.progressLine{height:4px!important;background:rgba(126,111,153,.1)!important;border-radius:999px!important}.progressLine span{background:linear-gradient(90deg,#8978b3 0,#b0a3cd 60%,#c9a4b8 100%)!important;box-shadow:0 0 8px rgba(137,120,179,.4)}.modeSwitch{border-radius:22px!important;padding:6px!important;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(248,244,255,.65))!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(126,111,153,.06),0 4px 12px rgba(52,35,95,.06)!important}.modeSwitch button{font-size:14px!important;font-weight:700!important;letter-spacing:.02em!important;border-radius:16px!important;padding:12px!important;transition:all .18s;color:rgba(74,45,138,.55)!important}.modeSwitch button:hover:not(.active){color:rgba(74,45,138,.85)!important}.modeSwitch .active{background:linear-gradient(180deg,#fff 0,#f6f2ff 100%)!important;color:#3d2f58!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(126,111,153,.16),0 1px 3px rgba(52,35,95,.1)!important}.kanaGrid button{min-height:56px!important;border-radius:18px!important;font-family:'Noto Sans JP',sans-serif!important;font-size:22px!important;font-weight:500!important;background:linear-gradient(180deg,#fff 0,#f8f4ff 100%)!important;border:1px solid rgba(126,111,153,.16)!important;color:#2a1f48!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(52,35,95,.06),0 1px 2px rgba(52,35,95,.08)!important;transition:all .15s cubic-bezier(.34,1.5,.5,1);cursor:pointer}.kanaGrid button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#f6f2ff 0,#efe6ff 100%)!important;box-shadow:0 8px 18px rgba(126,111,153,.18),0 2px 4px rgba(52,35,95,.1)!important}.kanaGrid button:active{transform:translateY(0)}.practiceActions button,.wideAction{font-size:14px!important;font-weight:700!important;letter-spacing:.04em!important;border-radius:16px!important;padding:13px 22px!important;background:linear-gradient(180deg,#fff 0,#f8f4ff 100%)!important;color:#574870!important;border:1px solid rgba(126,111,153,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(52,35,95,.08),0 1px 2px rgba(52,35,95,.08)!important;transition:all .18s cubic-bezier(.34,1.5,.5,1)}.practiceActions button:hover,.wideAction:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(52,35,95,.14),0 2px 4px rgba(52,35,95,.1)!important}.primaryAction,.wideAction.primaryAction,button.wideAction{background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.28),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 50%,#bcafd3 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(52,35,95,.16),0 10px 24px rgba(126,111,153,.36),0 3px 6px rgba(52,35,95,.18)!important}.primaryAction:hover,button.wideAction:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(52,35,95,.16),0 14px 32px rgba(126,111,153,.46),0 4px 8px rgba(52,35,95,.22)!important}.answerLine{background:linear-gradient(180deg,rgba(137,120,179,.08),rgba(162,148,199,.06))!important;border:1px solid rgba(126,111,153,.16)!important;border-radius:18px!important;font-family:'Noto Sans JP',sans-serif!important;font-size:28px!important;font-weight:500!important;color:#574870!important;letter-spacing:6px!important;box-shadow:inset 0 2px 4px rgba(52,35,95,.06),inset 0 -1px 0 rgba(255,255,255,.6)!important}.result{font-size:13px!important;font-weight:700!important;letter-spacing:.04em!important;padding:13px 16px!important;border-radius:14px!important}.result.ok{background:linear-gradient(135deg,rgba(31,122,85,.14),rgba(46,156,108,.08))!important;border:1px solid rgba(31,122,85,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.result.ng{background:linear-gradient(135deg,rgba(185,43,34,.12),rgba(214,80,72,.08))!important;border:1px solid rgba(185,43,34,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.searchBox{border-radius:18px!important;padding:14px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,244,255,.78))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(52,35,95,.06),0 1px 2px rgba(52,35,95,.08)!important}.searchBox input{font-family:Inter,'Noto Sans TC',sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.01em!important;color:#2a1f48!important}.searchBox input::placeholder{color:rgba(74,45,138,.4)!important;font-weight:500!important}.wordRow{position:relative;grid-template-columns:minmax(0,1fr) auto 42px!important;align-items:center!important;border-radius:18px!important;padding:16px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,244,255,.78))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(52,35,95,.06)!important;transition:all .18s cubic-bezier(.34,1.5,.5,1)}.wordRow:hover{transform:translateX(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(126,111,153,.12),0 2px 4px rgba(52,35,95,.08)!important}.wordRow strong{font-family:'Noto Sans JP',sans-serif!important;font-size:22px!important;font-weight:700!important;color:#2a1f48!important;letter-spacing:-.01em!important}.wordRow span{font-size:13px!important;font-weight:500!important;color:rgba(74,45,138,.55)!important;letter-spacing:.02em!important;margin-top:3px!important}.wordRow em{font-size:14px!important;font-weight:700!important;color:#574870!important;text-align:right!important}.wordRowSound{width:38px;height:38px;border:1px solid rgba(126,111,153,.18);border-radius:50%;display:inline-grid;place-items:center;color:#6e55a7;background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(102,80,164,.12);cursor:pointer}.wordRowSound:disabled{cursor:default;opacity:.7}.answerCard{border-radius:22px!important;padding:22px 30px!important;gap:6px!important}.answerCard strong{font-family:'Noto Sans JP',sans-serif!important;font-size:46px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#2a1f48!important}.answerCard span{font-family:'Noto Sans JP',sans-serif!important;font-size:24px!important;font-weight:500!important;color:#9787b8!important;letter-spacing:.04em!important}.answerCard em{font-family:Inter,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(74,45,138,.45)!important}.answerCard p{font-size:16px!important;font-weight:600!important;color:#3d2f58!important;margin-top:8px!important}.toast{border-radius:18px!important;padding:14px 18px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(252,244,244,.92))!important;border:1px solid rgba(185,43,34,.22)!important;color:#b92b22!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(185,43,34,.18),0 2px 6px rgba(52,35,95,.12)!important}.dots span{background:rgba(126,111,153,.18)!important;width:6px!important;height:6px!important;transition:all .25s cubic-bezier(.34,1.5,.5,1)}.dots .dotOn{width:28px!important;background:linear-gradient(90deg,#8978b3,#bcafd3)!important;box-shadow:0 1px 4px rgba(137,120,179,.4)}.promptKanji{font-family:'Noto Sans JP',sans-serif!important;font-size:48px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#2a1f48!important;margin:0!important}.promptMeaning{font-size:15px!important;font-weight:600!important;letter-spacing:.02em!important;color:rgba(74,45,138,.6)!important;margin-top:6px!important}@media (max-width:680px){.textFace h2{font-size:44px!important}.kana{font-size:20px!important}.meaning{font-size:21px!important}.examplePanel{padding:20px 22px!important}.exampleHeader strong{font-size:12px!important}.jpSentence{font-size:26px!important;line-height:1.42!important}.reading{font-size:16px!important}.exampleRomaji{font-size:12px!important}.zhSentence{font-size:17px!important}.promptKanji{font-size:38px!important}.soundButton.mainSound{width:64px!important;height:64px!important}.sideNav{width:44px!important;height:44px!important}.bottomNav{border-radius:24px!important;padding:6px!important}.bottomNav button{padding:9px 2px 7px!important}}.cardStage>*{animation:rise .4s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.audioReview,.practiceBox{background:linear-gradient(160deg,rgba(255,255,255,.95) 0,rgba(248,244,255,.78) 100%)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(126,111,153,.06),0 4px 12px rgba(126,111,153,.08),0 20px 44px rgba(52,35,95,.13)!important;padding:22px!important}.audioReview .answerCard strong,.practiceBox .promptKanji{background:linear-gradient(180deg,#2a1f48 0,#574870 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.practiceBox .practicePrompt{gap:18px!important}.practiceBox .soundButton{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.5),0 6px 16px rgba(126,111,153,.34),0 2px 5px rgba(52,35,95,.18)!important}.practiceBox .answerLine{background:linear-gradient(180deg,rgba(137,120,179,.08),rgba(162,148,199,.06))!important;border:1px solid rgba(126,111,153,.18)!important;border-radius:18px!important;color:#574870!important;font-weight:500!important;letter-spacing:6px!important;box-shadow:inset 0 2px 4px rgba(52,35,95,.06),inset 0 -1px 0 rgba(255,255,255,.6)!important}.flashcardView .imageCardFrame,.trainingView .studyOnlyCard{position:relative!important}.flashcardView .imageCardFrame>.soundButton.mainSound,.trainingView .studyOnlyCard>.soundButton.mainSound{position:absolute!important;top:16px!important;right:16px!important;z-index:5!important;margin:0!important;width:48px!important;height:48px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.55),inset 0 -2px 4px rgba(52,35,95,.18),0 6px 16px rgba(126,111,153,.36),0 2px 5px rgba(52,35,95,.2)!important;transition:transform .15s cubic-bezier(.34,1.5,.5,1),box-shadow .15s!important}.flashcardView .imageCardFrame>.soundButton.mainSound:hover,.trainingView .studyOnlyCard>.soundButton.mainSound:hover{transform:scale(1.1)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.6),0 10px 22px rgba(126,111,153,.48),0 3px 7px rgba(52,35,95,.24)!important}.flashcardView .imageCardFrame>.soundButton.mainSound:active,.trainingView .studyOnlyCard>.soundButton.mainSound:active{transform:scale(.96)!important}.flashcardView .imageCardFrame>.soundButton.mainSound svg,.trainingView .studyOnlyCard>.soundButton.mainSound svg{width:20px!important;height:20px!important}@media (max-width:680px){.flashcardView .imageCardFrame>.soundButton.mainSound,.trainingView .studyOnlyCard>.soundButton.mainSound{width:42px!important;height:42px!important;top:12px!important;right:12px!important}.flashcardView .imageCardFrame>.soundButton.mainSound svg,.trainingView .studyOnlyCard>.soundButton.mainSound svg{width:18px!important;height:18px!important}}.flashcardView .cardStage{gap:8px!important}.flashcardView .flipCard{height:min(440px,52vh)!important;min-height:320px!important}.flashcardView .counter{text-align:center!important;margin:4px 0 6px!important;width:100%!important;display:block!important}.flashcardView .knownButton{float:none!important;display:block!important;margin:0 auto 12px!important}.flashcardView .navArea,.trainingView .navArea{position:relative!important}.flashcardView .sideNav.left,.trainingView .sideNav.left{position:absolute!important;left:0!important;top:220px!important;margin:0!important;z-index:4}.flashcardView .sideNav.right,.trainingView .sideNav.right{position:absolute!important;right:0!important;top:220px!important;margin:0!important;z-index:4}.flashcardView .navArea,.trainingView .navArea{grid-template-columns:1fr!important}@media (max-width:680px){.flashcardView .sideNav.left,.flashcardView .sideNav.right,.trainingView .sideNav.left,.trainingView .sideNav.right{top:180px!important}}.practiceView,.trainingView{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important}.practiceView>*,.trainingView>*{width:100%!important;max-width:720px!important}.practiceView .wideAction,.trainingView .wideAction,button.wideAction{display:flex!important;margin:14px auto 0!important;width:min(420px,100%)!important;justify-content:center!important;align-items:center!important}.goalTitleRow{display:flex!important;align-items:center!important;gap:14px!important;min-width:0}.goalIconMark{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;color:#8b7ad8;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(126,111,153,.16)),rgba(126,111,153,.12);border:1px solid rgba(126,111,153,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 24px rgba(91,76,128,.12)}.goalQuick button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.homeGrid .goalQuick{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.homeGrid .goalQuick button{width:100%!important;min-width:0!important;padding:0 10px!important}.goalQuick button svg{width:13px!important;height:13px!important;stroke-width:2.4}.homeGrid .levelCard{position:relative!important;overflow:hidden!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:128px!important;padding:20px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;align-content:center!important;justify-items:center!important;text-align:center!important;gap:7px!important}.homeGrid .levelGrid{display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}.homeGrid .levelCard:nth-child(5){grid-column:1/-1!important;min-height:112px!important}.homeGrid .levelCard>.levelIconMark{grid-column:1;grid-row:1;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 22px rgba(91,76,128,.1);z-index:1}.homeGrid .levelCard>.levelIconMark svg{width:22px!important;height:22px!important;stroke-width:2.25}.homeGrid .levelCard>strong{grid-column:1;grid-row:2;align-self:center;justify-self:center;z-index:1}.homeGrid .levelCard>span:not(.levelIconMark):not(.levelGhostIcon){grid-column:1!important;grid-row:3!important;align-self:center!important;justify-self:center!important;z-index:1}.homeGrid .levelCard>em{grid-column:1!important;grid-row:4!important;justify-self:center!important;z-index:1}.homeGrid .levelCard>.levelGhostIcon{position:absolute;right:10px;bottom:-8px;display:grid;place-items:center;color:currentColor;opacity:.075;transform:rotate(-8deg);pointer-events:none}.homeGrid .levelCard>.levelGhostIcon svg{width:88px!important;height:88px!important;stroke-width:1.7}.bottomNav button svg{width:22px!important;height:22px!important;stroke-width:2.2!important}.bottomNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;justify-items:stretch!important;gap:6px!important}.bottomNav button{width:100%!important;min-width:0!important;display:grid!important;grid-template-rows:24px auto!important;place-items:center!important;justify-items:center!important;gap:3px!important}.bottomNav button span{width:100%!important;display:block!important;text-align:center!important;white-space:nowrap!important}.bottomNav .active svg{filter:drop-shadow(0 7px 10px rgba(102,80,164,.22))}@media (max-width:680px){.goalTitleRow{gap:12px!important}.goalIconMark{width:44px;height:44px;flex-basis:44px}.homeGrid .levelCard{min-height:112px!important;grid-template-columns:42px 1fr auto!important}.homeGrid .levelGrid{grid-template-columns:1fr!important}.homeGrid .levelCard:nth-child(5){grid-column:auto!important}.homeGrid .goalQuick{grid-template-columns:repeat(3,minmax(0,1fr))!important}.homeGrid .levelCard>.levelIconMark{width:38px;height:38px}}.flashcardView{--flashcard-card-width:min(540px, 100%);--flashcard-card-aspect:928/1152}.flashcardView .imageCardFrame,.flashcardView .imageCardFrame.generatedCardImage{width:var(--flashcard-card-width)!important;height:auto!important;min-height:0!important;aspect-ratio:var(--flashcard-card-aspect)!important;overflow:hidden!important;contain:layout paint;background:#fff!important;flex:0 0 auto!important}.flashcardView .imageCardAsset,.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important}@media (max-width:680px){.flashcardView{--flashcard-card-width:min(540px, calc(100vw - 104px))}.flashcardView .imageCardFrame{width:var(--flashcard-card-width)!important}}.audioChoiceGrid{width:min(620px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px auto 2px}.audioChoiceButton{position:relative;overflow:hidden;min-height:112px;border:1px solid rgba(126,111,153,.16);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(248,244,255,.78));color:#2a1f48;display:grid;align-content:center;gap:5px;text-align:left;padding:16px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 22px rgba(52,35,95,.08);cursor:pointer;transition:transform .16s cubic-bezier(.34,1.5,.5,1),box-shadow .16s,border-color .16s}.audioChoiceButton:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(102,80,164,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 28px rgba(52,35,95,.14)}.audioChoiceButton:disabled{cursor:default}.audioChoiceButton .choiceMeaning{font-family:"Noto Sans TC","Plus Jakarta Sans",sans-serif;font-size:22px;font-weight:900;line-height:1.28;color:#241936}.audioChoiceButton .choiceJapanese{display:grid;gap:2px;margin-top:4px}.audioChoiceButton .choiceJapanese b{font-family:"Noto Sans JP",sans-serif;font-size:22px;font-weight:900;color:#2a1f48}.audioChoiceButton .choiceJapanese small{font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:800;color:#8f7db4}.audioChoiceButton em{font-style:normal;font-size:14px;font-weight:800;color:rgba(42,31,72,.72)}.audioChoiceButton.isSelected{border-color:rgba(56,158,214,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 16px 34px rgba(79,172,220,.18)}.audioChoiceButton.isCorrect{border-color:rgba(62,173,229,.72);background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.92),transparent 32%),linear-gradient(150deg,rgba(239,250,255,.98),rgba(203,237,255,.94) 58%,rgba(179,226,250,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 36px rgba(48,151,207,.2)}.audioChoiceButton.isCorrect::after{content:"✓";position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:17px;font-weight:1000;color:#fff;background:linear-gradient(145deg,#61c8ff,#2f95d2);box-shadow:0 10px 20px rgba(47,149,210,.26)}.audioChoiceButton.isCorrect .choiceJapanese b,.audioChoiceButton.isCorrect .choiceMeaning{color:#173655}.audioChoiceButton.isCorrect .choiceJapanese small,.audioChoiceButton.isCorrect em{color:rgba(34,103,151,.76)}.audioChoiceButton.isWrong{border-color:rgba(190,72,96,.7);background:linear-gradient(160deg,rgba(255,243,246,.96),rgba(251,229,236,.86))}.audioReview .result{width:min(620px,100%);justify-content:center}.audioReview .result.ok{background:linear-gradient(145deg,rgba(232,248,255,.92),rgba(211,239,255,.82))!important;border:1px solid rgba(86,178,226,.28)!important;color:#245e8b!important}.practiceView .result.ok,.trainingView .result.ok{background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.86),transparent 35%),linear-gradient(145deg,rgba(225,246,255,.98),rgba(185,226,250,.94) 56%,rgba(166,214,244,.9))!important;border:1px solid rgba(68,169,222,.38)!important;color:#17608f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 10px 22px rgba(72,166,218,.16)!important}.practiceView .result.ok svg,.trainingView .result.ok svg{color:#168fd2!important}@media (max-width:680px){.audioChoiceGrid{grid-template-columns:1fr}.audioChoiceButton{min-height:96px;padding:14px 16px}}.controlStack{gap:16px!important;margin-bottom:18px!important}.jlptStrip{width:fit-content!important;max-width:calc(100% - 24px)!important;margin:0 auto!important;padding:5px!important;gap:3px!important;justify-content:center!important;align-items:center!important;overflow-x:auto!important;border-radius:999px!important;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.94),transparent 43%),linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,246,255,.58))!important;border:1px solid rgba(126,111,153,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 28px rgba(68,55,105,.075)!important;backdrop-filter:blur(22px) saturate(1.25);scrollbar-width:none}.jlptStrip::-webkit-scrollbar{display:none}.jlptStrip .chip{min-width:50px!important;min-height:40px!important;height:40px!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:850!important;letter-spacing:.02em!important;white-space:nowrap!important;color:#6f638b!important;background:0 0!important;border:1px solid transparent!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important}.jlptStrip .chip:hover:not(.chipActive){background:rgba(255,255,255,.58)!important;border-color:rgba(126,111,153,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important}.jlptStrip .chipActive{color:#fff!important;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.32),transparent 48%),linear-gradient(135deg,var(--chip,#8b7ad8),color-mix(in srgb,var(--chip,#8b7ad8) 68%,#cfeaff 32%))!important;border-color:rgba(255,255,255,.54)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 16px color-mix(in srgb,var(--chip,#8b7ad8) 22%,transparent)!important}.jlptStrip .shuffleBtn{min-width:74px!important;gap:6px!important;color:#6f638b!important}.jlptStrip .shuffleBtn svg{width:14px!important;height:14px!important;stroke-width:2.2}.jlptStrip .shuffleBtn.chipActive{color:#fff!important}.categoryPicker{width:min(720px,100%)!important;margin:0 auto!important;padding:12px!important;border-radius:26px!important;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.88),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.68),rgba(248,244,255,.42))!important;border:1px solid rgba(126,111,153,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 16px 34px rgba(68,55,105,.075)!important;backdrop-filter:blur(22px) saturate(1.22)}.categoryPickerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 10px}.categoryPickerHeader span{color:rgba(67,55,96,.58);font-size:12px;font-weight:900}.categoryPickerHeader strong{color:#433760;font-size:13px;font-weight:950}.categoryPickerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.categoryOption{min-height:66px;border:1px solid rgba(126,111,153,.12);border-radius:18px;padding:10px 11px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.44));color:#33284e;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.categoryOption:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--category,#8b7ad8) 28%,rgba(126,111,153,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 10px 20px rgba(68,55,105,.08)}.categoryOption.isActive{background:radial-gradient(circle at 16% 8%,rgba(255,255,255,.72),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--category,#8b7ad8) 13%,#fff 87%),rgba(255,255,255,.7));border-color:color-mix(in srgb,var(--category,#8b7ad8) 42%,rgba(126,111,153,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 14px 26px color-mix(in srgb,var(--category,#8b7ad8) 15%,transparent)}.categoryOptionIcon{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;color:var(--category,#8b7ad8);background:color-mix(in srgb,var(--category,#8b7ad8) 12%,#fff 88%);border:1px solid rgba(255,255,255,.72)}.categoryOptionText{display:grid;gap:2px;min-width:0}.categoryOptionText b{font-size:15px;font-weight:950;line-height:1.12;color:#2c2146}.categoryOptionText small{font-size:11px;font-weight:850;color:rgba(67,55,96,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoryOption em{min-width:32px;justify-self:end;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.7);color:color-mix(in srgb,var(--category,#8b7ad8) 72%,#2f2a3d 28%);font-size:12px;font-style:normal;font-weight:950;text-align:center}@media (max-width:680px){.jlptStrip{width:fit-content!important;max-width:calc(100% - 16px)!important;justify-content:center!important;padding:5px!important}.jlptStrip .chip{min-width:46px!important;height:38px!important;min-height:38px!important;padding:0 12px!important}.jlptStrip .shuffleBtn{min-width:68px!important}.categoryPicker{padding:10px!important;border-radius:22px!important}.categoryPickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.categoryOption{min-height:62px;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:9px 10px}.categoryOptionIcon{width:30px;height:30px;border-radius:11px}.categoryOptionText b{font-size:14px}.categoryOptionText small{font-size:10px}.categoryPickerHeader{padding-bottom:8px}}.bottomNav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.listeningView{display:grid;gap:14px}.listeningPanel{display:grid;gap:16px;background:rgba(255,255,255,.92);border:1px solid rgba(26,22,18,.08);border-radius:24px;padding:18px;box-shadow:0 18px 44px rgba(62,44,24,.11)}.listeningHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.listeningHeader p{margin:0 0 4px;color:#7b7369;font-size:13px;font-weight:900}.listeningHeader h2{margin:0;font-size:clamp(26px,5vw,42px);line-height:1.05;font-weight:950;letter-spacing:0}.listeningHeader span{display:block;margin-top:7px;color:#6f665d;font-size:14px;font-weight:900}.listeningPlay{border:0;border-radius:999px;background:#1f7a55;color:#fff;font-weight:950;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 32px rgba(31,122,85,.22);min-width:116px}.listeningPlay.isStopping{background:#b92b22;box-shadow:0 16px 32px rgba(185,43,34,.2)}.listeningPlay:disabled{opacity:.45;cursor:not-allowed}.listeningLevelGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.listeningLevelGrid button{border:1px solid color-mix(in srgb,var(--level) 20%,rgba(26,22,18,.08));border-radius:16px;background:#fff;color:var(--level);min-height:58px;padding:9px 8px;display:grid;gap:2px;align-content:center;text-align:center;box-shadow:0 8px 18px rgba(26,22,18,.05)}.listeningLevelGrid button span{font-size:16px;font-weight:950}.listeningLevelGrid button b{font-size:12px;color:#8d867d}.listeningLevelGrid button.active{background:color-mix(in srgb,var(--level) 13%,#fff);border-color:color-mix(in srgb,var(--level) 46%,rgba(26,22,18,.08));box-shadow:0 12px 24px color-mix(in srgb,var(--level) 16%,transparent)}.listeningSelectors{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:12px;align-items:stretch}.listeningCountGroup{display:grid;gap:8px;background:#f8f4ef;border:1px solid rgba(26,22,18,.08);border-radius:18px;padding:12px 14px}.listeningCountGroup>span{font-size:12px;font-weight:900;color:#7b7369}.listeningCountGroup>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.listeningCountGroup button{border:1px solid rgba(26,22,18,.08);border-radius:12px;background:#fff;color:#5f564d;min-height:34px;font-size:13px;font-weight:950}.listeningCountGroup button.active{background:#1f7a55;color:#fff;border-color:#1f7a55}.listeningModeGroup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.listeningModeGroup button{border:1px solid rgba(26,22,18,.08);border-radius:18px;background:#fff;color:#5f564d;padding:11px 12px;display:grid;gap:3px;text-align:left;box-shadow:0 10px 22px rgba(26,22,18,.05)}.listeningModeGroup button strong{font-size:14px}.listeningModeGroup button span{font-size:12px;font-weight:850;color:#8d867d}.listeningModeGroup .active{border-color:rgba(31,122,85,.38);background:rgba(31,122,85,.1);color:#174f3b}.listeningMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.listeningMetaGrid>div{min-height:82px;border:1px solid rgba(26,22,18,.08);border-radius:16px;background:rgba(255,255,255,.78);padding:12px 14px;display:grid;gap:3px;align-content:center}.listeningMetaGrid span{font-size:12px;font-weight:900;color:#8d867d}.listeningMetaGrid b{font-size:20px;font-weight:950;color:#17130f}.listeningMetaGrid em{font-style:normal;font-size:12px;font-weight:850;color:#6f665d;line-height:1.35}.listeningNow{display:grid;gap:10px;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#e7f3ee);padding:16px;border:1px solid rgba(31,122,85,.12)}.listeningProgressTrack{height:7px;border-radius:999px;background:rgba(26,22,18,.11);overflow:hidden}.listeningProgressTrack span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1f7a55,#b79a38)}.listeningCurrent{display:grid;gap:3px;min-height:112px;align-content:center;text-align:center}.listeningCurrent b{font-family:"Noto Sans JP",sans-serif;font-size:clamp(48px,12vw,86px);line-height:1;font-weight:950}.listeningCurrent span{font-family:"Noto Sans JP",sans-serif;font-size:22px;font-weight:900;color:#1f7a55}.listeningCurrent em{font-style:normal;font-size:18px;font-weight:900;color:#5f564d}.listeningCurrent.empty b{font-family:inherit;font-size:22px}.listeningNow small{justify-self:end;color:#7b7369;font-weight:900}.listeningQueue{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.listeningQueue button{border:1px solid rgba(26,22,18,.08);border-radius:15px;background:#fff;color:#17130f;min-height:68px;padding:10px;display:grid;gap:2px;align-content:center;text-align:left;box-shadow:0 8px 18px rgba(26,22,18,.05)}.listeningQueue button b{font-family:"Noto Sans JP",sans-serif;font-size:20px;line-height:1.1}.listeningQueue button span{font-family:"Noto Sans JP",sans-serif;color:#776f66;font-weight:850;font-size:13px}.listeningQueue button.active{border-color:rgba(31,122,85,.42);background:rgba(31,122,85,.12);box-shadow:0 12px 24px rgba(31,122,85,.12)}@media(max-width:680px){.bottomNav{left:8px;right:8px;gap:4px;padding:6px}.bottomNav button{border-radius:14px;padding:8px 1px}.bottomNav span{font-size:11px}.bottomNav svg{width:19px;height:19px}.listeningPanel{padding:14px;border-radius:20px}.listeningHeader{align-items:flex-start}.listeningHeader{display:grid}.listeningPlay{min-width:104px;padding:12px 13px}.listeningLevelGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.listeningLevelGrid button{min-height:52px;padding:7px 4px}.listeningSelectors{grid-template-columns:1fr}.listeningCountGroup>div{grid-template-columns:repeat(5,minmax(0,1fr))}.listeningModeGroup{grid-template-columns:1fr}.listeningMetaGrid{grid-template-columns:1fr}.listeningCurrent{min-height:98px}.listeningQueue{grid-template-columns:repeat(2,minmax(0,1fr))}}.markedSentence{line-height:1.7!important;word-break:keep-all!important;overflow-wrap:anywhere!important;letter-spacing:.01em!important}.sentenceMark{position:relative!important;display:inline!important;margin:0 1px!important;padding:0 2px 3px!important;border-radius:5px!important;border:0!important;line-height:inherit!important;vertical-align:baseline!important;box-decoration-break:clone!important;-webkit-box-decoration-break:clone!important;background:linear-gradient(180deg,transparent 58%,var(--mark-bg) 58%)!important;color:#241e39!important;text-decoration:underline!important;text-decoration-color:var(--mark)!important;text-decoration-thickness:2.5px!important;text-underline-offset:5px!important;box-shadow:none!important;transition:background .16s ease,color .16s ease!important}.sentenceMark:hover{background:linear-gradient(180deg,transparent 35%,var(--mark-bg-strong) 35%)!important;color:var(--mark-text)!important}.sentenceMark:focus-visible{outline:2px solid var(--mark)!important;outline-offset:4px!important;background:linear-gradient(180deg,transparent 35%,var(--mark-bg-strong) 35%)!important;color:var(--mark-text)!important}.sentenceMark[data-tip]::after{content:attr(data-tip)!important;position:absolute!important;left:50%!important;bottom:calc(100% + 10px)!important;z-index:30!important;width:max-content!important;max-width:min(320px,78vw)!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(37,30,58,.96)!important;color:#fff!important;box-shadow:0 14px 30px rgba(37,30,58,.22)!important;font-size:12px!important;line-height:1.45!important;font-weight:750!important;letter-spacing:0!important;white-space:pre-line!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,4px)!important;transition:opacity .14s ease,transform .14s ease!important}.sentenceMark[data-tip]:focus-visible::after,.sentenceMark[data-tip]:hover::after{opacity:1!important;transform:translate(-50%,0)!important}.sentenceLegend{display:flex!important;flex-wrap:wrap!important;gap:6px 8px!important;margin:-1px 0 10px!important}.sentenceLegendItem{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:22px!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(102,80,164,.1)!important;color:#5e527b!important;font-size:11px!important;line-height:1!important;font-weight:850!important}.sentenceLegendItem i{width:8px!important;height:8px!important;border-radius:999px!important;background:var(--mark)!important;box-shadow:0 0 0 3px var(--mark-bg)!important}.sentenceLegend-subject,.sentenceMark-subject{--mark:#4C78D8;--mark-bg:rgba(76,120,216,.15);--mark-bg-strong:rgba(76,120,216,.24);--mark-text:#214EAD}.sentenceLegend-topic,.sentenceMark-topic{--mark:#7A58CF;--mark-bg:rgba(122,88,207,.14);--mark-bg-strong:rgba(122,88,207,.23);--mark-text:#5830AD}.sentenceLegend-noun,.sentenceMark-noun{--mark:#2D9B87;--mark-bg:rgba(45,155,135,.14);--mark-bg-strong:rgba(45,155,135,.23);--mark-text:#116B5B}.sentenceLegend-particle,.sentenceMark-particle{--mark:#C79B24;--mark-bg:rgba(199,155,36,.17);--mark-bg-strong:rgba(199,155,36,.28);--mark-text:#805F09}.sentenceLegend-verb,.sentenceMark-verb{--mark:#4C9A38;--mark-bg:rgba(76,154,56,.15);--mark-bg-strong:rgba(76,154,56,.24);--mark-text:#347020}.sentenceLegend-teForm,.sentenceMark-teForm{--mark:#2C9CC8;--mark-bg:rgba(44,156,200,.15);--mark-bg-strong:rgba(44,156,200,.25);--mark-text:#146E91}.sentenceLegend-tense,.sentenceMark-tense{--mark:#D56A45;--mark-bg:rgba(213,106,69,.15);--mark-bg-strong:rgba(213,106,69,.25);--mark-text:#9A4226}.sentenceLegend-state,.sentenceMark-state{--mark:#6E69D8;--mark-bg:rgba(110,105,216,.14);--mark-bg-strong:rgba(110,105,216,.23);--mark-text:#4A43B8}.sentenceLegend-polite,.sentenceMark-polite{--mark:#C65B8A;--mark-bg:rgba(198,91,138,.14);--mark-bg-strong:rgba(198,91,138,.23);--mark-text:#963962}.sentenceLegend-iAdjective,.sentenceMark-iAdjective{--mark:#C47F1F;--mark-bg:rgba(196,127,31,.15);--mark-bg-strong:rgba(196,127,31,.25);--mark-text:#8A5611}.sentenceLegend-naAdjective,.sentenceMark-naAdjective{--mark:#B65DCA;--mark-bg:rgba(182,93,202,.13);--mark-bg-strong:rgba(182,93,202,.22);--mark-text:#893AA0}.sentenceLegend-grammarPattern,.sentenceMark-grammarPattern{--mark:#7A5FD6;--mark-bg:rgba(122,95,214,.14);--mark-bg-strong:rgba(122,95,214,.24);--mark-text:#5536B2}.sentenceLegend-connection,.sentenceMark-connection{--mark:#1E9A8A;--mark-bg:rgba(30,154,138,.14);--mark-bg-strong:rgba(30,154,138,.24);--mark-text:#0D6E62}.sentenceLegend-condition,.sentenceMark-condition{--mark:#D0812A;--mark-bg:rgba(208,129,42,.15);--mark-bg-strong:rgba(208,129,42,.26);--mark-text:#965511}.sentenceLegend-change,.sentenceMark-change{--mark:#2B92D0;--mark-bg:rgba(43,146,208,.14);--mark-bg-strong:rgba(43,146,208,.24);--mark-text:#166A9D}.sentenceLegend-nominalizer,.sentenceMark-nominalizer{--mark:#6B8D2A;--mark-bg:rgba(107,141,42,.15);--mark-bg-strong:rgba(107,141,42,.25);--mark-text:#4B6717}.sentenceLegend-ability,.sentenceMark-ability{--mark:#3380D6;--mark-bg:rgba(51,128,214,.14);--mark-bg-strong:rgba(51,128,214,.24);--mark-text:#1D5FA6}.sentenceLegend-desire,.sentenceMark-desire{--mark:#C05E91;--mark-bg:rgba(192,94,145,.14);--mark-bg-strong:rgba(192,94,145,.24);--mark-text:#903F68}.sentenceLegend-quote,.sentenceMark-quote{--mark:#6970D4;--mark-bg:rgba(105,112,212,.14);--mark-bg-strong:rgba(105,112,212,.24);--mark-text:#454CB0}.sentenceLegend-obligation,.sentenceMark-obligation{--mark:#D55E45;--mark-bg:rgba(213,94,69,.15);--mark-bg-strong:rgba(213,94,69,.26);--mark-text:#9A3B27}.sentenceLegend-ability,.sentenceLegend-change,.sentenceLegend-condition,.sentenceLegend-connection,.sentenceLegend-desire,.sentenceLegend-grammarPattern,.sentenceLegend-iAdjective,.sentenceLegend-naAdjective,.sentenceLegend-nominalizer,.sentenceLegend-noun,.sentenceLegend-obligation,.sentenceLegend-particle,.sentenceLegend-polite,.sentenceLegend-quote,.sentenceLegend-state,.sentenceLegend-subject,.sentenceLegend-teForm,.sentenceLegend-tense,.sentenceLegend-topic,.sentenceLegend-verb{color:var(--mark-text)!important;border-color:color-mix(in srgb,var(--mark) 28%,rgba(102,80,164,.1))!important;background:color-mix(in srgb,var(--mark-bg) 46%,#fff)!important}.grammarPanel{margin-top:14px!important;padding-top:13px!important;border-top:1px solid rgba(102,80,164,.12)!important;display:block!important}.grammarSummary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;cursor:pointer!important;list-style:none!important;min-height:34px!important;border-radius:12px!important;outline:0!important}.grammarSummary::-webkit-details-marker{display:none!important}.grammarSummary:focus-visible{box-shadow:0 0 0 3px rgba(102,80,164,.18)!important}.grammarHeader{display:grid!important;gap:2px!important;min-width:0!important}.grammarHeader strong{color:#4a2d8a!important;font-size:13px!important;font-weight:850!important;letter-spacing:.08em!important}.grammarHeader span{color:rgba(74,45,138,.48)!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}.grammarSummaryAction{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border-radius:999px!important;padding:7px 9px 7px 11px!important;background:rgba(139,122,216,.1)!important;color:#6a55c1!important;font-size:12px!important;font-weight:900!important;line-height:1!important}.grammarCloseText{display:none!important}.grammarPanel[open] .grammarOpenText{display:none!important}.grammarPanel[open] .grammarCloseText{display:inline!important}.grammarToggleIcon{transition:transform .18s ease!important}.grammarPanel[open] .grammarToggleIcon{transform:rotate(90deg)!important}.grammarList{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:8px!important;margin-top:10px!important}.grammarPanel:not([open]) .grammarList{display:none!important;margin-top:0!important}.grammarItem{display:grid!important;grid-template-columns:44px 1fr!important;gap:9px!important;align-items:start!important;min-width:0!important;padding:10px 11px!important;border-radius:12px!important;background:rgba(255,255,255,.54)!important;border:1px solid rgba(102,80,164,.1)!important}.grammarItem>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;border-radius:999px!important;background:rgba(139,122,216,.12)!important;color:#6a55c1!important;font-size:11px!important;font-weight:900!important}.grammarItem div{min-width:0!important;display:grid!important;gap:3px!important}.grammarItem b{color:#2a1f48!important;font-family:"Noto Sans JP","Noto Sans TC",sans-serif!important;font-size:14px!important;line-height:1.35!important;font-weight:900!important;overflow-wrap:anywhere!important}.grammarItem em{color:#4a3d6e!important;font-style:normal!important;font-size:12px!important;line-height:1.35!important;font-weight:850!important}.grammarItem small{color:rgba(74,61,110,.72)!important;font-size:12px!important;line-height:1.45!important;font-weight:650!important}.grammarDetailList{display:grid!important;gap:3px!important;margin:3px 0 0!important;padding:0!important;list-style:none!important}.grammarDetailList li{position:relative!important;padding-left:10px!important;color:rgba(42,31,72,.76)!important;font-size:11px!important;line-height:1.42!important;font-weight:760!important;overflow-wrap:anywhere!important}.grammarDetailList li::before{content:""!important;position:absolute!important;left:0!important;top:.68em!important;width:4px!important;height:4px!important;border-radius:50%!important;background:rgba(106,85,193,.48)!important}@media (max-width:680px){.markedSentence{line-height:1.72!important}.sentenceMark{margin:0 1px!important;padding:0 1px 3px!important;border-radius:4px!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}.sentenceLegend{gap:5px 6px!important;margin:0 0 10px!important}.sentenceLegendItem{min-height:20px!important;padding:3px 7px!important;font-size:10px!important}.sentenceLegendItem i{width:7px!important;height:7px!important}.grammarPanel{margin-top:12px!important;padding-top:11px!important}.grammarSummary{align-items:center!important}.grammarHeader span{white-space:normal!important}.grammarList{grid-template-columns:1fr!important}.grammarItem{grid-template-columns:42px 1fr!important;padding:9px 10px!important}}.conjugationView{display:grid;gap:12px;max-width:980px;margin:0 auto}.conjugationHeader{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(23,17,36,.08);border-radius:24px;padding:18px;box-shadow:0 18px 44px rgba(52,35,95,.1)}.conjugationHeader p{margin:0 0 5px;color:#6650a4;font-weight:950}.conjugationHeader h2{margin:0 0 8px;font-size:clamp(26px,4.5vw,38px);line-height:1.05;font-weight:950;letter-spacing:0}.conjugationHeader span{display:block;color:#716783;font-weight:800;line-height:1.45}.conjugationShuffle{border:0;border-radius:16px;background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;font-weight:950;padding:13px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 28px rgba(102,80,164,.18);white-space:nowrap}.conjugationModes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(23,17,36,.08);border-radius:18px;padding:6px}.conjugationModes button{border:0;border-radius:14px;background:0 0;color:#7b6f97;padding:9px 8px;text-align:left;cursor:pointer}.conjugationModes strong{display:block;font-size:13px;font-weight:950}.conjugationModes span{display:block;margin-top:2px;font-size:11px;font-weight:800;line-height:1.25;color:#8f85a3}.conjugationModes .active{background:#fff;color:#171124;box-shadow:0 10px 24px rgba(23,17,36,.08)}.conjugationStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.conjugationStats>div{background:rgba(255,255,255,.88);border:1px solid rgba(23,17,36,.08);border-radius:18px;padding:10px 12px;box-shadow:0 12px 30px rgba(52,35,95,.07)}.conjugationStats span{display:block;color:#8f85a3;font-size:12px;font-weight:900}.conjugationStats b{font-size:23px;font-weight:950;color:#171124}.conjugationStats em{font-style:normal;color:#877d9e;font-weight:850;margin-left:5px}.conjugationCard{background:rgba(255,255,255,.95);border:1px solid rgba(23,17,36,.08);border-radius:24px;padding:18px;box-shadow:0 22px 54px rgba(52,35,95,.12)}.conjugationPromptMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.conjugationPromptMeta b,.conjugationPromptMeta span{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950}.conjugationPromptMeta span{background:rgba(102,80,164,.1);color:#6650a4}.conjugationPromptMeta b{background:rgba(192,56,24,.1);color:#a9361f}.conjugationPrompt{display:grid;gap:10px;text-align:center;padding:4px 8px 14px}.conjugationPrompt p{margin:0;color:#6b5f82;font-weight:950;font-size:16px;line-height:1.4}.conjugationPrompt strong{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:clamp(42px,8vw,66px);line-height:1.05;font-weight:950;letter-spacing:0;color:#171124;overflow-wrap:anywhere}.conjugationPromptTools{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.conjugationPromptTools button,.conjugationTinyButton{border:1px solid rgba(102,80,164,.18);border-radius:999px;background:#fff;color:#6650a4;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;box-shadow:0 8px 18px rgba(102,80,164,.08);white-space:nowrap}.conjugationPromptTools span{color:#7d728f;font-size:13px;font-weight:850;line-height:1.4}.conjugationMatrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.conjugationRow{display:grid;gap:9px;align-content:start;border:1px solid rgba(23,17,36,.08);border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 24px rgba(23,17,36,.06)}.conjugationRow.correct{border-color:rgba(47,111,208,.38);background:rgba(47,111,208,.09)}.conjugationRow.wrong{border-color:rgba(185,43,34,.3);background:rgba(185,43,34,.06)}.conjugationRowLabel{display:grid;gap:6px}.conjugationRowLabelTitle{display:flex;align-items:center;justify-content:space-between;gap:8px}.conjugationRowLabel b{font-size:14px;font-weight:950;color:#171124}.conjugationRowLabel span{font-size:12px;font-weight:800;color:#8b7fa2;line-height:1.35}.conjugationPatternAudio{border:1px solid rgba(102,80,164,.18);border-radius:999px;background:#fff;color:#6650a4;font-size:12px;font-weight:950;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;white-space:nowrap}.conjugationSentenceHelp{display:grid;gap:5px;border-radius:14px;background:rgba(255,255,255,.66);border:1px solid rgba(102,80,164,.12);padding:9px 10px}.conjugationSentenceHelp button{justify-self:start;width:32px;height:32px;border:1px solid rgba(102,80,164,.18);border-radius:999px;background:#fff;color:#6650a4;font-weight:950;display:inline-flex;align-items:center;justify-content:center;padding:0}.conjugationSentenceHelp b{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:16px;font-weight:950;color:#171124;overflow-wrap:anywhere}.conjugationBreakdown{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 2px 4px}.conjugationBreakdownLabel{font-size:11px;font-weight:950;color:#8f85a3;background:rgba(102,80,164,.08);border-radius:999px;padding:3px 8px;white-space:nowrap}.conjugationBreakdown b{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:18px;font-weight:950;color:#171124}.conjugationSentenceReading{font-size:12px;font-weight:850;line-height:1.4;color:#8f85a3;letter-spacing:.02em}.conjugationSentenceHelp span{font-size:12px;font-weight:850;line-height:1.4;color:#6b5f82}.conjugationAnswerBox{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.conjugationAnswerBox input{width:100%;min-height:46px;border:1px solid rgba(23,17,36,.12);border-radius:14px;background:rgba(255,255,255,.92);padding:9px 12px;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:22px;font-weight:900;color:#171124;outline:0}.conjugationAnswerBox input:focus{border-color:rgba(102,80,164,.42);box-shadow:0 0 0 3px rgba(102,80,164,.1)}.conjugationAnswerBox input:disabled{color:#4d4263;background:rgba(255,255,255,.72)}.conjugationFragments{display:flex;gap:6px;flex-wrap:wrap}.conjugationFragments button{min-width:40px;min-height:38px;border:1px solid rgba(23,17,36,.1);border-radius:12px;background:#f8f4ff;color:#171124;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:18px;font-weight:950;box-shadow:0 7px 15px rgba(23,17,36,.05)}.conjugationFragments button:hover{border-color:rgba(102,80,164,.28);transform:translateY(-1px)}.conjugationAnswerFeedback{display:inline-flex;align-items:center;gap:6px;font-weight:950;font-size:13px;color:#635882}.conjugationRow.correct .conjugationAnswerFeedback{color:#2455a4}.conjugationRow.wrong .conjugationAnswerFeedback{color:#b92b22}.conjugationResult{margin-top:14px;border-radius:18px;padding:14px;display:flex;gap:10px;align-items:flex-start;font-weight:900}.conjugationResult strong{display:block;margin-bottom:3px;font-size:15px}.conjugationResult span{display:block;line-height:1.55}.conjugationResultTip{margin:4px 0 7px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.62);font-weight:850}.conjugationResult.ok{background:rgba(46,139,126,.12);color:#2e8b7e}.conjugationResult.ng{background:rgba(185,43,34,.1);color:#b92b22}.conjugationWeakTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.conjugationWeakTags em{font-style:normal;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(185,43,34,.18);padding:5px 8px;font-size:12px}.conjugationActions{display:flex;justify-content:center;margin-top:14px}.conjugationActions button:disabled{opacity:.48;cursor:not-allowed}.conjugationMistakeBar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:rgba(255,255,255,.88);border:1px solid rgba(23,17,36,.08);border-radius:18px;padding:10px 14px;box-shadow:0 10px 26px rgba(52,35,95,.07)}.conjugationMistakeToggle{border:1px solid rgba(185,43,34,.28);border-radius:999px;background:#fff;color:#b92b22;font-weight:950;padding:8px 14px;cursor:pointer}.conjugationMistakeToggle:hover:not(:disabled){background:rgba(185,43,34,.06)}.conjugationMistakeToggle.active{background:#b92b22;color:#fff;border-color:#b92b22;box-shadow:0 8px 18px rgba(185,43,34,.22)}.conjugationMistakeToggle:disabled{opacity:.45;cursor:not-allowed}.conjugationMistakeCount{margin-left:auto;color:#6b5f82;font-weight:800;font-size:13px}.conjugationMistakeCount b{color:#b92b22;font-weight:950;font-size:16px;margin-left:4px}.conjugationMistakeClear{border:1px solid rgba(23,17,36,.14);border-radius:999px;background:#fff;color:#6b5f82;font-weight:900;padding:7px 12px;cursor:pointer}.conjugationMistakeClear:hover:not(:disabled){border-color:rgba(185,43,34,.3);color:#b92b22}.conjugationMistakeClear:disabled{opacity:.4;cursor:not-allowed}.conjugationMistakeChip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#b92b22;color:#fff;font-size:11px;font-weight:950;padding:2px 8px;letter-spacing:.5px;margin-left:6px}@media(max-width:720px){.bottomNav{grid-template-columns:repeat(7,minmax(0,1fr))!important}.bottomNav button{padding:8px 1px!important}.bottomNav button span{font-size:10px!important}.bottomNav button svg{width:18px!important;height:18px!important}.conjugationHeader{grid-template-columns:1fr;padding:16px}.conjugationModes{grid-template-columns:repeat(2,minmax(0,1fr))}.conjugationStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.conjugationStats>div{padding:10px 8px}.conjugationStats b{font-size:20px}.conjugationStats em{display:none}.conjugationCard{padding:16px;border-radius:22px}.conjugationPromptMeta{align-items:flex-start;flex-direction:column}.conjugationMatrix{grid-template-columns:1fr}.conjugationAnswerBox{grid-template-columns:1fr}.conjugationTinyButton{min-height:38px}.conjugationPrompt p{font-size:16px}.conjugationPromptTools{align-items:stretch}.conjugationPromptTools button{width:100%}}.conjugationPromptTools button.iconOnly,.conjugationTinyButton.iconOnly{gap:0;padding:0;width:38px;height:38px;min-width:38px;border-radius:999px}.conjugationPromptTools button.iconOnly svg,.conjugationTinyButton.iconOnly svg{margin:0}.conjugationRowLabel span .hintForm,.conjugationRowLabel span .hintKey{font-style:normal;font-weight:900;color:#1f8a6b}.conjugationRowLabel span .hintEg{font-style:normal;font-weight:900;color:#2f6fd0}.conjugationBreakdown .sentenceMark[data-tip]::after{left:0!important;right:auto!important;transform:translate(0,4px)!important}.conjugationBreakdown .sentenceMark[data-tip]:focus-visible::after,.conjugationBreakdown .sentenceMark[data-tip]:focus::after,.conjugationBreakdown .sentenceMark[data-tip]:hover::after{transform:translate(0,0)!important}.conjVerbGroup{border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:950!important;letter-spacing:.02em!important;white-space:nowrap!important;border:1px solid transparent!important}.conjVerbGroup.g1{background:rgba(47,111,208,.12)!important;color:#2455a4!important;border-color:rgba(47,111,208,.22)!important}.conjVerbGroup.g2{background:rgba(31,138,107,.12)!important;color:#1f8a6b!important;border-color:rgba(31,138,107,.22)!important}.conjVerbGroup.g3{background:rgba(198,91,138,.14)!important;color:#a33e68!important;border-color:rgba(198,91,138,.24)!important}.conjugationView .conjugationHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid rgba(139,122,216,.18);background:linear-gradient(135deg,#fff 0,#fbf8ff 58%,#eef9ff 100%);box-shadow:0 18px 36px rgba(65,45,105,.08)}.conjugationView .conjugationHeader h2{margin:2px 0 0;line-height:1.08}.conjugationView .conjugationHeader span:empty{display:none}.conjugationView .conjugationModes{position:relative;isolation:isolate;gap:10px;padding:12px;border:1px solid rgba(93,154,184,.22);background:linear-gradient(135deg,#eef9ff 0,#f7fbff 48%,#fff 100%);box-shadow:inset 4px 0 0 #5aa4c7,0 12px 28px rgba(62,95,130,.08)}.conjugationView .conjugationModes:before{content:"變形測驗模式";display:block;margin:0 0 8px;color:#27758f;font-size:.82rem;font-weight:900;letter-spacing:.04em}.conjugationView .conjugationModes button{border:1px solid rgba(93,154,184,.18);background:rgba(255,255,255,.72)}.conjugationView .conjugationModes button.active{border-color:#5aa4c7;background:#e7f7ff;box-shadow:0 10px 20px rgba(61,130,160,.12)}.conjugationView .conjugationPromptMeta{align-items:center;gap:10px}.conjugationView .conjugationPromptMeta>b{margin-left:auto}.conjugationView .conjugationCardShuffle{min-height:38px;padding:8px 13px;border-radius:999px;font-size:.9rem;white-space:nowrap}@media (max-width:700px){.conjugationView .conjugationHeader{padding:18px;align-items:flex-start}.conjugationView .conjugationHeader .conjugationShuffle{display:none}.conjugationView .conjugationPromptMeta{flex-wrap:wrap}.conjugationView .conjugationPromptMeta>b{margin-left:0}.conjugationView .conjugationCardShuffle{margin-left:auto}}.conjugationView .conjugationModes{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-height:0!important;margin:8px 0 10px!important;padding:7px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:18px!important;border:1px solid rgba(139,122,216,.16)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 22px rgba(65,45,105,.06)!important;scrollbar-width:none}.conjugationView .conjugationModes::-webkit-scrollbar{display:none}.conjugationView .conjugationModes:before{content:"模式"!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;height:34px!important;margin:0 2px 0 0!important;padding:0 10px!important;border-radius:999px!important;color:#5f4fa3!important;background:#f3efff!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:0!important}.conjugationView .conjugationModes button{flex:0 0 auto!important;min-width:128px!important;padding:7px 11px!important;border-radius:14px!important;border:1px solid rgba(139,122,216,.14)!important;background:#fff!important;box-shadow:none!important;text-align:left!important}.conjugationView .conjugationModes button strong{display:block!important;color:#2f2850!important;font-size:.86rem!important;line-height:1.05!important}.conjugationView .conjugationModes button span{display:block!important;margin-top:2px!important;color:#81779a!important;font-size:.68rem!important;line-height:1.05!important;white-space:nowrap!important}.conjugationView .conjugationModes button.active{border-color:#8b7ad8!important;background:linear-gradient(180deg,#f5f1ff,#fff)!important;box-shadow:0 8px 16px rgba(139,122,216,.12)!important}.conjugationView .conjugationRowLabel>span{display:block!important;margin-top:8px!important;color:#786f90!important;font-size:.93rem!important;line-height:1.5!important}.conjugationView .conjugationRowLabel .hintEg,.conjugationView .conjugationRowLabel .hintForm,.conjugationView .conjugationRowLabel .hintKey{display:inline-block!important;margin:0 2px!important;padding:1px 5px!important;border-radius:7px!important;color:#047365!important;background:#e9fbf5!important;font-style:normal!important;font-size:1.05rem!important;font-weight:900!important;line-height:1.35!important}.conjugationView .conjugationRowLabel .hintKey{color:#295fb8!important;background:#eef5ff!important}.conjugationView .conjugationRowLabel .hintEg{color:#a6451d!important;background:#fff2ea!important}@media (max-width:700px){.conjugationView .conjugationModes{margin:6px 0 8px!important;padding:6px!important}.conjugationView .conjugationModes button{min-width:118px!important;padding:7px 10px!important}.conjugationView .conjugationModes button span{font-size:.66rem!important}}.conjugationPromptReading{display:block;margin-top:-8px;color:#897cb2;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:1.15rem;font-weight:950;letter-spacing:.04em}.conjugationHintBlock{display:grid;gap:8px;justify-items:start}.conjugationHintToggle{border:1px solid rgba(139,122,216,.18);border-radius:999px;background:#f7f3ff;color:#6650a4;font-size:.78rem;font-weight:950;padding:6px 10px}.conjugationNextGroupButton{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:rgba(137,120,179,.45)!important;box-shadow:0 10px 20px rgba(102,80,164,.18)!important}.conjugationSentenceHelp>b{display:block;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid rgba(139,122,216,.12)}.conjugationView{width:100%;max-width:min(980px,calc(100vw - 28px));overflow:visible;padding-bottom:88px}.conjugationView .conjugationModes{width:100%;max-width:100%;box-sizing:border-box;scroll-padding-inline:10px 28px;padding-right:28px!important}.conjugationView .conjugationCard{position:relative;display:grid;gap:14px;padding:18px clamp(14px,3vw,22px) 20px;overflow:visible}.conjugationView .conjugationPromptMeta{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-bottom:0!important}.conjugationView .conjugationMetaActions{order:1;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}.conjugationView .conjugationPromptMeta>.conjVerbGroup{justify-self:center;max-width:100%;white-space:normal!important;text-align:center;line-height:1.35}.conjugationView .conjugationPromptMeta>span:not(.conjVerbGroup){justify-self:center;grid-column:1/-1;order:2;padding:7px 11px!important;background:#f3efff!important}.conjugationView .conjugationPromptMeta>b{display:none!important}.conjugationView .conjugationCardShuffle,.conjugationView .conjugationNextGroupButton{justify-self:end;min-height:40px!important;height:40px!important;border-radius:999px!important;padding:0 12px!important;font-size:.86rem!important}.conjugationView .conjugationNextGroupButton span{color:inherit!important;background:0 0!important;padding:0!important;font-size:.86rem!important}.conjugationView .conjugationPrompt{padding:2px 4px 6px!important;gap:6px!important}.conjugationView .conjugationPrompt p{font-size:1.02rem!important}.conjugationView .conjugationPrompt strong{font-size:clamp(48px, 10vw, 72px)!important}.conjugationView .conjugationPromptTools{gap:8px!important;align-items:center!important}.conjugationView .conjugationPromptTools button.iconOnly{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(102,80,164,.28)!important}.conjugationView .conjugationPromptTools button.iconOnly svg{color:#fff!important}.conjugationView .conjugationFormsOverview{display:flex;flex-direction:column;gap:6px;margin:2px 4px 10px;padding:10px 12px 12px;border-radius:16px;background:rgba(102,80,164,.06);border:1px solid rgba(102,80,164,.12)}.conjugationView .conjugationFormsOverviewTitle{font-size:.78rem;font-weight:800;color:#6650a4;letter-spacing:.02em}.conjugationView .conjugationFormsOverview table{width:100%;border-collapse:collapse;table-layout:fixed}.conjugationView .conjugationFormsOverview td,.conjugationView .conjugationFormsOverview th{text-align:center;padding:6px 4px;font-size:clamp(11px, 3vw, 13px);word-break:keep-all;overflow-wrap:anywhere}.conjugationView .conjugationFormsOverview th{color:#7a6c99;font-weight:700;border-bottom:1px solid rgba(102,80,164,.18)}.conjugationView .conjugationFormsOverview td{color:#241e39;font-weight:800;font-size:clamp(13px, 3.6vw, 16px)}.conjugationView .conjugationMatrix.oneByOne{grid-template-columns:1fr!important}.conjugationView .conjugationMatrix.oneByOne .conjugationRow{gap:10px;border-radius:20px;padding:14px;box-shadow:0 14px 30px rgba(52,35,95,.08)}.conjugationView .conjugationSentenceHelp{gap:8px;padding:10px}.conjugationView .conjugationSentenceHelp>b{font-size:clamp(18px, 4.4vw, 24px)!important;line-height:1.45;padding:12px 14px}.conjugationView .conjugationSentenceHelp .conjugationSentenceTranslation{display:block;margin:-2px 0 2px;padding:8px 10px;border-radius:12px;background:rgba(102,80,164,.08);color:#4f4565!important;font-size:clamp(13px, 3.5vw, 15px)!important;font-weight:850!important;line-height:1.5!important}.conjugationView .conjugationSentenceHelp .conjugationSentenceReading+.conjugationSentenceTranslation{margin-top:-3px}.conjugationView .conjugationSentenceHelp .conjugationSentenceAudio{justify-self:start;width:auto;height:auto;padding:6px 12px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;font-size:13px;font-weight:950;display:inline-flex;align-items:center;gap:5px;box-shadow:0 8px 18px rgba(102,80,164,.24)!important}.conjugationView .conjugationSentenceHelp .conjugationSentenceAudio svg{color:#fff!important}.conjugationView .conjugationFragments button{min-width:44px;min-height:42px;border-radius:13px}.conjugationView .conjugationFragments button.conjugationChoiceBtn{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:1 1 46%;min-width:200px;min-height:0;padding:12px 14px;text-align:left}.conjugationView .conjugationChoiceBtn .choiceLetter{flex:0 0 auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(102,80,164,.14);color:#6650a4;font-weight:950;font-size:14px}.conjugationView .conjugationChoiceBtn .choiceText{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-weight:900;font-size:16px;color:#171124;line-height:1.2}@media (max-width:700px){.conjugationView{max-width:calc(100vw - 30px)!important;justify-self:center;padding-bottom:96px}.conjugationView .conjugationModes{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important;justify-self:center;margin-left:0!important;margin-right:0!important;padding-right:34px!important}.conjugationView .conjugationPromptMeta{grid-template-columns:1fr auto auto}.conjugationView .conjugationPromptMeta>.conjVerbGroup{grid-column:1/-1}.conjugationView .conjugationCardShuffle,.conjugationView .conjugationNextGroupButton{min-width:auto!important}.conjugationView .conjugationCardShuffle{margin-left:0!important}.conjugationView .conjugationPromptTools button.iconOnly{width:40px!important;min-width:40px!important;height:40px!important}}.conjugationView{gap:18px!important}.conjugationView .conjugationModes{gap:10px!important;padding:10px 36px 10px 10px!important}.conjugationView .conjugationModes:before{height:38px!important;margin-right:6px!important;padding:0 13px!important}.conjugationView .conjugationModes button{min-width:140px!important;padding:10px 14px!important}.conjugationView .conjugationModes button strong{font-size:.9rem!important;line-height:1.18!important}.conjugationView .conjugationModes button span{margin-top:4px!important;font-size:.7rem!important;line-height:1.25!important}.conjugationView .conjugationModes button.conjugationTableFillEntry{position:relative;overflow:hidden;border:1px solid rgba(139,122,216,.2)!important;color:#2f2850!important;background:linear-gradient(180deg,#fff,#f8f5ff)!important;box-shadow:0 8px 16px rgba(139,122,216,.1)!important}.conjugationView .conjugationModes button.conjugationTableFillEntry span,.conjugationView .conjugationModes button.conjugationTableFillEntry strong{color:inherit!important}.conjugationView .conjugationModes button.conjugationTableFillEntry span{color:#81779a!important;opacity:1}.conjugationView .conjugationModes button.conjugationTableFillEntry:hover{border-color:#8b7ad8!important;background:linear-gradient(180deg,#f5f1ff,#fff)!important}.conjugationView .conjugationStats{gap:12px!important}.conjugationView .conjugationStats>div{padding:13px 16px!important}@media (max-width:700px){.conjugationView{gap:16px!important}.conjugationView .conjugationStats{gap:9px!important}.conjugationView .conjugationStats>div{padding:11px 12px!important}.conjugationView .conjugationModes button{min-width:132px!important}}.conjugationView .conjugationModes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(152px,1fr))!important;gap:10px!important;align-items:stretch!important;overflow:visible!important;padding:12px!important}.conjugationView .conjugationModes:before{grid-column:1/-1!important;width:max-content!important;min-height:34px!important;height:auto!important;margin:0 0 2px!important}.conjugationView .conjugationModes button{width:100%!important;min-width:0!important;min-height:58px!important;padding:12px 14px!important;touch-action:manipulation}.conjugationView .conjugationModes button strong{font-size:.96rem!important;line-height:1.18!important}.conjugationView .conjugationModes button span{font-size:.76rem!important;line-height:1.3!important;white-space:normal!important}.conjugationView .conjugationPromptReading{display:inline-flex!important;justify-self:center;align-items:center;gap:7px;margin-top:-4px!important;padding:5px 11px;border-radius:999px;background:#f4efff;color:#5f4fa3!important;font-size:1.08rem!important;font-weight:950!important}.conjugationView .conjugationPromptReading:before{content:"よみ";color:#8b7ad8;font-size:.72rem;font-weight:950}.conjugationView .conjugationSentenceHelp .conjugationSentenceReading{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 10px!important;border-radius:12px;background:#f4efff!important;color:#51427f!important;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:clamp(14px,3.5vw,16px)!important;font-weight:950!important;line-height:1.5!important}.conjugationView .conjugationSentenceHelp .conjugationSentenceReading:before{content:"かな";flex:0 0 auto;padding:2px 7px;border-radius:999px;background:#fff;color:#7a68bd;font-size:.72rem;font-weight:950}.conjugationView .conjugationPriorityBadge{min-height:30px!important;padding:6px 11px!important;border-width:2px!important;font-size:13px!important;letter-spacing:0!important;box-shadow:0 8px 18px rgba(185,92,24,.14)!important}.conjugationView .conjugationPriorityBadge:before{content:"重點";margin-right:6px;padding:2px 6px;border-radius:999px;background:#fff;color:inherit;font-size:11px;font-weight:950}.conjugationView .conjugationPriorityBadge.priority-high{color:#8a330f!important;background:#ffe3a7!important;border-color:#e69b2e!important}@media (max-width:700px){.conjugationView .conjugationModes{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important}.conjugationView .conjugationModes button{min-height:58px!important;padding:11px 12px!important}}.conjugationView .conjugationRow.priority{border-color:rgba(189,108,42,.3)!important;background:linear-gradient(180deg,#fffaf2 0,#fff 46%)!important;box-shadow:0 12px 28px rgba(138,86,31,.08)!important}.conjugationView .conjugationRow.priority.priority-must{border-color:rgba(185,43,34,.36)!important;background:linear-gradient(180deg,#fff5f2 0,#fff 48%)!important}.conjugationView .conjugationRow.priority.priority-contrast{border-color:rgba(31,138,107,.32)!important;background:linear-gradient(180deg,#f1fbf7 0,#fff 48%)!important}.conjugationView .conjugationRow.priority.priority-grammar{border-color:rgba(47,111,208,.3)!important;background:linear-gradient(180deg,#f2f7ff 0,#fff 48%)!important}.conjugationView .conjugationRowTitleMain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.conjugationView .conjugationRowTitleMain b{overflow-wrap:anywhere}.conjugationView .conjugationPriorityBadge{display:inline-flex!important;align-items:center;justify-content:center;min-height:22px;max-width:100%;padding:3px 8px;border-radius:999px;border:1px solid transparent;font-size:11px!important;font-weight:950!important;line-height:1.15!important;color:#7a3d13!important;background:#fff0dc;white-space:normal}.conjugationView .conjugationPriorityBadge.priority-must{color:#a12d1d!important;background:#ffe9e3;border-color:rgba(185,43,34,.18)}.conjugationView .conjugationPriorityBadge.priority-high{color:#7a3d13!important;background:#fff0dc;border-color:rgba(189,108,42,.2)}.conjugationView .conjugationPriorityBadge.priority-contrast{color:#12694f!important;background:#e9fbf5;border-color:rgba(31,138,107,.2)}.conjugationView .conjugationPriorityBadge.priority-grammar{color:#2455a4!important;background:#edf4ff;border-color:rgba(47,111,208,.18)}.conjugationView .conjugationPriorityNote{display:grid;gap:5px;padding:9px 10px;border-radius:12px;border:1px solid rgba(189,108,42,.18);background:rgba(255,248,238,.78);color:#5f4631;font-size:12px;font-weight:850;line-height:1.45}.conjugationView .conjugationPriorityNote span{display:block!important;color:inherit!important;font-size:12px!important;font-weight:850!important}.conjugationView .conjugationPriorityNote strong{display:inline-flex;margin-right:6px;padding:1px 6px;border-radius:999px;background:#fff;color:#7a3d13;font-size:11px;font-weight:950}.conjugationView .conjugationPriorityNote.priority-must{border-color:rgba(185,43,34,.18);background:rgba(255,237,232,.76);color:#743126}.conjugationView .conjugationPriorityNote.priority-must strong{color:#a12d1d}.conjugationView .conjugationPriorityNote.priority-contrast{border-color:rgba(31,138,107,.18);background:rgba(237,251,246,.82);color:#225d4d}.conjugationView .conjugationPriorityNote.priority-contrast strong{color:#12694f}.conjugationView .conjugationPriorityNote.priority-grammar{border-color:rgba(47,111,208,.16);background:rgba(239,246,255,.84);color:#284b80}.conjugationView .conjugationPriorityNote.priority-grammar strong{color:#2455a4}.conjugationView .conjugationPriorityBadge{min-height:30px!important;padding:6px 11px!important;border-width:2px!important;font-size:13px!important;letter-spacing:0!important;box-shadow:0 8px 18px rgba(185,92,24,.14)!important}.conjugationView .conjugationPriorityBadge.priority-high{color:#8a330f!important;background:#ffe3a7!important;border-color:#e69b2e!important}.conjugationView .conjugationLevelBadges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;max-width:100%}.conjugationView .conjugationLevelBadge{display:inline-flex!important;align-items:center;justify-content:center;min-height:28px;padding:5px 10px!important;border-radius:999px;border:1px solid transparent;font-size:12px!important;font-weight:950!important;line-height:1.1!important;white-space:nowrap}.conjugationView .conjugationLevelBadge.vocabulary{color:#255c91!important;background:#eaf5ff!important;border-color:rgba(47,111,208,.24)}.conjugationView .conjugationLevelBadge.grammar{color:#5d469c!important;background:#f1edff!important;border-color:rgba(139,122,216,.28)}.conjugationView .conjugationLevelBadge.grammar.level-n4{color:#7a4a25!important;background:#fff1e7!important;border-color:rgba(189,108,42,.26)}.conjugationView .conjugationLevelBadge.grammar.level-n3{color:#8a315f!important;background:#ffeaf3!important;border-color:rgba(198,91,138,.28)}.conjugationView .conjLevelVocabTag{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.72);color:#255c91!important;font-size:10.5px!important;font-weight:950!important;line-height:1.3}@media (max-width:700px){.conjugationView .conjugationRowLabelTitle{align-items:flex-start!important}.conjugationView .conjugationPriorityNote{padding:8px 9px}.conjugationView .conjugationLevelBadges{gap:5px}.conjugationView .conjugationLevelBadge{min-height:27px;padding:5px 9px!important;font-size:11px!important}}.flashcardFlipFrame{overflow:hidden!important;perspective:1200px!important;transform-style:preserve-3d!important}.flashcardFlipFrame::after,.flashcardFlipFrame::before{display:none!important}.flashcardFlipFrame .cardFlipInner{position:relative;z-index:1;width:100%;height:100%;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.2,.8,.2,1)}.flashcardFlipFrame.isFlipped .cardFlipInner{transform:rotateY(180deg)}.cardFlipFace{position:absolute;inset:0;border-radius:26px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff}.cardFrontFace{display:grid;place-items:center}.cardBackFace{transform:rotateY(180deg);display:grid;place-items:center;padding:clamp(18px,3.2vw,32px);background:radial-gradient(circle at 18% 12%,rgba(188,175,211,.26),transparent 36%),linear-gradient(180deg,#fff 0,#fbf8ff 100%)}.exampleCardBackContent{width:100%;max-height:100%;overflow-y:auto;display:grid;gap:10px;padding:clamp(12px,2.2vw,20px);color:#2f2850;scrollbar-width:thin;scrollbar-color:rgba(146,176,232,.78) rgba(220,232,255,.32);scrollbar-gutter:stable}.exampleCardBackContent::-webkit-scrollbar{width:10px}.exampleCardBackContent::-webkit-scrollbar-track{margin:10px 0;border-radius:999px;background:rgba(225,235,255,.32)}.exampleCardBackContent::-webkit-scrollbar-thumb{min-height:46px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:linear-gradient(180deg,#d9ecff,#9fbef5);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 14px rgba(106,132,197,.18)}.exampleCardBackContent::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e7f5ff,#8fb0ef)}.exampleCardBackContent .exampleHeader{min-height:48px;padding-right:0;position:relative;display:flex;align-items:center;justify-content:flex-start!important;gap:10px}.exampleCardBackContent .exampleHeader strong{color:#8b7ad8;font-size:13px;font-weight:950}.exampleCardBackContent .exampleHeader .miniSound{position:static!important;order:-1!important;flex:0 0 44px!important;width:44px!important;height:44px!important;color:#6c77c6!important;border-color:rgba(156,180,234,.38)!important;background:radial-gradient(circle at 32% 24%,#fff 0,#f2f9ff 42%,#d8ebff 100%)!important;box-shadow:0 14px 26px rgba(111,133,202,.22),inset 0 1px 0 rgba(255,255,255,.9)!important}.exampleCardBackContent .exampleHeader .miniSound svg{width:22px!important;height:22px!important}.exampleCardBackContent .jpSentence{font-size:clamp(23px, 4.3vw, 34px);line-height:1.35;margin:0}.exampleCardBackContent .reading{font-size:clamp(15px, 2.4vw, 18px);line-height:1.45}.exampleCardBackContent .exampleRomaji{font-size:12px;letter-spacing:.08em}.exampleCardBackContent .zhSentence{font-size:clamp(15px, 2.2vw, 18px);line-height:1.55}.cardFlipTurnButton{position:absolute;top:94px;right:27px;z-index:8;width:46px;height:46px;border:1px solid rgba(143,181,239,.48);border-radius:999px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98) 0,rgba(238,249,255,.96) 38%,rgba(183,215,255,.96) 100%);color:#5872bf;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 16px 30px rgba(107,139,215,.28),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 16px rgba(124,161,225,.16);backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.cardFlipTurnButton:hover{background:radial-gradient(circle at 30% 22%,#fff 0,#f7fcff 38%,#aed4ff 100%);transform:scale(1.06);box-shadow:0 20px 36px rgba(107,139,215,.34),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -8px 16px rgba(124,161,225,.18)}.cardFlipTurnButton:active{transform:scale(.96)}.cardFlipTurnButton.isBack{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98) 0,rgba(225,244,255,.96) 34%,rgba(133,187,252,.98) 100%);color:#fff;border-color:rgba(255,255,255,.7);box-shadow:0 18px 34px rgba(91,134,215,.34),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -9px 18px rgba(72,122,209,.2)}.trainingView .practiceStudyFlip .cardFlipTurnButton{top:74px;right:20px;width:40px;height:40px}.flashcardView .flashcardFlipFrame .soundButton.mainSound,.trainingView .practiceStudyFlip>.soundButton.mainSound{position:absolute!important;top:16px!important;right:16px!important;z-index:9!important;margin:0!important}.flashcardView .flashcardFlipFrame .accentReportButton,.flashcardView .flashcardFlipFrame .focusWordButton{z-index:9}.flashcardView .flashcardCardActions{margin-top:4px!important}.flashcardCardActions .startPracticeAction{width:min(420px,100%);min-height:52px;background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important;box-shadow:0 14px 30px rgba(102,80,164,.18)!important}.practiceStudyFlip{position:relative;width:min(640px,100%);height:clamp(286px,32vh,330px);min-height:286px;perspective:1200px!important;cursor:default}.practiceStudyFlip .flipInner{height:100%!important;transform-style:preserve-3d!important;transition:transform .46s cubic-bezier(.2,.8,.2,1)!important}.practiceStudyFlip.isFlipped .flipInner{transform:rotateY(180deg)!important}.practiceStudyFlip .flipFace{position:absolute!important;inset:0!important;min-height:0!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.practiceStudyFlip .cardBackFace{transform:rotateY(180deg)!important}.trainingView{justify-content:flex-start!important;align-items:center!important;padding-top:8px!important}.trainingView .trainingCard{gap:14px}.trainingView .trainingCard .wideAction{margin-top:12px!important}.practiceStudyFlip .textFace{padding:44px 76px 28px!important}.practiceStudyFlip .metaLine{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:2;margin:0!important;gap:6px!important;max-width:calc(100% - 112px)}.practiceStudyFlip .metaLine span{padding:5px 11px!important;font-size:12px!important}.practiceStudyFlip .textFace h2{font-size:clamp(70px, 9vw, 94px)!important;line-height:.98!important;margin-bottom:8px!important}.practiceStudyFlip .kana{font-size:28px!important;margin-bottom:2px!important}.practiceStudyFlip .romaji{font-size:14px!important;line-height:1.2!important;margin-bottom:14px!important}.practiceStudyFlip .meaning{font-size:28px!important;line-height:1.15!important}.bottomNav{grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-rows:1fr!important;gap:clamp(2px,1vw,6px)!important;overflow:hidden!important}.bottomNav button{min-width:0!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;padding:8px 2px 6px!important}.bottomNav button span{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-size:clamp(9px, 2.2vw, 12px)!important;line-height:1!important}.bottomNav button svg{width:clamp(17px,4.6vw,21px)!important;height:clamp(17px,4.6vw,21px)!important}@media (max-width:680px){.cardBackFace{padding:16px}.exampleCardBackContent{padding:8px;gap:8px}.cardFlipTurnButton{top:84px;right:22px;width:40px;height:40px}.trainingView .practiceStudyFlip .cardFlipTurnButton{top:72px;right:18px;width:38px;height:38px}.practiceStudyFlip{width:100%;height:306px;min-height:306px}.practiceStudyFlip .textFace{padding:42px 58px 28px!important}.practiceStudyFlip .textFace h2{font-size:clamp(62px, 18vw, 84px)!important}.practiceStudyFlip .kana{font-size:26px!important}.practiceStudyFlip .meaning{font-size:25px!important}.bottomNav{margin:0 6px 10px!important;padding:6px 5px!important;gap:2px!important}.bottomNav button{border-radius:13px!important;padding:7px 1px 6px!important}.bottomNav button span{font-size:9px!important}}.flashcardFlipFrame .cardBackFace,.practiceStudyFlip .cardBackFace{place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:clamp(24px,3.4vw,38px) clamp(64px,7vw,78px) clamp(24px,3.4vw,36px) clamp(28px,3.6vw,44px)!important;background:radial-gradient(circle at 18% 13%,rgba(213,235,255,.46),transparent 35%),radial-gradient(circle at 86% 24%,rgba(227,213,255,.28),transparent 34%),linear-gradient(180deg,#fff 0,#fcfaff 100%)!important}.exampleCardBackContent{width:100%!important;max-width:none!important;max-height:100%!important;margin:0!important;align-self:stretch!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:grid!important;align-content:start!important;gap:clamp(10px,1.4vw,14px)!important;padding:0 clamp(6px,1vw,10px) 0 0!important;border:0!important;border-radius:0!important;color:#2f2850!important;background:0 0!important;box-shadow:none!important;scrollbar-width:thin!important;scrollbar-color:rgba(151,179,230,.42) transparent!important;scrollbar-gutter:stable!important}.exampleCardBackContent::-webkit-scrollbar{width:7px!important}.exampleCardBackContent::-webkit-scrollbar-track{margin:12px 0!important;border-radius:999px!important;background:0 0!important}.exampleCardBackContent::-webkit-scrollbar-thumb{min-height:40px!important;border:2px solid rgba(255,255,255,.68)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(225,244,255,.82),rgba(151,179,230,.62))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important}.exampleCardBackContent .exampleHeader{width:max-content!important;max-width:100%!important;min-height:46px!important;padding:0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}.exampleCardBackContent .exampleHeader strong{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8b7ad8!important;font-size:15px!important;font-weight:950!important;line-height:1!important;letter-spacing:.03em!important}.exampleCardBackContent .exampleHeader .miniSound{flex:0 0 44px!important;width:44px!important;height:44px!important}.exampleCardBackContent .jpSentence{max-width:100%!important;font-size:clamp(28px, 3.6vw, 36px)!important;line-height:1.42!important;margin:4px 0 0!important}.exampleCardBackContent .sentenceLegend{margin-top:-2px!important;gap:6px!important}.exampleCardBackContent .reading{margin:2px 0 0!important;color:#9a8cc6!important;font-size:clamp(15px, 1.7vw, 18px)!important}.exampleCardBackContent .exampleRomaji{margin:-3px 0 2px!important;color:#a99ecb!important;font-size:12px!important;letter-spacing:.09em!important}.exampleCardBackContent .zhSentence{margin:2px 0 6px!important;color:#2f2850!important;font-size:clamp(17px, 2vw, 20px)!important;font-weight:900!important}.exampleCardBackContent .grammarPanel{margin-top:10px!important;border-color:rgba(139,122,216,.12)!important;border-radius:18px!important;background:rgba(255,255,255,.56)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}.exampleCardBackContent .grammarSummary{padding:12px 14px!important}.exampleCardBackContent .grammarList{padding:0 12px 12px!important;gap:10px!important}.exampleCardBackContent .grammarItem{border-radius:14px!important;background:rgba(255,255,255,.62)!important}.flashcardFlipFrame .cardFlipTurnButton,.practiceStudyFlip .cardFlipTurnButton{top:clamp(96px,12vh,116px)!important;right:clamp(10px,1.6vw,18px)!important}.practiceStudyFlip .cardFlipTurnButton{width:42px!important;height:42px!important}.flashcardFlipFrame.isFlipped .cardFrontFace .soundButton.mainSound,.practiceStudyFlip.isFlipped>.soundButton.mainSound{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.exampleCardBackContent .exampleHeader .miniSound{color:#fff!important;border-color:rgba(255,255,255,.58)!important;background:linear-gradient(135deg,#9e8be4 0,#7e68cb 48%,#6650a4 100%)!important;box-shadow:0 15px 28px rgba(102,80,164,.3),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -9px 16px rgba(63,45,126,.2)!important}.exampleCardBackContent .exampleHeader .miniSound svg{color:#fff!important;stroke:currentColor!important}.flashcardFlipFrame .cardFlipTurnButton,.practiceStudyFlip .cardFlipTurnButton{color:#fff!important;border-color:rgba(255,255,255,.62)!important;background:linear-gradient(135deg,#a794e8 0,#816bcf 48%,#6650a4 100%)!important;box-shadow:0 18px 34px rgba(102,80,164,.34),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -9px 18px rgba(63,45,126,.22)!important}.flashcardFlipFrame .cardFlipTurnButton:hover,.practiceStudyFlip .cardFlipTurnButton:hover{background:linear-gradient(135deg,#b4a3ee 0,#8b75d7 48%,#6b55ae 100%)!important;box-shadow:0 22px 40px rgba(102,80,164,.38),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -9px 18px rgba(63,45,126,.2)!important}@media (max-width:680px){.flashcardFlipFrame .cardBackFace,.practiceStudyFlip .cardBackFace{padding:18px 66px 18px 22px!important}.exampleCardBackContent{width:100%!important;max-width:100%!important;padding:0 6px 0 0!important;gap:9px!important}.exampleCardBackContent .exampleHeader{min-height:42px!important;gap:8px!important}.exampleCardBackContent .exampleHeader strong{min-height:40px!important;font-size:14px!important}.exampleCardBackContent .exampleHeader .miniSound{flex-basis:40px!important;width:40px!important;height:40px!important}.exampleCardBackContent .jpSentence{font-size:clamp(24px, 7.4vw, 30px)!important;line-height:1.45!important}.exampleCardBackContent .zhSentence{font-size:16px!important}.flashcardFlipFrame .cardFlipTurnButton,.practiceStudyFlip .cardFlipTurnButton{top:98px!important;right:14px!important;width:40px!important;height:40px!important}}.flashcardView .imageCardFrame.textOverlayCardImage .cardFrontFace{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.96),rgba(255,255,255,.7) 44%,rgba(246,242,252,.72) 100%),linear-gradient(180deg,#fff 0,#fbf8ff 100%)!important}.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{position:absolute!important;inset:42% 12% 18% 12%!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;opacity:.82;filter:drop-shadow(0 18px 26px rgba(63,52,93,.12))}.generatedCardTextOverlay{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(24px,3.6vw,36px) clamp(28px,4.4vw,46px) clamp(26px,4vw,40px);color:#2f2850}.generatedCardTextOverlay .generatedCardLevel{align-self:flex-end;min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:4px 13px;border-radius:999px;background:rgba(255,255,255,.8);color:#6f5bb8;font-weight:950;font-size:13px;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(102,80,164,.12)}.generatedCardTextOverlay strong{margin-top:clamp(6px,1.2vw,14px);max-width:100%;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;color:#2a2140;font-size:clamp(48px, 7.2vw, 78px)!important;line-height:.96;font-weight:950;letter-spacing:0;text-shadow:0 2px 0 rgba(255,255,255,.85),0 16px 26px rgba(63,52,93,.1)}.generatedCardTextOverlay .generatedCardKana{margin-top:9px;font-family:"Noto Sans JP",sans-serif;color:#6c5aa8;font-size:clamp(22px, 3.4vw, 32px);font-weight:900;letter-spacing:.04em}.generatedCardTextOverlay em{margin-top:6px;font-style:normal;color:#a99ecb;font-size:clamp(12px, 1.6vw, 15px);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.generatedCardTextOverlay p{margin:auto 0 0;max-width:min(82%,420px);color:#2f2850;font-size:clamp(20px, 3vw, 28px);line-height:1.22;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.75)}.exampleCardBackContent{padding-right:clamp(14px,1.8vw,20px)!important;scrollbar-color:rgba(126,104,203,.78) rgba(139,122,216,.14)!important}.exampleCardBackContent::-webkit-scrollbar{width:12px!important}.exampleCardBackContent::-webkit-scrollbar-track{margin:10px 0!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(139,122,216,.1),rgba(207,234,255,.2))!important;border:4px solid rgba(255,255,255,.72)!important;background-clip:padding-box!important}.exampleCardBackContent::-webkit-scrollbar-thumb{min-height:48px!important;border:3px solid rgba(255,255,255,.78)!important;border-radius:999px!important;background:linear-gradient(180deg,#d9d1ff 0,#9e8be4 48%,#7e68cb 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 16px rgba(102,80,164,.2)!important}.exampleCardBackContent::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#eeeaff 0,#aa99ec 48%,#836bd5 100%)!important}.exampleCardBackContent::-webkit-scrollbar-corner{background:0 0!important}.exampleCardBackContent .exampleHeader .exampleTurnButton{order:2;flex:0 0 42px;width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:#fff;background:linear-gradient(135deg,#a794e8 0,#816bcf 48%,#6650a4 100%);box-shadow:0 14px 28px rgba(102,80,164,.3),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -8px 16px rgba(63,45,126,.22);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.exampleCardBackContent .exampleHeader .exampleTurnButton:hover{transform:translateY(-1px) scale(1.04);background:linear-gradient(135deg,#b4a3ee 0,#8b75d7 48%,#6b55ae 100%);box-shadow:0 18px 34px rgba(102,80,164,.36),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -8px 16px rgba(63,45,126,.2)}.exampleCardBackContent .exampleHeader .exampleTurnButton:active{transform:scale(.96)}.exampleCardBackContent .exampleHeader .exampleTurnButton svg{width:20px!important;height:20px!important;stroke:currentColor}@media (max-width:680px){.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{inset:44% 12% 19% 12%!important}.generatedCardTextOverlay{padding:20px 24px 24px}.generatedCardTextOverlay strong{font-size:clamp(42px, 13vw, 66px)!important}.generatedCardTextOverlay .generatedCardKana{font-size:clamp(20px, 6.5vw, 28px)}.generatedCardTextOverlay p{font-size:clamp(18px, 5.2vw, 24px)}.exampleCardBackContent{padding-right:12px!important}.exampleCardBackContent .exampleHeader .exampleTurnButton{width:40px;height:40px;flex-basis:40px}}.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{inset:42% 13% 17% 13%!important;z-index:2!important;opacity:.86!important;background:0 0!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay{z-index:5!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay strong{font-size:clamp(46px, 6.7vw, 74px)!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay p{margin-top:auto!important}.exampleCardBackContent .exampleHeader .exampleTurnButton,.flashcardFlipFrame .cardFlipTurnButton,.practiceStudyFlip .cardFlipTurnButton{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.55),inset 0 -2px 4px rgba(52,35,95,.18),0 6px 16px rgba(126,111,153,.36),0 2px 5px rgba(52,35,95,.2)!important}.exampleCardBackContent .exampleHeader .exampleTurnButton:hover,.flashcardFlipFrame .cardFlipTurnButton:hover,.practiceStudyFlip .cardFlipTurnButton:hover{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.58),transparent 55%),linear-gradient(135deg,#927fc0 0,#aa9bd0 55%,#c8bddc 100%)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.6),0 10px 22px rgba(126,111,153,.48),0 3px 7px rgba(52,35,95,.24)!important}.trainingView .practiceStudyFlip{width:min(720px,calc(100vw - 48px))!important;height:clamp(380px,42dvh,500px)!important;min-height:380px!important}.trainingView .practiceStudyFlip .cardBackFace{padding:clamp(28px,3.2vw,38px) clamp(40px,5vw,54px)!important}.trainingView .practiceStudyFlip .exampleCardBackContent{overflow-y:auto!important;padding-right:0!important;scrollbar-width:none!important}.trainingView .practiceStudyFlip .exampleCardBackContent::-webkit-scrollbar{width:0!important;height:0!important}.trainingView .practiceStudyFlip .exampleCardBackContent .jpSentence{font-size:clamp(30px, 3.8vw, 38px)!important}.trainingView .practiceStudyFlip .exampleCardBackContent .grammarPanel{margin-top:14px!important}@media (max-width:680px){.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{inset:45% 12% 18% 12%!important}.trainingView .practiceStudyFlip{width:min(100%,540px)!important;height:clamp(360px,48dvh,460px)!important;min-height:360px!important}.trainingView .practiceStudyFlip .cardBackFace{padding:24px 28px!important}}.flashcardView .flashcardFlipFrame>.cardFlipTurnButton,.trainingView .practiceStudyFlip>.cardFlipTurnButton{width:48px!important;height:48px!important;top:78px!important;right:16px!important}.flashcardView .flashcardFlipFrame>.soundButton.mainSound,.trainingView .practiceStudyFlip>.soundButton.mainSound{right:16px!important}.trainingView .practiceStudyFlip{width:min(720px,calc(100vw - 48px))!important;height:clamp(430px,50dvh,540px)!important;min-height:430px!important}.trainingView .practiceStudyFlip .cardBackFace{padding:clamp(30px,3.5vw,44px) clamp(44px,5.2vw,60px)!important}.exampleCardBackContent .exampleHeader{width:100%!important;max-width:none!important;min-height:52px!important;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:10px!important;margin:0 0 clamp(8px,1.2vw,14px)!important}.exampleCardBackContent .exampleHeader strong{justify-self:start!important;min-height:0!important;height:auto!important;padding:0!important;color:#8b7ad8!important}.exampleCardBackContent .exampleHeader .exampleTurnButton,.exampleCardBackContent .exampleHeader .miniSound{position:static!important;order:0!important;width:48px!important;height:48px!important;flex:0 0 48px!important;justify-self:end!important}.exampleCardBackContent .exampleHeader .miniSound{grid-column:2!important}.exampleCardBackContent .exampleHeader .exampleTurnButton{grid-column:3!important}.trainingView .practiceStudyFlip .exampleCardBackContent{overflow-y:auto!important;scrollbar-width:none!important;padding-right:0!important}.trainingView .practiceStudyFlip .exampleCardBackContent::-webkit-scrollbar{width:0!important;height:0!important}.trainingView .trainingCard.isPracticeOnly{gap:12px!important;justify-items:center!important}.trainingView .trainingCard.isPracticeOnly .trainingInlinePractice{width:min(520px,calc(100vw - 64px))!important;margin-top:0!important}.trainingView .trainingCard.isPracticeOnly .practiceBox{margin-top:0!important}.conjugationView .conjugationActions{display:flex!important;justify-content:center!important;margin-top:20px!important}.conjugationView .conjugationActions .primaryAction{min-width:min(280px,100%)!important;min-height:54px!important;padding:0 28px!important;border:1px solid rgba(255,255,255,.66)!important;border-radius:18px!important;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.42),transparent 54%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.02em!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.52),inset 0 -2px 4px rgba(52,35,95,.18),0 14px 28px rgba(126,111,153,.3),0 3px 8px rgba(52,35,95,.18)!important}.conjugationView .conjugationActions .primaryAction:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.6),0 18px 34px rgba(126,111,153,.38),0 4px 10px rgba(52,35,95,.2)!important}.flashcardView .flashcardFlipFrame>.cardFlipTurnButton{top:96px!important;right:28px!important}.trainingView .practiceStudyFlip>.cardFlipTurnButton{top:78px!important;right:16px!important}@media (max-width:680px){.flashcardView .flashcardFlipFrame>.cardFlipTurnButton,.trainingView .practiceStudyFlip>.cardFlipTurnButton{width:42px!important;height:42px!important;top:84px!important;right:12px!important}.trainingView .practiceStudyFlip{width:min(100%,540px)!important;height:clamp(390px,54dvh,500px)!important;min-height:390px!important}.trainingView .practiceStudyFlip .cardBackFace{padding:24px 28px!important}.exampleCardBackContent .exampleHeader .exampleTurnButton,.exampleCardBackContent .exampleHeader .miniSound{width:42px!important;height:42px!important;flex-basis:42px!important}}.flashcardView{--codex-card-width:min(540px, max(320px, calc(100vw - 168px)))}.flashcardView .navArea{grid-template-columns:64px var(--codex-card-width) 64px!important;justify-content:center!important;align-items:start!important}.flashcardView .cardStage,.flashcardView .flashcardFlipFrame{width:var(--codex-card-width)!important;max-width:100%!important}.flashcardView .imageCardFrame.textOverlayCardImage .cardFrontFace{background:#fff!important}.flashcardView .imageCardFrame.textOverlayCardImage .imageCardAsset{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;opacity:.26!important;filter:saturate(.82) contrast(.92) brightness(1.08)!important;z-index:1!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay{position:absolute!important;inset:0!important;display:grid!important;align-content:center!important;justify-items:center!important;gap:clamp(6px,1.1vw,10px)!important;padding:clamp(28px,4vw,46px) clamp(30px,5vw,52px) clamp(32px,5vw,52px)!important;text-align:center!important;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96),rgba(255,255,255,.78) 48%,rgba(255,255,255,.38) 100%)!important;z-index:5!important;pointer-events:none!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay .generatedCardLevel{align-self:center!important;justify-self:end!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay strong{margin-top:clamp(6px,1.2vw,14px)!important}.flashcardView .imageCardFrame.textOverlayCardImage .generatedCardTextOverlay p{margin:clamp(14px,2vw,22px) 0 0!important}.flashcardView .flashcardFlipFrame .cardFrontFace>.soundButton.mainSound{width:56px!important;height:56px!important;top:18px!important;right:18px!important}.flashcardView .flashcardFlipFrame>.cardFlipTurnButton{width:46px!important;height:46px!important;top:84px!important;right:23px!important}.flashcardView .flashcardFlipFrame.isFlipped>.cardFlipTurnButton{opacity:0!important;pointer-events:none!important}.flashcardView .flashcardFlipFrame .cardBackFace{padding:clamp(24px,3vw,34px) clamp(26px,3.4vw,42px)!important;overflow:hidden!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;padding:0!important;padding-right:0!important;overflow-y:auto!important;scrollbar-width:none!important;scrollbar-gutter:auto!important;gap:clamp(10px,1.5vw,15px)!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .jpSentence{font-size:clamp(27px, 3.2vw, 34px)!important;line-height:1.34!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .sentenceLegend{gap:5px!important;margin-top:-3px!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .legendChip{font-size:10px!important;padding:2px 7px!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .reading{font-size:clamp(15px, 2vw, 17px)!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .exampleRomaji{font-size:11px!important;letter-spacing:.06em!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .zhSentence{font-size:clamp(16px, 2.1vw, 18px)!important;margin-bottom:4px!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .grammarPanel{margin-top:8px!important}@media (max-width:680px){.flashcardView{--codex-card-width:min(540px, calc(100vw - 104px))}.flashcardView .navArea{grid-template-columns:44px minmax(0,var(--codex-card-width)) 44px!important;gap:6px!important}.flashcardView .flashcardFlipFrame .cardFrontFace>.soundButton.mainSound{width:48px!important;height:48px!important;top:14px!important;right:14px!important}.flashcardView .flashcardFlipFrame>.cardFlipTurnButton{width:42px!important;height:42px!important;top:70px!important;right:17px!important}.flashcardView .flashcardFlipFrame .cardBackFace{padding:18px 20px!important}.flashcardView .flashcardFlipFrame .exampleCardBackContent .jpSentence{font-size:clamp(23px, 7vw, 29px)!important}}.flashcardView{--site-card-width:min(660px, calc(100vw - 188px), calc((100dvh - 132px) * .82))}.flashcardView .navArea{grid-template-columns:64px minmax(0,var(--site-card-width)) 64px!important;justify-content:center!important;align-items:start!important;gap:12px!important}.flashcardView .cardStage{width:var(--site-card-width)!important;max-width:100%!important;display:grid!important;justify-items:center!important;gap:14px!important}.flashcardView .imageCardFrame,.flashcardView .imageCardFrame.generatedCardImage,.flashcardView .imageCardFrame.visualOnlyCard{width:var(--site-card-width)!important;height:auto!important;min-height:0!important;aspect-ratio:928/1152!important;border-radius:28px!important;position:relative!important;overflow:hidden!important;background:#fff!important;box-shadow:0 22px 58px rgba(52,35,95,.12)!important;contain:layout paint!important;container-type:inline-size!important}.flashcardView .imageCardFrame::after,.flashcardView .imageCardFrame::before{display:none!important}.flashcardView .cardVisualInlineSvg,.flashcardView .imageCardAsset{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;border-radius:28px!important;background:#fff!important;z-index:0!important}.flashcardView .imageCardAsset.wideSourceImage{object-fit:cover!important}.flashcardView .cardVisualImageBox{transform:translateY(0)}.flashcardView .imageCardTextOverlay{position:absolute!important;inset:0!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:clamp(34px,5.2cqw,58px) clamp(22px,5cqw,44px) clamp(34px,5.8cqw,64px)!important;text-align:center!important;pointer-events:none!important}.flashcardView .imageCardTextTop{display:grid!important;justify-items:center!important;gap:7px!important;max-width:100%!important}.flashcardView .imageCardTextTop strong{font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",Meiryo,sans-serif!important;line-height:1.03!important;font-weight:950!important;color:#0f1720!important;text-wrap:balance!important;max-width:100%!important;overflow-wrap:anywhere!important}.flashcardView .imageCardTextTop span{min-height:34px!important;display:grid!important;place-items:center!important}.flashcardView .imageCardTextTop em{font-family:Arial,sans-serif!important;font-size:clamp(18px, 3.2cqw, 30px)!important;line-height:1!important;font-style:normal!important;font-weight:850!important;color:#9aa0a6!important;letter-spacing:.06em!important}.flashcardView .imageCardTextOverlay p{max-width:min(92%,460px)!important;margin:0!important;color:rgba(0,0,0,.85)!important;font-family:"Noto Sans TC","Noto Sans JP","Yu Gothic",Meiryo,Arial,sans-serif!important;font-size:clamp(19px, 3.6cqw, 33px)!important;line-height:1.12!important;font-weight:950!important;overflow-wrap:anywhere!important;text-wrap:balance!important}.flashcardView .imageCardFrame>.soundButton.mainSound{position:absolute!important;z-index:5!important;top:16px!important;right:16px!important;width:54px!important;height:54px!important;margin:0!important;color:#fff!important;border:1px solid rgba(255,255,255,.6)!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,#8978b3 0,#a294c7 55%,#bcafd3 100%)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.55),inset 0 -2px 4px rgba(52,35,95,.18),0 6px 16px rgba(126,111,153,.36),0 2px 5px rgba(52,35,95,.2)!important}.flashcardView .imageCardFrame>.focusWordButton{position:absolute!important;z-index:12!important;top:18px!important;right:82px!important;left:auto!important;width:36px!important;height:36px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;border:1px solid rgba(183,154,56,.34)!important;color:#b79a38!important;background:rgba(255,255,255,.86)!important;box-shadow:0 10px 20px rgba(68,55,105,.1)!important}.flashcardView .imageCardFrame>.focusWordButton.focusMarked{color:#fff!important;border-color:rgba(183,154,56,.72)!important;background:linear-gradient(135deg,#d9b84a,#b79a38)!important}.flashcardView .cardReportColumn{position:absolute!important;z-index:13!important;top:16px!important;left:16px!important;display:grid!important;gap:8px!important;align-items:start!important;justify-items:start!important}.flashcardView .cardReportPill{width:36px!important;min-width:36px!important;height:36px!important;border:1px solid rgba(126,111,153,.18)!important;border-radius:999px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#7e6f99!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 22px rgba(68,55,105,.1)!important;cursor:pointer!important;overflow:hidden!important;white-space:nowrap!important;transition:width .16s ease,padding .16s ease,color .16s ease,background .16s ease,transform .16s ease!important}.flashcardView .cardReportPill.reported,.flashcardView .cardReportPill:focus-visible,.flashcardView .cardReportPill:hover{width:max-content!important;max-width:min(210px,calc(var(--site-card-width) - 32px))!important;padding:0 12px!important;justify-content:flex-start!important}.flashcardView .cardReportPill:focus-visible,.flashcardView .cardReportPill:hover{transform:translateY(-1px)!important}.flashcardView .cardReportPill.reported{color:#fff!important;border-color:rgba(126,111,153,.1)!important;background:linear-gradient(135deg,#8b7ad8,#6a55c1)!important}.flashcardView .cardReportPillText{max-width:0!important;opacity:0!important;overflow:hidden!important;font-size:12px!important;font-weight:900!important}.flashcardView .cardReportPill.reported .cardReportPillText,.flashcardView .cardReportPill:focus-visible .cardReportPillText,.flashcardView .cardReportPill:hover .cardReportPillText{max-width:168px!important;opacity:1!important}.flashcardView .examplePanel{width:var(--site-card-width)!important;max-width:100%!important;margin:0 auto!important;border-radius:22px!important;padding:16px 18px!important;overflow:visible!important;position:relative!important;z-index:1!important}.flashcardView .exampleHeader{min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-right:0!important;margin-bottom:2px!important}.flashcardView .exampleHeader .exampleHeaderActions{display:inline-flex!important;align-items:center!important;gap:6px!important}.flashcardView .exampleHeader .miniSound{position:static!important;top:auto!important;right:auto!important;width:36px!important;height:36px!important;margin:0!important}.flashcardView .exampleAudioFlag{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:999px!important;border:1px solid rgba(214,107,168,.35)!important;background:rgba(214,107,168,.08)!important;color:#c0497f!important;cursor:pointer!important}.flashcardView .exampleAudioFlag.flagged{background:#d66ba8!important;border-color:#d66ba8!important;color:#fff!important}.flashcardView .exampleReportArea{display:grid!important;gap:8px!important;margin-top:12px!important}.flashcardView .grammarReportButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:fit-content!important;margin-top:0!important;padding:7px 13px!important;border-radius:999px!important;border:1px solid rgba(70,140,120,.28)!important;background:rgba(52,199,154,.08)!important;color:#1a8f6e!important;font-size:12px!important;font-weight:850!important;cursor:pointer!important}.flashcardView .grammarReportButton.grammarReported{color:#fff!important;border-color:rgba(52,199,154,.68)!important;background:linear-gradient(135deg,#34c79a,#1a8f6e)!important}.flashcardView .exampleCorrectionInput{width:100%!important;border:1px solid rgba(139,122,216,.3)!important;border-radius:12px!important;padding:9px 12px!important;font:600 14px/1.5 "Noto Sans JP",system-ui,sans-serif!important;color:#2f2a3d!important;background:rgba(255,255,255,.76)!important;resize:vertical!important}.flashcardView .correctionHint{margin:0 0 2px!important;font:700 12px/1.5 "Noto Sans JP",system-ui,sans-serif!important;color:#6b6480!important}.flashcardView .exampleReportActions{display:flex!important;align-items:center!important;gap:8px!important}.flashcardView .grammarReportCancel{display:inline-flex!important;align-items:center!important;padding:7px 12px!important;border-radius:999px!important;border:1px solid rgba(120,110,140,.26)!important;background:rgba(120,110,140,.06)!important;color:#6b6480!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}.homeGrid .allReportsPanel{background:linear-gradient(135deg,rgba(139,122,216,.13),rgba(214,107,168,.08))!important;border-color:rgba(139,122,216,.24)!important}@media (max-width:680px){.flashcardView{--site-card-width:min(540px, calc(100vw - 104px))}.flashcardView .navArea{grid-template-columns:44px minmax(0,var(--site-card-width)) 44px!important;gap:6px!important}.flashcardView .sideNav{width:44px!important;height:44px!important}.flashcardView .imageCardFrame>.soundButton.mainSound{width:42px!important;height:42px!important;top:12px!important;right:12px!important}.flashcardView .imageCardFrame>.focusWordButton{top:64px!important;right:17px!important}.flashcardView .cardReportColumn{top:12px!important;left:12px!important;gap:6px!important}.flashcardView .cardReportPill{width:34px!important;min-width:34px!important;height:34px!important}.flashcardView .cardVisualImageBox{transform:translateY(84px)}.flashcardView .imageCardFrame>.cardFlipTurnButton{top:86px!important;right:12px!important}.flashcardView .imageCardTextOverlay{gap:10px!important;padding:28px 18px 25px!important}.flashcardView .imageCardTextTop{gap:3px!important}.flashcardView .imageCardTextTop span{min-height:24px!important;transform:scale(.82)!important;transform-origin:center!important}.flashcardView .imageCardTextTop em{font-size:clamp(15px, 4.8cqw, 20px)!important}.flashcardView .imageCardTextOverlay p{max-width:94%!important;font-size:clamp(16px, 5cqw, 21px)!important;line-height:1.08!important}.flashcardView .examplePanel{padding:14px 15px!important}}.flashcardView .imageCardFrame>.cardFlipTurnButton{top:100px!important;right:20px!important}@media (max-width:680px){.flashcardView .imageCardFrame>.cardFlipTurnButton{top:86px!important;right:12px!important}}.flashcardView .navArea>.sideNav{position:static!important;margin-top:min(42dvh,360px)!important;justify-self:center!important;align-self:start!important;transform:none!important}.flashcardView .navArea>.sideNav.left{grid-column:1!important;grid-row:1!important;left:auto!important;right:auto!important}.flashcardView .navArea>.cardStage{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:start!important;width:var(--site-card-width)!important}.flashcardView .navArea>.sideNav.right{grid-column:3!important;grid-row:1!important;left:auto!important;right:auto!important}.trainingView .practiceStudyFlip>.cardFlipTurnButton,.trainingView .practiceStudyFlip>.soundButton.mainSound{position:absolute!important;right:16px!important;width:54px!important;height:54px!important;margin:0!important;display:inline-grid!important;place-items:center!important}.trainingView .practiceStudyFlip>.soundButton.mainSound{top:16px!important}.trainingView .practiceStudyFlip>.cardFlipTurnButton{top:98px!important}@media (max-width:680px){.trainingView .practiceStudyFlip>.cardFlipTurnButton,.trainingView .practiceStudyFlip>.soundButton.mainSound{right:12px!important;width:42px!important;height:42px!important}.trainingView .practiceStudyFlip>.soundButton.mainSound{top:12px!important}.trainingView .practiceStudyFlip>.cardFlipTurnButton{top:84px!important}}.trainingView .trainingCard.isPracticeOnly .trainingInlinePractice{width:min(640px,calc(100vw - 96px))!important;max-width:100%!important}.trainingView .trainingCard.isPracticeOnly .practiceBox{width:100%!important;padding:clamp(24px,3.4vw,36px)!important;border-radius:30px!important}.trainingView .trainingCard.isPracticeOnly .practicePrompt{gap:clamp(18px,3vw,28px)!important;justify-content:center!important}.trainingView .trainingCard.isPracticeOnly .practiceBox .soundButton{width:62px!important;height:62px!important;flex:0 0 62px!important}.trainingView .trainingCard.isPracticeOnly .promptKanji{font-size:clamp(46px, 5.4vw, 66px)!important;line-height:1.04!important}.trainingView .trainingCard.isPracticeOnly .promptMeaning{font-size:clamp(16px, 1.9vw, 20px)!important}.trainingView .trainingCard.isPracticeOnly .answerLine{min-height:74px!important;margin:24px 0!important;font-size:clamp(32px, 4vw, 44px)!important;letter-spacing:.24em!important}.trainingView .trainingCard.isPracticeOnly .kanaGrid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;gap:14px!important;width:min(420px,100%)!important;margin:0 auto!important}.trainingView .trainingCard.isPracticeOnly .kanaGrid button{min-height:66px!important;border-radius:18px!important;font-size:30px!important}.trainingView .trainingCard.isPracticeOnly .practiceActions{gap:14px!important;margin-top:18px!important}.trainingView .trainingCard.isPracticeOnly .practiceActions button{min-width:128px!important;min-height:54px!important;border-radius:17px!important;font-size:16px!important}.trainingView .practiceStudyFlip .cardBackFace{padding-right:clamp(40px,7vw,64px)!important}.trainingView .practiceStudyFlip .exampleCardBackContent .exampleHeader{padding-right:8px!important;column-gap:12px!important}.trainingView .practiceStudyFlip .exampleCardBackContent .exampleHeader .exampleTurnButton{margin-right:4px!important}@media (max-width:680px){.trainingView .trainingCard.isPracticeOnly .trainingInlinePractice{width:min(520px,calc(100vw - 64px))!important}.trainingView .trainingCard.isPracticeOnly .practiceBox{padding:20px!important;border-radius:24px!important}.trainingView .trainingCard.isPracticeOnly .practicePrompt{gap:16px!important}.trainingView .trainingCard.isPracticeOnly .practiceBox .soundButton{width:56px!important;height:56px!important;flex-basis:56px!important}.trainingView .trainingCard.isPracticeOnly .promptKanji{font-size:44px!important}.trainingView .trainingCard.isPracticeOnly .promptMeaning{font-size:14px!important}.trainingView .trainingCard.isPracticeOnly .answerLine{min-height:58px!important;margin:18px 0!important;font-size:30px!important;letter-spacing:4px!important}.trainingView .trainingCard.isPracticeOnly .kanaGrid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important;gap:10px!important;width:100%!important}.trainingView .trainingCard.isPracticeOnly .kanaGrid button{min-height:54px!important;border-radius:14px!important;font-size:24px!important}.trainingView .trainingCard.isPracticeOnly .practiceActions{gap:10px!important;margin-top:16px!important}.trainingView .trainingCard.isPracticeOnly .practiceActions button{min-width:0!important;min-height:48px!important;font-size:15px!important}.trainingView .practiceStudyFlip .cardBackFace{padding-right:34px!important}.trainingView .practiceStudyFlip .exampleCardBackContent .exampleHeader{padding-right:10px!important}.trainingView .practiceStudyFlip .exampleCardBackContent .exampleHeader .exampleTurnButton{margin-right:6px!important}}@media (max-width:430px){.trainingView .trainingCard.isPracticeOnly .trainingInlinePractice{width:min(340px,calc(100vw - 32px))!important}.trainingView .trainingCard.isPracticeOnly .practiceBox{padding:18px!important}.trainingView .trainingCard.isPracticeOnly .practiceBox .soundButton{width:54px!important;height:54px!important;flex-basis:54px!important}.trainingView .trainingCard.isPracticeOnly .promptKanji{font-size:40px!important}.trainingView .trainingCard.isPracticeOnly .answerLine{min-height:56px!important;font-size:28px!important}.trainingView .trainingCard.isPracticeOnly .kanaGrid button{min-height:52px!important;font-size:23px!important}}.conjugationView{gap:14px!important}.conjugationView .conjugationHeader{position:relative;overflow:hidden;display:block!important;padding:18px 22px 16px!important;border:1px solid rgba(102,80,164,.15)!important;background:radial-gradient(130% 190% at 100% 0,rgba(162,148,199,.2) 0,rgba(255,255,255,0) 55%),linear-gradient(135deg,#fff 0,#fbf8ff 55%,#f3edff 100%)!important;box-shadow:0 16px 40px rgba(65,45,105,.1)!important}.conjugationView .conjugationHeader:after{content:"";position:absolute;left:22px;top:0;width:46px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#8978b3,#a294c7)}.conjugationView .conjugationHeader p{display:inline-flex!important;align-items:center;margin:2px 0 7px!important;padding:4px 11px;border-radius:999px;background:rgba(102,80,164,.09);color:#6650a4!important;font-size:.76rem!important;font-weight:950!important;letter-spacing:.05em}.conjugationView .conjugationHeader h2{margin:0!important;color:#1f1833!important}.conjugationView .conjugationHeaderGuide{position:relative;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;user-select:none;margin-top:10px;padding:9px 92px 9px 12px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(102,80,164,.13);color:#5d5375!important;font-size:.85rem!important;font-weight:750!important;line-height:1.62!important;transition:background .15s}.conjugationView .conjugationHeaderGuide:hover{background:#fff}.conjugationView .conjugationHeaderGuide.open{white-space:normal;padding-right:12px;padding-bottom:32px}.conjugationView .conjugationHeaderGuide .guideMore{position:absolute;right:8px;bottom:7px;font-style:normal;font-size:.7rem;font-weight:950;color:#7a68bd;background:#f3efff;border-radius:999px;padding:3px 9px;white-space:nowrap}.conjugationView .conjugationModes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:9px!important;margin:0!important;padding:12px!important;border:1px solid rgba(102,80,164,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 10px 26px rgba(65,45,105,.06)!important}.conjugationView .conjugationModes:before{content:"練習模式"!important;grid-column:1/-1!important;width:max-content!important;height:auto!important;min-height:0!important;margin:0 0 1px!important;padding:4px 11px!important;border-radius:999px!important;background:rgba(102,80,164,.09)!important;color:#6650a4!important;font-size:.74rem!important;font-weight:950!important;letter-spacing:.05em!important}.conjugationView .conjugationModes button{position:relative;min-height:56px!important;border:1px solid rgba(102,80,164,.1)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 12px rgba(65,45,105,.04)!important;transition:transform .14s,box-shadow .18s,border-color .15s}.conjugationView .conjugationModes button:hover{transform:translateY(-1px);border-color:rgba(139,122,216,.38)!important;box-shadow:0 10px 20px rgba(65,45,105,.1)!important}.conjugationView .conjugationModes button strong{color:#332a52!important}.conjugationView .conjugationModes button span{color:#8f85a3!important}.conjugationView .conjugationModes button.active{padding-left:24px!important;border-color:rgba(139,122,216,.55)!important;background:linear-gradient(180deg,#f6f1ff 0,#fff 88%)!important;box-shadow:0 10px 22px rgba(139,122,216,.16)!important}.conjugationView .conjugationModes button.active:before{content:"";position:absolute;left:11px;top:11px;bottom:11px;width:3px;border-radius:999px;background:linear-gradient(180deg,#8978b3,#a294c7)}.conjugationView .conjugationTopStrip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 6px;background:rgba(255,255,255,.9);border:1px solid rgba(102,80,164,.12);border-radius:20px;padding:12px 18px;box-shadow:0 10px 26px rgba(65,45,105,.06)}.conjugationView .conjugationTopStrip .conjugationStats{display:flex!important;flex-wrap:wrap;gap:0!important;background:0 0!important;border:0!important;box-shadow:none!important;padding:0!important}.conjugationView .conjugationTopStrip .conjugationStats>div{display:flex;align-items:baseline;gap:7px;background:0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:2px 16px!important}.conjugationView .conjugationTopStrip .conjugationStats>div:first-child{padding-left:0!important}.conjugationView .conjugationTopStrip .conjugationStats>div+div{border-left:1px solid rgba(102,80,164,.14)!important}.conjugationView .conjugationTopStrip .conjugationStats span{font-size:12px!important;color:#8f85a3!important;white-space:nowrap}.conjugationView .conjugationTopStrip .conjugationStats b{font-size:21px!important;font-variant-numeric:tabular-nums}.conjugationView .conjugationTopStrip .conjugationStats em{font-variant-numeric:tabular-nums}.conjugationView .conjugationTopStrip .conjugationMistakeBar{margin-left:auto;flex-wrap:nowrap;background:0 0!important;border:0!important;box-shadow:none!important;padding:0!important;gap:8px!important}.conjugationView .conjugationTopStrip .conjugationMistakeCount{margin-left:0!important;white-space:nowrap}.conjugationView .conjugationCard{border:1px solid rgba(102,80,164,.13)!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(246,241,255,.55) 0,rgba(255,255,255,0) 130px),rgba(255,255,255,.96)!important;box-shadow:0 22px 54px rgba(65,45,105,.1)!important}.conjugationView .conjugationFormsOverview{margin:2px 0 6px!important;padding:12px 14px 13px!important;border-radius:16px!important;background:linear-gradient(180deg,#faf7ff,#f4efff)!important;border:1px solid rgba(102,80,164,.13)!important}.conjugationView .conjugationFormsOverviewTitle{display:inline-flex!important;align-items:center;font-size:.74rem!important;letter-spacing:.05em!important;font-weight:950!important}.conjugationView .conjugationFormsOverview th{color:#7a68bd!important;font-weight:900!important;border-bottom:1px solid rgba(102,80,164,.16)!important;padding:5px 4px 7px!important}.conjugationView .conjugationFormsOverview td{padding:9px 4px 2px!important}.conjugationView .conjugationMatrix.oneByOne .conjugationRow{border:1px solid rgba(102,80,164,.11)!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(65,45,105,.07)!important}.conjugationView .conjugationSentenceHelp{background:#fbf9ff!important;border:1px solid rgba(102,80,164,.11)!important;border-radius:15px!important}@media (max-width:700px){.conjugationView{gap:12px!important}.conjugationView .conjugationHeader{padding:16px 16px 14px!important}.conjugationView .conjugationHeader:after{left:16px}.conjugationView .conjugationHeaderGuide{padding:8px 84px 8px 11px}.conjugationView .conjugationHeaderGuide.open{padding-right:11px}.conjugationView .conjugationTopStrip{padding:11px 14px}.conjugationView .conjugationTopStrip .conjugationStats{width:100%;justify-content:space-between}.conjugationView .conjugationTopStrip .conjugationStats>div{padding:0!important;border:0!important}.conjugationView .conjugationTopStrip .conjugationStats>div+div{border-left:1px solid rgba(102,80,164,.14)!important;padding-left:12px!important}.conjugationView .conjugationTopStrip .conjugationStats b{font-size:19px!important}.conjugationView .conjugationTopStrip .conjugationMistakeBar{margin-left:0;width:100%;justify-content:space-between}.conjugationView .conjugationFormsOverview{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.conjugationView .conjugationFormsOverview::-webkit-scrollbar{display:none}.conjugationView .conjugationFormsOverview table{table-layout:auto!important;min-width:560px}.conjugationView .conjugationFormsOverview td,.conjugationView .conjugationFormsOverview th{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;padding-left:8px!important;padding-right:8px!important}}.conjugationView .conjugationCard,.conjugationView .conjugationHeader,.conjugationView .conjugationModes,.conjugationView .conjugationTopStrip{-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.72)!important}.conjugationView .conjugationHeader{display:flex!important;gap:14px;align-items:flex-start;background:radial-gradient(130% 190% at 100% 0,rgba(162,148,199,.24) 0,rgba(255,255,255,0) 55%),linear-gradient(135deg,rgba(255,255,255,.88) 0,rgba(249,245,255,.78) 55%,rgba(240,232,255,.7) 100%)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 18px 44px rgba(65,45,105,.12)!important}.conjugationView .conjugationHeader:before{content:"";position:absolute;right:-46px;top:-58px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(162,148,199,.3),rgba(162,148,199,0) 62%);pointer-events:none}.conjugationView .conjHeaderBody{flex:1 1 auto;min-width:0}.conjugationView .conjHeaderBadge{flex:0 0 auto;width:46px;height:46px;margin-top:2px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#8978b3,#a294c7);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 22px rgba(102,80,164,.32)}.conjugationView .conjugationModes{background:rgba(255,255,255,.62)!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.85),0 12px 30px rgba(65,45,105,.08)!important}.conjugationView .conjugationModes button{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:10px!important;align-items:center;padding:10px 13px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.09),0 5px 12px rgba(65,45,105,.05)!important}.conjugationView .conjugationModes button strong{grid-column:2}.conjugationView .conjugationModes button span{grid-column:2;margin-top:1px!important}.conjugationView .conjModeIcon{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(180deg,#f6f1ff,#eee6fc);border:1px solid rgba(102,80,164,.14);color:#6650a4;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.conjugationView .conjugationModes button.active{padding-left:13px!important;border-color:rgba(255,255,255,.9)!important;background:linear-gradient(180deg,rgba(246,241,255,.95) 0,rgba(255,255,255,.9) 88%)!important;box-shadow:0 0 0 1.5px rgba(139,122,216,.55),0 12px 24px rgba(139,122,216,.2)!important}.conjugationView .conjugationModes button.active:before{display:none}.conjugationView .conjugationModes button.active .conjModeIcon{background:linear-gradient(135deg,#8978b3,#a294c7);border-color:rgba(255,255,255,.55);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(102,80,164,.32)}.conjugationView .conjugationTopStrip{background:rgba(255,255,255,.66)!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.85),0 12px 30px rgba(65,45,105,.08)}.conjugationView .conjugationTopStrip .statAcc{align-items:center!important}.conjugationView .accRing{width:27px;height:27px;flex:0 0 auto;transform:rotate(-90deg);margin-right:1px}.conjugationView .accRingBg{fill:none;stroke:rgba(102,80,164,.16);stroke-width:3.8}.conjugationView .accRingFg{fill:none;stroke:url(#accRingGrad);stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(.2,.8,.3,1)}.conjugationView .conjugationCard{isolation:isolate;background:linear-gradient(180deg,rgba(246,241,255,.55) 0,rgba(255,255,255,0) 130px),rgba(255,255,255,.82)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 22px 54px rgba(65,45,105,.12)!important}.conjugationView .conjugationCard:after{content:"変";position:absolute;top:6px;right:16px;z-index:-1;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:128px;font-weight:950;line-height:1;pointer-events:none;background:linear-gradient(135deg,rgba(102,80,164,.1),rgba(162,148,199,.02));-webkit-background-clip:text;background-clip:text;color:transparent}.conjugationView .conjugationPrompt{position:relative;background:radial-gradient(58% 72% at 50% 44%,rgba(139,122,216,.1),rgba(139,122,216,0) 72%);border-radius:20px}.conjugationView .conjugationFormsOverview{background:linear-gradient(180deg,rgba(250,247,255,.85),rgba(244,239,255,.75))!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(102,80,164,.1),inset 0 1px 0 rgba(255,255,255,.9)}.conjugationView .conjugationFragments button{background:linear-gradient(180deg,#fff,#f6f1ff)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px rgba(102,80,164,.12),inset 0 1px 0 #fff,0 6px 14px rgba(65,45,105,.08)!important}.conjugationView .conjugationMatrix.oneByOne .conjugationRow{background:rgba(255,255,255,.86)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.09),inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(65,45,105,.08)!important}@media (max-width:700px){.conjugationView .conjHeaderBadge{width:40px;height:40px;border-radius:13px}.conjugationView .conjugationCard:after{font-size:96px;top:4px;right:10px}}.conjugationView .tokurei-root .hero{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;min-height:172px!important;align-items:center!important;gap:20px!important;padding:26px 92px 26px 28px!important;border:1px solid rgba(255,255,255,.9)!important;background:radial-gradient(circle at 88% 24%,rgba(150,130,211,.26) 0 2px,transparent 3px),radial-gradient(circle at 80% 66%,rgba(150,130,211,.16) 0 3px,transparent 4px),linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,239,255,.9))!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 #fff,0 20px 42px rgba(65,45,105,.13)!important}.conjugationView .tokurei-root .hero>.htxt{width:100%!important;margin:0!important;text-align:left!important;align-self:center!important}.conjugationView .tokurei-root .hero:after{left:auto!important;right:-58px!important;top:-66px!important;width:222px!important;height:222px!important;background:radial-gradient(circle,rgba(137,120,179,.24),rgba(137,120,179,0) 67%)!important}.conjugationView .tokurei-root .heroIcon{width:62px!important;height:62px!important;border-radius:20px!important;font-size:0!important;background:linear-gradient(145deg,#6d5aa5,#aa9acd)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 28px rgba(102,80,164,.3)!important}.conjugationView .tokurei-root .heroIcon svg{stroke-width:1.8!important}.conjugationView .tokurei-root .hero .desc,.conjugationView .tokurei-root .hero .k{display:none!important}.conjugationView .tokurei-root .hero h1{font-size:clamp(29px,4.2vw,39px)!important;letter-spacing:-.04em!important;color:#251c3e!important}.conjugationView .tokurei-root .heroFlow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;color:#705d9e;font-size:12px;font-weight:900;letter-spacing:.02em}.conjugationView .tokurei-root .heroFlow span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(102,80,164,.13);box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(65,45,105,.05)}.conjugationView .tokurei-root .heroFlow span:first-child{color:#fff;background:linear-gradient(135deg,#7967b0,#9e8bc9);border-color:transparent}.conjugationView .tokurei-root .heroFlow i{display:grid;place-items:center;color:#aa9acd}.conjugationView .tokurei-root .heroBack{top:22px!important;right:24px!important;border-radius:999px!important;padding:9px 14px!important;background:rgba(255,255,255,.78)!important;border-color:rgba(102,80,164,.12)!important}.conjugationView .tokurei-root .bar .toolbarAction{display:inline-flex!important;align-items:center;gap:7px!important}.conjugationView .tokurei-root .bar .toolbarIcon{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(102,80,164,.1);color:#715da5}.conjugationView .tokurei-root .bar .toolbarIcon svg{stroke-width:2.25!important}.conjugationView .tokurei-root .bar .toolbarAction:not(.ghost) .toolbarIcon{background:rgba(255,255,255,.18);color:#fff}.conjugationView .tokurei-root .bar .toolbarAction.ghost:hover .toolbarIcon{background:rgba(255,255,255,.22);color:inherit}.conjugationView .tokurei-root .modebar{gap:12px!important;margin-top:18px!important;padding:0!important;background:0 0!important;border:0!important;box-shadow:none!important}.conjugationView .tokurei-root .modebtn{display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;text-align:left!important;min-height:82px!important;padding:14px 17px!important;border:1px solid rgba(102,80,164,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 9px 22px rgba(65,45,105,.08)!important}.conjugationView .tokurei-root .modebtn .modeGlyph{grid-row:1/span 2;display:grid;place-items:center;width:45px;height:45px;border-radius:15px;color:#765fb0;background:linear-gradient(145deg,#f8f5ff,#e9e0fb);border:1px solid rgba(102,80,164,.12)}.conjugationView .tokurei-root .modebtn b{grid-column:2;margin:0!important;color:#807199!important;font-size:13px!important;line-height:1.1!important}.conjugationView .tokurei-root .modebtn .modeCopy{grid-column:2;margin-top:3px;color:#35274f;font-size:17px;font-weight:950;letter-spacing:-.02em;line-height:1.15}.conjugationView .tokurei-root .modebtn.active{color:inherit!important;background:linear-gradient(135deg,#f4efff,#fff)!important;box-shadow:0 0 0 2px rgba(129,108,192,.62),0 14px 26px rgba(102,80,164,.18)!important}.conjugationView .tokurei-root .modebtn.active .modeGlyph{color:#fff;background:linear-gradient(135deg,#7967b0,#9e8bc9);border-color:transparent;box-shadow:0 8px 17px rgba(102,80,164,.28)}.conjugationView .tokurei-root .secactions{gap:8px!important}.conjugationView .tokurei-root .secbtn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border-radius:999px!important;min-height:38px!important;padding:0 15px!important;box-shadow:0 8px 18px rgba(102,80,164,.18)!important}.conjugationView .tokurei-root .secbtn.iconAction{width:38px!important;padding:0!important;color:#765fb0!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(102,80,164,.13)!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(65,45,105,.08)!important}.conjugationView .tokurei-root .secbtn.iconAction:hover{color:#fff!important;background:linear-gradient(135deg,#7967b0,#9e8bc9)!important;border-color:transparent!important;box-shadow:0 10px 20px rgba(102,80,164,.26)!important}.conjugationView .tokurei-root .mistakeFab{display:inline-flex!important;align-items:center!important;gap:8px!important;right:22px!important;bottom:24px!important;min-height:50px!important;padding:0 17px 0 13px!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(135deg,#2d2447,#7760a8)!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px rgba(49,35,83,.34)!important}.conjugationView .tokurei-root .mistakeFab svg{color:#f1d98e;stroke-width:2!important}.conjugationView .tokurei-root .mistakeFab span:not(.mfBadge){font-size:13px;font-weight:950;letter-spacing:.04em}.conjugationView .tokurei-root .mistakeFab .mfBadge{position:static!important;min-width:20px;height:20px;display:grid;place-items:center;background:#f2c85a!important;color:#2d2447!important;font-size:11px!important}@media (max-width:640px){.conjugationView .tokurei-root .hero{grid-template-columns:50px minmax(0,1fr)!important;min-height:0!important;align-items:flex-start!important;padding:64px 18px 19px!important;gap:13px!important}.conjugationView .tokurei-root .heroIcon{width:50px!important;height:50px!important;border-radius:16px!important}.conjugationView .tokurei-root .hero h1{font-size:29px!important}.conjugationView .tokurei-root .heroFlow{gap:5px;margin-top:10px}.conjugationView .tokurei-root .heroFlow span{min-height:25px;padding:0 7px;font-size:10.5px}.conjugationView .tokurei-root .heroFlow i svg{width:11px;height:11px}.conjugationView .tokurei-root .heroBack{top:15px!important;right:16px!important}.conjugationView .tokurei-root .modebar{gap:8px!important;margin-top:14px!important}.conjugationView .tokurei-root .modebtn{min-height:74px!important;grid-template-columns:38px minmax(0,1fr)!important;column-gap:9px!important;padding:11px!important;border-radius:17px!important}.conjugationView .tokurei-root .modebtn .modeGlyph{width:38px;height:38px;border-radius:13px}.conjugationView .tokurei-root .modebtn .modeCopy{font-size:14px!important}.conjugationView .tokurei-root .secactions{width:auto!important;margin:0!important}.conjugationView .tokurei-root .secbtn{min-height:36px!important;padding:0 11px!important;font-size:11.5px!important}.conjugationView .tokurei-root .secbtn.iconAction{width:36px!important;padding:0!important}.conjugationView .tokurei-root .mistakeFab{right:12px!important;bottom:16px!important;min-height:46px!important;padding:0 14px 0 11px!important;border-radius:16px!important}}.conjugationView .conjugationHeader{display:flex!important;align-items:flex-start!important;gap:13px!important;padding:17px 19px!important;overflow:visible!important;background:#fff!important;border:1px solid rgba(102,80,164,.13)!important;box-shadow:0 10px 26px rgba(65,45,105,.08)!important}.conjugationView .conjugationHeader:after,.conjugationView .conjugationHeader:before{display:none!important}.conjugationView .conjHeaderBadge{width:40px!important;height:40px!important;margin-top:1px!important;border-radius:13px!important;color:#725ea8!important;background:#f2edff!important;border:1px solid rgba(102,80,164,.14)!important;box-shadow:none!important}.conjugationView .conjHeaderBody{min-width:0!important}.conjugationView .conjugationHeader p{margin:0 0 3px!important;padding:0!important;background:0 0!important;color:#776991!important;font-size:.74rem!important;font-weight:900!important;letter-spacing:.04em!important}.conjugationView .conjugationHeader h2{margin:0!important;color:#211936!important;font-size:clamp(26px,3.7vw,34px)!important;letter-spacing:-.035em!important}.conjugationView .conjugationHeaderGuide{display:block!important;margin-top:8px!important;padding:8px 40px 0 0!important;border:0!important;border-top:1px solid rgba(102,80,164,.11)!important;border-radius:0!important;background:0 0!important;color:#746a84!important;font-size:.82rem!important;font-weight:750!important;line-height:1.45!important}.conjugationView .conjugationHeaderGuide.open{padding:8px 0 0!important;white-space:normal!important}.conjugationView .conjugationHeaderGuide .guideMore{right:0!important;bottom:6px!important;padding:3px 0!important;background:0 0!important;color:#735da9!important;font-size:.7rem!important}@media (max-width:700px){.conjugationView .conjugationHeader{padding:15px 16px!important;gap:11px!important}.conjugationView .conjHeaderBadge{width:36px!important;height:36px!important;border-radius:12px!important}.conjugationView .conjugationHeader h2{font-size:25px!important}.conjugationView .conjugationHeaderGuide{font-size:.78rem!important}}.conjugationView,.conjugationView .conjugationCard,.conjugationView .conjugationHeader,.conjugationView .conjugationModes,.conjugationView .conjugationTopStrip{width:100%!important;min-width:0!important;max-width:100%!important}.conjugationView .conjHeaderBody,.conjugationView .conjugationFormsOverview,.conjugationView .conjugationHeaderGuide,.conjugationView .conjugationPrompt{min-width:0!important;max-width:100%!important}.conjugationView .conjugationCard{overflow:hidden!important}.conjugationView .conjFamilyChip{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:950;line-height:1.1;white-space:nowrap;border:1px solid transparent;letter-spacing:.02em}.conjugationView .conjFamilyChip.vowel{background:rgba(102,80,164,.1);color:#5d469c;border-color:rgba(139,122,216,.3)}.conjugationView .conjFamilyChip.onbin{background:rgba(198,91,45,.12);color:#a6451d;border-color:rgba(198,91,45,.28)}.conjugationView .conjFamilyAnchor{display:block;margin:0 0 7px;padding:8px 11px;border-radius:12px;font-style:normal;font-weight:900;line-height:1.55;background:rgba(102,80,164,.08);color:#4d4263;border:1px solid rgba(139,122,216,.22)}.conjugationView .conjFamilyAnchor.onbin{background:rgba(198,91,45,.09);color:#7a3315;border-color:rgba(198,91,45,.26)}.conjugationView .conjugationFormsOverview td.conjFamCol.onbin,.conjugationView .conjugationFormsOverview th.conjFamCol.onbin{background:rgba(198,91,45,.1)!important;color:#a6451d!important}.conjugationView .conjugationFormsOverview td.conjFamCol.onbin{font-weight:950!important}.conjugationView .conjugationFamLegend{display:block;margin-top:10px;font-size:11.5px;font-weight:800;line-height:1.5;color:#8b7fa2}.conjugationView .conjugationFamLegend b{color:#a6451d;font-weight:950}.conjugationView .conjugationFamLegend b:last-of-type{color:#6650a4}.conjugationView .conjTypeDrillLaunch{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 16px;border-radius:18px;cursor:pointer;text-align:left;border:1px solid rgba(139,122,216,.28);background:linear-gradient(135deg,rgba(246,241,255,.95),rgba(238,243,255,.9));box-shadow:0 10px 26px rgba(65,45,105,.08);transition:transform .14s,border-color .15s,box-shadow .18s}.conjugationView .conjTypeDrillLaunch:hover{transform:translateY(-1px);border-color:rgba(139,122,216,.55);box-shadow:0 14px 30px rgba(102,80,164,.16)}.conjugationView .conjTypeDrillLaunchIcon{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8978b3,#a294c7);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px rgba(102,80,164,.28)}.conjugationView .conjTypeDrillLaunchText{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.conjugationView .conjTypeDrillLaunchText strong{font-size:14.5px;font-weight:950;color:#2f2850}.conjugationView .conjTypeDrillLaunchText em{font-style:normal;font-size:11.5px;font-weight:800;line-height:1.4;color:#7d728f}.conjugationView .conjTypeDrillLaunch>svg{flex:0 0 auto;color:#8b7ad8}@media (max-width:430px){.conjugationView .conjTypeDrillLaunchText em{font-size:11px}.conjugationView .conjTypeDrillLaunch{padding:11px 13px;gap:10px}}.goalPanel{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);background:radial-gradient(130% 190% at 100% 0,rgba(162,148,199,.2) 0,rgba(255,255,255,0) 55%),linear-gradient(135deg,rgba(255,255,255,.88) 0,rgba(249,245,255,.78) 55%,rgba(240,232,255,.7) 100%)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 18px 44px rgba(65,45,105,.12)!important}.goalPanel:before{content:"";position:absolute;right:-52px;top:-64px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(162,148,199,.28),rgba(162,148,199,0) 62%);pointer-events:none}.goalPanel .goalIconMark{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 22px rgba(102,80,164,.32)!important}.goalPanel .goalHeader p{color:#6650a4!important;font-weight:950!important}.goalPanel .goalHeader strong{font-variant-numeric:tabular-nums;color:#1f1833!important}.goalPanel .goalHeader label span{color:#8a7fa6!important;font-weight:900!important}.goalPanel .goalHeader input{border:1px solid rgba(102,80,164,.18)!important;background:rgba(255,255,255,.92)!important;box-shadow:inset 0 1px 2px rgba(65,45,105,.05)!important;font-variant-numeric:tabular-nums}.goalPanel .goalHeader input:focus{border-color:rgba(102,80,164,.45)!important;box-shadow:0 0 0 3px rgba(102,80,164,.12)!important;outline:0}.goalPanel .goalBar{height:10px!important;border-radius:999px!important;background:rgba(102,80,164,.1)!important;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(65,45,105,.08)}.goalPanel .goalBar span{position:relative;display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8978b3,#a294c7)!important;box-shadow:0 0 10px rgba(139,122,216,.45);transition:width .5s cubic-bezier(.2,.8,.3,1);overflow:hidden}.goalPanel .goalBar span:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:homeGoalShine 2.2s ease-in-out infinite}@keyframes homeGoalShine{0%{transform:translateX(-100%)}100%,60%{transform:translateX(220%)}}.goalPanel .goalQuick button{border:1px solid rgba(255,255,255,.85)!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:#6650a4!important;font-weight:950!important;box-shadow:0 0 0 1px rgba(102,80,164,.1),inset 0 1px 0 #fff,0 5px 12px rgba(65,45,105,.05)!important;transition:transform .14s,box-shadow .18s}.goalPanel .goalQuick button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(139,122,216,.3),inset 0 1px 0 #fff,0 10px 20px rgba(65,45,105,.1)!important}.goalPanel .goalQuick button.active{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px rgba(102,80,164,.32)!important}.levelGrid .levelCard{position:relative;overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(65,45,105,.09)!important;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .2s!important}.levelGrid .levelCard:hover{transform:translateY(-3px)!important;box-shadow:0 0 0 1.5px rgba(139,122,216,.35),inset 0 1px 0 rgba(255,255,255,.9),0 22px 44px rgba(65,45,105,.16)!important}.levelGrid .levelCard:active{transform:translateY(-1px) scale(.99)!important}.levelGrid .levelCard:before{content:"";position:absolute;right:-46px;top:-52px;width:190px;height:190px;border-radius:50%;pointer-events:none;z-index:-1}.levelGrid .levelCard:first-of-type:before{background:radial-gradient(circle at 40% 40%,rgba(139,122,216,.22),transparent 64%)}.levelGrid .levelCard:nth-of-type(2):before{background:radial-gradient(circle at 40% 40%,rgba(94,131,200,.2),transparent 64%)}.levelGrid .levelCard:nth-of-type(3):before{background:radial-gradient(circle at 40% 40%,rgba(123,104,200,.2),transparent 64%)}.levelGrid .levelCard:nth-of-type(4):before{background:radial-gradient(circle at 40% 40%,rgba(186,110,148,.2),transparent 64%)}.levelGrid .levelCard:nth-of-type(5):before{background:radial-gradient(circle at 40% 40%,rgba(47,42,61,.16),transparent 64%)}.levelGrid .levelIconMark{width:46px!important;height:46px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(102,80,164,.1),inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(65,45,105,.12)}.levelGrid .levelCard em{font-style:normal;display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(102,80,164,.12);box-shadow:inset 0 1px 0 #fff;color:#6b5f82;font-weight:900;font-size:12.5px;font-variant-numeric:tabular-nums}.levelGrid .levelGhostIcon{opacity:.5;transform:rotate(-8deg);transition:transform .25s,opacity .25s}.levelGrid .levelCard:hover .levelGhostIcon{opacity:.85;transform:rotate(0) scale(1.06)}@media (max-width:700px){.goalPanel:before{right:-60px;top:-80px}.levelGrid .levelIconMark{width:42px!important;height:42px!important}}.listeningView .listeningPanel{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);background:radial-gradient(120% 170% at 100% 0,rgba(162,148,199,.16) 0,rgba(255,255,255,0) 52%),rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 20px 48px rgba(65,45,105,.12)!important}.listeningView .listeningHeader{display:flex!important;align-items:flex-start;gap:14px}.listeningView .listeningHeaderBadge{flex:0 0 auto;width:46px;height:46px;margin-top:2px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#8978b3,#a294c7);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 22px rgba(102,80,164,.32)}.listeningView .listeningHeaderBody{flex:1 1 auto;min-width:0}.listeningView .listeningHeader p{display:inline-flex!important;align-items:center;margin:2px 0 6px!important;padding:4px 11px;border-radius:999px;background:rgba(102,80,164,.09);color:#6650a4!important;font-size:.74rem!important;font-weight:950!important;letter-spacing:.04em}.listeningView .listeningHeader h2{color:#1f1833!important}.listeningView .listeningHeader span{color:#6b5f82!important}.listeningView .listeningPlay{background:linear-gradient(135deg,#8978b3,#a294c7)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 30px rgba(102,80,164,.32)!important;transition:transform .12s,box-shadow .2s}.listeningView .listeningPlay:hover:not(:disabled){transform:translateY(-1px)}.listeningView .listeningPlay.isStopping{background:linear-gradient(135deg,#c2504a,#d97a72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 30px rgba(185,43,34,.3)!important}.listeningView .listeningLevelGrid button{position:relative;overflow:hidden;background:rgba(255,255,255,.82)!important;border:1px solid color-mix(in srgb,var(--level) 24%,rgba(255,255,255,.85))!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(65,45,105,.05)!important;transition:transform .14s,box-shadow .18s}.listeningView .listeningLevelGrid button:hover{transform:translateY(-1px)}.listeningView .listeningLevelGrid button.active{background:color-mix(in srgb,var(--level) 12%,rgba(255,255,255,.92))!important;border-color:color-mix(in srgb,var(--level) 52%,transparent)!important;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--level) 46%,transparent),0 12px 24px color-mix(in srgb,var(--level) 20%,transparent)!important}.listeningView .listeningLevelGrid button b{color:#8a7fa6!important}.listeningView .listeningCountGroup{background:rgba(255,255,255,.6)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.85)!important}.listeningView .listeningCountGroup>span{color:#6650a4!important;font-weight:950!important}.listeningView .listeningCountGroup button{background:rgba(255,255,255,.9)!important;color:#5d5375!important;border:1px solid rgba(102,80,164,.12)!important}.listeningView .listeningCountGroup button.active{background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 12px rgba(102,80,164,.28)!important}.listeningView .listeningModeGroup button{position:relative;display:grid!important;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.09),0 5px 12px rgba(65,45,105,.05)!important;transition:transform .14s,box-shadow .18s,border-color .15s}.listeningView .listeningModeGroup button:hover{transform:translateY(-1px);border-color:rgba(139,122,216,.38)!important}.listeningView .listeningModeGroup button strong{grid-column:2;color:#332a52!important}.listeningView .listeningModeGroup button span{grid-column:2;color:#8f85a3!important}.listeningView .listeningModeIcon{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(180deg,#f6f1ff,#eee6fc);border:1px solid rgba(102,80,164,.14);color:#6650a4;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.listeningView .listeningModeGroup .active{padding-left:20px!important;border-color:rgba(139,122,216,.55)!important;background:linear-gradient(180deg,rgba(246,241,255,.95),rgba(255,255,255,.9))!important;color:#332a52!important;box-shadow:0 0 0 1.5px rgba(139,122,216,.5),0 12px 24px rgba(139,122,216,.18)!important}.listeningView .listeningModeGroup .active:before{content:"";position:absolute;left:9px;top:11px;bottom:11px;width:3px;border-radius:999px;background:linear-gradient(180deg,#8978b3,#a294c7)}.listeningView .listeningModeGroup .active .listeningModeIcon{background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(102,80,164,.32)}.listeningView .listeningMetaGrid>div{background:rgba(255,255,255,.7)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.85)!important}.listeningView .listeningMetaGrid span{color:#8f85a3!important;font-weight:900!important}.listeningView .listeningMetaGrid b{color:#1f1833!important}.listeningView .listeningMetaGrid em{color:#6b5f82!important}.listeningView .listeningMetaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.listeningView .listeningMetaGrid>div{min-height:0!important;padding:8px 10px!important;gap:2px!important;border-radius:12px!important}.listeningView .listeningMetaGrid span{font-size:10.5px!important}.listeningView .listeningMetaGrid b{font-size:15px!important}.listeningView .listeningMetaGrid em{font-size:10.5px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listeningView .listeningNow{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 50% 12%,rgba(139,122,216,.12),rgba(139,122,216,0) 70%),linear-gradient(160deg,rgba(246,241,255,.9),rgba(255,255,255,.86))!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(102,80,164,.1),inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(65,45,105,.1)!important}.listeningView .listeningProgressTrack{background:rgba(102,80,164,.14)!important}.listeningView .listeningProgressTrack span{background:linear-gradient(90deg,#8978b3,#a294c7)!important;box-shadow:0 0 8px rgba(139,122,216,.4)}.listeningView .listeningCurrent span{color:#6650a4!important}.listeningView .listeningCurrent em{color:#5f5570!important}.listeningView .listeningNow small{color:#8a7fa6!important}.listeningView .listeningEqualizer{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:34px;margin:0 auto 2px}.listeningView .listeningEqualizer span{width:6px;height:8px;border-radius:999px;background:linear-gradient(180deg,#a294c7,#8978b3);opacity:.5;transition:height .2s,opacity .2s}.listeningView .listeningEqualizer.playing span{opacity:1;animation:listeningEq 1s ease-in-out infinite}.listeningView .listeningEqualizer.playing span:first-child{animation-delay:-.9s}.listeningView .listeningEqualizer.playing span:nth-child(2){animation-delay:-.2s}.listeningView .listeningEqualizer.playing span:nth-child(3){animation-delay:-.6s}.listeningView .listeningEqualizer.playing span:nth-child(4){animation-delay:-.35s}.listeningView .listeningEqualizer.playing span:nth-child(5){animation-delay:-.8s}.listeningView .listeningEqualizer.playing span:nth-child(6){animation-delay:-.15s}.listeningView .listeningEqualizer.playing span:nth-child(7){animation-delay:-.55s}.listeningView .listeningEqualizer.playing span:nth-child(8){animation-delay:-.3s}.listeningView .listeningEqualizer.playing span:nth-child(9){animation-delay:-.7s}@keyframes listeningEq{0%,100%{height:7px}50%{height:32px}}.listeningView .listeningQueue button{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(65,45,105,.05)!important;transition:transform .14s,box-shadow .18s}.listeningView .listeningQueue button:hover{transform:translateY(-1px);border-color:rgba(139,122,216,.35)!important}.listeningView .listeningQueue button b{color:#1f1833!important}.listeningView .listeningQueue button span{color:#8a7fa6!important}.listeningView .listeningQueue button.active{border-color:rgba(139,122,216,.55)!important;background:linear-gradient(180deg,rgba(246,241,255,.95),rgba(255,255,255,.9))!important;box-shadow:0 0 0 1.5px rgba(139,122,216,.5),0 12px 24px rgba(139,122,216,.16)!important}.listeningView .listeningContentGroup{display:grid;gap:9px;border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.6)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(102,80,164,.07),inset 0 1px 0 rgba(255,255,255,.85)}.listeningView .listeningContentLabel{font-size:.74rem;font-weight:950;color:#6650a4;letter-spacing:.04em}.listeningView .listeningContentOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.listeningView .listeningContentOptions button{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;border:1px solid rgba(255,255,255,.85);border-radius:15px;padding:10px 12px;text-align:left;cursor:pointer;background:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(102,80,164,.09),0 5px 12px rgba(65,45,105,.05);transition:transform .14s,box-shadow .18s,border-color .15s}.listeningView .listeningContentOptions button:hover{transform:translateY(-1px);border-color:rgba(139,122,216,.38)}.listeningView .listeningContentOptions button strong{grid-column:2;font-size:13.5px;font-weight:950;color:#332a52}.listeningView .listeningContentOptions button span{grid-column:2;margin-top:1px;font-size:11.5px;font-weight:850;color:#8f85a3}.listeningView .listeningContentIcon{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(180deg,#f6f1ff,#eee6fc);border:1px solid rgba(102,80,164,.14);color:#6650a4;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.listeningView .listeningContentOptions button.active{padding-left:20px;border-color:rgba(139,122,216,.55);background:linear-gradient(180deg,rgba(246,241,255,.95),rgba(255,255,255,.9));box-shadow:0 0 0 1.5px rgba(139,122,216,.5),0 12px 24px rgba(139,122,216,.18)}.listeningView .listeningContentOptions button.active:before{content:"";position:absolute;left:9px;top:11px;bottom:11px;width:3px;border-radius:999px;background:linear-gradient(180deg,#8978b3,#a294c7)}.listeningView .listeningContentOptions button.active .listeningContentIcon{background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(102,80,164,.32)}.listeningView .listeningExample{margin-top:12px;padding:12px 14px;border-radius:15px;text-align:left;background:rgba(255,255,255,.72);border:1px solid rgba(102,80,164,.14);box-shadow:inset 0 1px 0 #fff;transition:box-shadow .2s,border-color .2s,background .2s}.listeningView .listeningExample.speaking{border-color:rgba(139,122,216,.5);background:linear-gradient(160deg,rgba(246,241,255,.95),rgba(255,255,255,.9));box-shadow:0 0 0 1.5px rgba(139,122,216,.4),0 10px 22px rgba(139,122,216,.16)}.listeningView .listeningExampleTag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;margin-bottom:7px;background:rgba(102,80,164,.1);color:#6650a4;font-size:11px;font-weight:950;letter-spacing:.02em}.listeningView .listeningExampleSentence{margin:0;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:clamp(18px,4.4vw,23px);font-weight:900;color:#1f1833;line-height:1.5}.listeningView .listeningExampleReading{margin:5px 0 0;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:14px;font-weight:850;color:#6650a4;line-height:1.5}.listeningView .listeningExampleMeaning{margin:5px 0 0;font-size:13px;font-weight:800;color:#6b5f82;line-height:1.5}@media (max-width:700px){.listeningView .listeningHeaderBadge{width:40px;height:40px;border-radius:13px}.listeningView .listeningHeader{align-items:flex-start}.listeningView .listeningContentOptions{grid-template-columns:1fr}}.reviewAuthBackdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(31,24,51,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reviewAuthPanel{width:min(420px,100%);display:grid;grid-template-columns:auto 1fr;gap:14px;padding:22px;border-radius:22px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(31,24,51,.28)}.reviewAuthIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;box-shadow:0 8px 20px rgba(102,80,164,.28)}.reviewAuthPanel p{margin:0 0 2px;color:#8f85a3;font-size:10px;font-weight:950;letter-spacing:.14em}.reviewAuthPanel h2{margin:0;color:#1f1833;font-size:21px;line-height:1.2}.reviewAuthPanel span{display:block;margin-top:5px;color:#6b5f82;font-size:12px;font-weight:750;line-height:1.5}.reviewAuthPanel label{grid-column:1/-1;display:grid;gap:6px;color:#5f5570;font-size:12px;font-weight:900}.reviewAuthPanel input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:12px;border:1px solid rgba(102,80,164,.28);background:#fff;color:#1f1833;font:inherit;font-size:15px;outline:0}.reviewAuthPanel input:focus{border-color:#8978b3;box-shadow:0 0 0 3px rgba(137,120,179,.14)}.reviewAuthError{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:rgba(184,66,66,.09);color:#a23c3c;font-size:12px;font-weight:850}.reviewAuthActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.reviewAuthActions .reviewSaveBtn{display:inline-flex;align-items:center;gap:6px}.reviewPublishBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:17px;background:linear-gradient(135deg,rgba(246,241,255,.95),rgba(255,255,255,.92));border:1px solid rgba(137,120,179,.25);box-shadow:0 8px 22px rgba(102,80,164,.1)}.reviewPublishInfo{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0}.reviewVerifiedBadge{display:inline-flex!important;align-items:center;gap:5px!important;margin:0!important;padding:4px 9px;border-radius:999px;background:rgba(76,175,125,.12);color:#347c59!important;font-size:11px!important;font-weight:950!important}.reviewPublishInfo strong{font-size:13px;color:#332943}.reviewPublishInfo small{flex-basis:100%;color:#7c718f;font-size:10.5px;font-weight:750}.reviewPublishActions{display:flex;align-items:center;gap:7px}.reviewPublishBtn{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:11px;background:linear-gradient(135deg,#7562a8,#9a88c3);color:#fff;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 5px 14px rgba(102,80,164,.25)}.reviewPublishBtn:disabled,.reviewSaveBtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.reviewPublishMessage{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid rgba(102,80,164,.12);color:#6650a4;font-size:11px;font-weight:850}.reviewBar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 2px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(102,80,164,.08),inset 0 1px 0 rgba(255,255,255,.9)}.reviewConfirmBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid rgba(102,80,164,.35);background:#fff;color:#6650a4;font-weight:900;font-size:13px;cursor:pointer}.reviewConfirmBtn.isConfirmed{background:linear-gradient(135deg,#8978b3,#a294c7);border-color:rgba(255,255,255,.55);color:#fff;box-shadow:0 4px 12px rgba(102,80,164,.3)}.reviewProgress{font-size:12px;font-weight:900;color:#6b5f82;margin-right:auto}.reviewToolBtn{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;border:1px solid rgba(102,80,164,.22);background:rgba(255,255,255,.85);color:#5f5570;font-weight:850;font-size:12px;cursor:pointer}.reviewToolBtn.isOn{background:rgba(137,120,179,.16);border-color:rgba(102,80,164,.45);color:#6650a4}.reviewEditPanel{display:grid;gap:8px;margin:8px 0 2px;padding:12px;border-radius:16px;background:rgba(246,241,255,.92);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(102,80,164,.1)}.reviewEditPanel label{display:grid;gap:4px;font-size:12px;font-weight:900;color:#6b5f82}.reviewEditGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:340px){.reviewEditGrid2{grid-template-columns:1fr}}.reviewEditPanel input,.reviewEditPanel textarea{padding:9px 11px;border-radius:10px;border:1px solid rgba(102,80,164,.25);background:#fff;font-size:14px;color:#1f1833;font-family:inherit}.reviewEditPanel small{font-size:11px;font-weight:800;color:#8f85a3;line-height:1.5}.reviewEditActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reviewImageHint{flex-basis:100%;font-size:10.5px;font-weight:800;color:#8f85a3;line-height:1.4}.conjReviewToggleRow{display:flex;justify-content:flex-end;margin:0 0 8px}.reviewStatusBadge{display:inline-flex;align-items:center;margin-left:8px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(224,82,82,.1);color:#b23b3b;border:1px solid rgba(224,82,82,.32);vertical-align:1px}.reviewStatusBadge.isChecked{background:rgba(47,174,107,.12);color:#1e7d4c;border-color:rgba(47,174,107,.4);box-shadow:0 1px 5px rgba(47,174,107,.18)}.reviewRowBadge{flex:none;display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:900;background:rgba(224,82,82,.1);color:#b23b3b;border:1px solid rgba(224,82,82,.3);white-space:nowrap}.reviewRowBadge.isChecked{background:rgba(47,174,107,.12);color:#1e7d4c;border-color:rgba(47,174,107,.38)}.reviewRowBadge:not(.isEdited)::before,.reviewStatusBadge:not(.isEdited)::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#e05252;box-shadow:0 0 5px rgba(224,82,82,.55)}.reviewRowBadge.isChecked::before,.reviewStatusBadge.isChecked::before{background:#2fae6b;box-shadow:0 0 5px rgba(47,174,107,.6)}.reviewRowBadge.isEdited,.reviewStatusBadge.isEdited{background:rgba(216,163,76,.14);color:#9a6b1f;border-color:rgba(216,163,76,.4);box-shadow:none}.reviewRowBadge.isEdited,.reviewStatusBadge.isEdited{background:rgba(216,163,76,.16);color:#a8781f;border-color:rgba(216,163,76,.4)}.reviewToolBtn.isEditedFilter.isOn{background:rgba(216,163,76,.18);border-color:rgba(216,163,76,.5);color:#a8781f}.wordRow.isReviewRow{gap:8px}.browseReviewBar .browseReviewHint{flex-basis:100%;font-size:10.5px;font-weight:800;color:#8f85a3}.reviewTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(102,80,164,.08);margin-bottom:10px}.reviewTable{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:12px}.reviewTable th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f3eefc,#ece5f8);color:#6650a4;font-weight:900;font-size:11px;text-align:left;padding:7px 8px;border-bottom:1px solid rgba(102,80,164,.16);white-space:nowrap}.reviewTable th small{display:block;font-size:9px;font-weight:800;color:#8f85a3}.reviewTable td{padding:4px 6px;border-bottom:1px solid rgba(102,80,164,.08);vertical-align:middle}.reviewTable tr.isCheckedRow td{background:rgba(47,174,107,.05)}.reviewTable input{width:100%;min-width:88px;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:0 0;font-size:13px;font-family:inherit;color:#1f1833}.reviewTable input:hover{border-color:rgba(102,80,164,.2);background:rgba(255,255,255,.7)}.reviewTable input:focus{outline:0;border-color:rgba(102,80,164,.55);background:#fff;box-shadow:0 0 0 2px rgba(137,120,179,.16)}.reviewTable .colStatus{width:56px;white-space:nowrap}.reviewTable .colStatus .reviewRowBadge{padding:2px 6px;font-size:10px;margin-right:2px}.reviewTable .colAct{width:104px;white-space:nowrap}.reviewTableBtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:3px;border-radius:8px;border:1px solid rgba(102,80,164,.22);background:rgba(255,255,255,.9);color:#6650a4;cursor:pointer}.reviewTableBtn.isOn{background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;border-color:rgba(255,255,255,.5)}.reviewTable tr.isJumpTarget td{background:rgba(137,120,179,.18)!important;transition:background .4s}.reviewTableEmpty{padding:24px;text-align:center;font-size:13px;font-weight:800;color:#8f85a3}.reviewTable .colThumb{width:60px}.reviewThumbCell{display:flex;align-items:center;gap:3px}.reviewThumbSwap{flex:none;width:18px;height:50px;padding:0;border-radius:6px;border:1px solid rgba(102,80,164,.2);background:rgba(255,255,255,.9);color:#6650a4;font-size:11px;line-height:1;cursor:pointer}.reviewThumbSwap:hover{background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;border-color:rgba(255,255,255,.5)}.reviewThumbBtn{display:block;width:38px;height:50px;padding:0;border-radius:7px;border:1px solid rgba(102,80,164,.18);background:#fff;overflow:hidden;cursor:pointer}.reviewThumbBtn img{width:100%;height:100%;object-fit:cover;display:block}.reviewThumbBtn:hover{border-color:rgba(102,80,164,.6);box-shadow:0 2px 8px rgba(102,80,164,.25)}.reviewThumbNone{display:inline-flex;align-items:center;justify-content:center;width:38px;height:50px;border-radius:7px;border:1px dashed rgba(178,59,59,.4);color:#b23b3b;font-size:11px;font-weight:900}.reviewTable .colAccent{width:74px}.reviewTable .colAccent input{min-width:52px;text-align:center}.reviewTable tr.reviewTableExampleRow td{border-bottom:2px solid rgba(102,80,164,.14);padding-top:0;padding-bottom:7px}.reviewExampleLabel{font-size:10px;font-weight:900;color:#8f85a3;vertical-align:middle}.reviewExampleFields{display:flex;align-items:center;gap:6px}.reviewExampleFields .reviewExampleSentence{flex:1.15;font-size:13px}.reviewExampleFields .reviewExampleMeaning{flex:1;font-size:12px;color:#5f5570}.reviewExampleFields .reviewTableBtn{flex:none;margin-right:0}.conjReviewBar .reviewProgress{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reviewEditPanel label.isActiveConjRow{color:#6650a4}.reviewEditPanel label.isActiveConjRow input{border-color:rgba(102,80,164,.55);box-shadow:0 0 0 2px rgba(137,120,179,.15)}.reviewSaveBtn{padding:9px 16px;border-radius:12px;border:none;background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 4px 12px rgba(102,80,164,.3)}.jlptStrip .reviewModeBtn,.jlptStrip .shuffleBtn{display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1}.jlptStrip .reviewModeBtn svg,.jlptStrip .shuffleBtn svg{flex:none;display:block}.reviewConfirmBtn svg,.reviewToolBtn svg{flex:none;display:block}.biLabel{display:grid;line-height:1.15;text-align:left;gap:1px}.biLabel b{font-size:12px;font-weight:900}.biLabel small{font-size:9.5px;font-weight:800;opacity:.72}.reviewSyncDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#c9c2d8;vertical-align:1px}.reviewSyncDot.synced{background:#4caf7d;box-shadow:0 0 5px rgba(76,175,125,.6)}.reviewSyncDot.local{background:#d8a34c}.reviewFilterGroup{display:inline-flex;gap:4px}.reviewEmptyState{display:grid;justify-items:center;gap:8px;padding:36px 16px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(102,80,164,.08);color:#6650a4;text-align:center}.reviewEmptyState strong{font-size:16px;font-weight:950;color:#1f1833}.reviewEmptyState span{font-size:13px;font-weight:850;color:#6b5f82}@media(max-width:430px){.reviewAuthPanel{padding:18px}.reviewPublishBar{grid-template-columns:1fr}.reviewPublishActions{justify-content:stretch}.reviewPublishBtn{flex:1;justify-content:center}.reviewBar{padding:8px}.reviewProgress{order:9;flex-basis:100%;margin:2px 0 0}.reviewFilterGroup{flex-basis:100%;order:8}}@supports(padding:max(0px)){.appHeader{padding-top:calc(14px + env(safe-area-inset-top,0px))}.bottomNav{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(106px + env(safe-area-inset-bottom,0px))}}.listeningLevelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.levelGrid .levelCard:nth-of-type(3){grid-column:1/-1}@media(max-width:680px){.listeningLevelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.grammarPanel .glPanel{margin:12px 0 2px}.glChipRow{display:flex;flex-wrap:wrap;gap:6px;margin:0}.glChipItem{display:contents}.glChip{border:1px solid rgba(139,122,216,.55);border-radius:999px;padding:4px 10px;background:rgba(139,122,216,.13);color:#6650a4;font-size:12px;font-weight:800;cursor:pointer}.glChip.isOpen,.glChip:hover{background:rgba(139,122,216,.25);border-color:#8b7ad8}.glPanelCard{flex:1 0 100%;box-sizing:border-box;padding:12px;border:1px solid rgba(139,122,216,.24);border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);font-size:13px;color:#342b4a;line-height:1.55}.glPanelCard span,.glPanelCard strong{display:block}.glPanelCard p{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(139,122,216,.18)}.glPanelCard p b,.glPanelCard p small{display:block}.glPanelCard p small{margin-top:2px;color:#6b5f82}@media (max-width:430px){.glChip{font-size:11px}.glPanelCard{font-size:12px}}.flashcardView .fallbackLevelBadge{top:14px;left:50%;right:auto;transform:translateX(-50%)}.n3GateBackdrop{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px;overflow-y:auto;background:rgba(31,24,51,.52);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.n3GatePanel{width:min(440px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:26px;border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,239,255,.9));box-shadow:0 28px 80px rgba(31,24,51,.32),inset 0 1px 0 #fff}.n3GateIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,#6650a4,#8b7ad8);box-shadow:0 12px 28px rgba(102,80,164,.32)}.n3GateCopy>span{display:block;margin:1px 0 4px;color:#8b7da4;font-size:10px;font-weight:950;letter-spacing:.14em}.n3GateCopy h2{margin:0;color:#211832;font-size:24px;line-height:1.2}.n3GateCopy p{margin:9px 0 0;color:#665b78;font-size:14px;font-weight:750;line-height:1.65}.n3GateActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.n3GateActions button{min-height:46px;border-radius:14px;font:inherit;font-weight:950;cursor:pointer}.n3GatePrimary{border:0;background:linear-gradient(135deg,#6650a4,#8b7ad8);color:#fff;box-shadow:0 10px 24px rgba(102,80,164,.3)}.n3GateSecondary{border:1px solid rgba(102,80,164,.24);background:rgba(255,255,255,.74);color:#6650a4}.n3GateActions button:focus-visible{outline:3px solid rgba(139,122,216,.42);outline-offset:3px}.homeGrid .levelCard>.n3GateTileLock{position:absolute!important;top:12px!important;right:12px!important;z-index:3!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:#6650a4!important;border:1px solid rgba(102,80,164,.2)!important;box-shadow:0 6px 16px rgba(65,45,105,.14)!important}.homeGrid .levelCard>.n3GateTierLabel{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;gap:8px!important;white-space:nowrap!important}.n3GateUnlockHint{padding:3px 8px;border-radius:999px;background:rgba(102,80,164,.11);color:#6650a4;font-size:10px;font-weight:950;white-space:nowrap}@media(max-width:430px){.n3GateBackdrop{padding:14px}.n3GatePanel{grid-template-columns:1fr;padding:20px;border-radius:22px;text-align:center}.n3GateIcon{margin:auto}.n3GateActions{grid-column:1;grid-template-columns:1fr}.homeGrid .levelCard>.n3GateTileLock{top:9px!important;right:9px!important}.homeGrid .levelCard>.n3GateTierLabel{flex-wrap:wrap!important;gap:5px!important}}.listeningView .listeningShuffleBtn{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(102,80,164,.24);background:rgba(255,255,255,.72);color:#6650a4;font:inherit;font-size:12px;font-weight:950;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(255,255,255,.65),0 8px 20px rgba(65,45,105,.09)}.listeningView .listeningShuffleBtn:hover{border-color:rgba(139,122,216,.52);transform:translateY(-1px)}.listeningView .listeningShuffleBtn.active{border-color:rgba(255,255,255,.58);background:linear-gradient(135deg,#8978b3,#a294c7);color:#fff;box-shadow:0 0 0 1px rgba(102,80,164,.2),0 10px 22px rgba(102,80,164,.25)}.listeningView .listeningShuffleBtn:focus-visible{outline:3px solid rgba(139,122,216,.34);outline-offset:2px}@media(max-width:430px){.listeningView .listeningShuffleBtn{width:100%;justify-self:stretch}}@media (max-width:430px){.appMain{padding:12px 10px 10px!important}.flashcardView{--site-card-width:min(540px, calc(100vw - 28px))!important}.flashcardView .navArea{position:relative!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}.flashcardView .navArea>.sideNav{position:absolute!important;top:calc((100vw - 28px) * .5 + 30px)!important;z-index:8!important;margin:0!important;transform:none!important;width:38px!important;height:38px!important;background:rgba(255,255,255,.85)!important;color:#6650a4!important;-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(102,80,164,.14),0 10px 24px rgba(65,45,105,.2)!important}.flashcardView .navArea>.sideNav:first-of-type{left:0!important}.flashcardView .navArea>.sideNav:last-of-type{right:0!important}.flashcardView .navArea>.sideNav:disabled{opacity:.25!important}.categoryOption{grid-template-columns:24px minmax(0,1fr) auto!important;gap:6px!important;padding:9px 8px!important;min-height:52px!important}.categoryOptionIcon{width:24px!important;height:24px!important;border-radius:9px!important}.categoryOptionText{min-width:0!important}.categoryOptionText>:first-child{font-size:12.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.categoryOptionText>:not(:first-child){display:none!important}.categoryOption>:last-child{font-size:11px!important;font-variant-numeric:tabular-nums;padding:2px 6px!important;min-width:0!important}.levelStrip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;justify-content:stretch!important;padding:2px 0 4px!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.levelStrip .chip{min-width:0!important;padding:8px 2px!important;font-size:12.5px!important;text-align:center!important;white-space:nowrap!important;box-shadow:0 4px 10px rgba(26,22,18,.05)!important}.levelStrip .shuffleBtn{font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 0!important}.levelStrip .shuffleBtn svg{width:16px!important;height:16px!important}.flashcardView .cardReportColumn{top:10px!important;left:10px!important;gap:5px!important}.flashcardView .cardReportPill{width:28px!important;min-width:28px!important;height:28px!important}.flashcardView .cardReportPill svg{width:13px!important;height:13px!important}.flashcardView .imageCardFrame .soundButton.mainSound{width:38px!important;height:38px!important;top:10px!important;right:10px!important}.flashcardView .imageCardFrame>.focusWordButton{width:30px!important;height:30px!important;top:54px!important;right:14px!important}.flashcardView .imageCardFrame>.focusWordButton svg{width:15px!important;height:15px!important}.flashcardView .flashcardFlipFrame>.cardFlipTurnButton,.flashcardView .imageCardFrame>.cardFlipTurnButton{width:32px!important;height:32px!important;top:92px!important;right:13px!important}.flashcardView .imageCardTextOverlay{padding:12px 12px 16px!important;gap:5px!important}.flashcardView .imageCardTextTop strong{font-size:clamp(28px,15cqw,46px)!important;line-height:1.05!important}.flashcardView .imageCardTextTop em{display:none!important}.flashcardView .imageCardTextOverlay p{font-size:13.5px!important;line-height:1.4!important}.flashcardView .cardVisualImageBox{transform:translateY(100px)!important}.examplePanel{padding:12px!important;border-radius:16px!important}.jpSentence{font-size:17px!important;line-height:1.6!important}.reading{font-size:12.5px!important}.zhSentence{font-size:13px!important}.exampleRomaji{font-size:11.5px!important}.sentenceLegend{gap:5px!important}.sentenceLegendItem{font-size:10.5px!important;padding:3px 8px!important}.grammarHeader{overflow:hidden!important}.grammarHeader strong{font-size:12.5px!important;letter-spacing:.04em!important}.grammarHeader span{overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.grammarSummaryAction{padding:6px 8px!important;font-size:11px!important;gap:3px!important}.grammarItem{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:12px 12px 11px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(250,247,255,.9),rgba(255,255,255,.82))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px rgba(102,80,164,.1),inset 0 1px 0 #fff,0 6px 16px rgba(65,45,105,.06)!important}.grammarItem>span{justify-self:start!important;min-height:0!important;padding:4px 11px!important;background:linear-gradient(135deg,#8978b3,#a294c7)!important;color:#fff!important;font-size:10.5px!important;letter-spacing:.06em!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 10px rgba(102,80,164,.22)!important}.grammarItem div{gap:5px!important}.grammarItem b{font-size:13.5px!important}.grammarItem em{display:block!important;padding:5px 9px!important;border-radius:9px!important;background:rgba(139,122,216,.09)!important;color:#5b4a96!important;font-size:11.5px!important;line-height:1.45!important}.grammarItem small{font-size:11.5px!important;line-height:1.5!important}.grammarDetailList{gap:5px!important;margin-top:4px!important}.grammarDetailList li{font-size:11.5px!important;line-height:1.5!important;padding-left:12px!important}.grammarPattern{font-size:12px!important}.bottomNav{left:6px!important;right:6px!important;padding:6px 4px!important;gap:2px!important}.bottomNav button{padding:7px 0!important;border-radius:12px!important}.bottomNav button span{font-size:10px!important}.bottomNav button svg{width:17px!important;height:17px!important}.progressLine{margin:14px 10px 6px!important}.knownButton{padding:9px 13px!important;font-size:13px!important}.conjugationView .conjugationHeaderGuide{padding:8px 38px 8px 10px!important;font-size:.8rem!important}.conjugationView .conjugationHeaderGuide.open{padding-right:10px!important;padding-bottom:30px!important}.conjugationView .conjugationHeaderGuide .guideMore{font-size:0!important;padding:4px 8px!important;right:6px!important;bottom:6px!important}.conjugationView .conjugationHeaderGuide .guideMore::after{content:"▼";font-size:10px;line-height:1;color:#7a68bd}.conjugationView .conjugationHeaderGuide[aria-expanded=true] .guideMore::after{content:"▲"}.conjugationView .conjugationTopStrip{padding:10px 12px!important;gap:10px!important}.conjugationView .conjugationTopStrip .conjugationStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:0!important;justify-content:stretch!important}.conjugationView .conjugationTopStrip .conjugationStats>div{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:2px 4px!important;padding:0 4px!important;border:0!important}.conjugationView .conjugationTopStrip .conjugationStats>div+div{border-left:1px solid rgba(102,80,164,.14)!important}.conjugationView .conjugationTopStrip .conjugationStats span{flex-basis:100%!important;text-align:center!important;font-size:11px!important;white-space:nowrap!important}.conjugationView .conjugationTopStrip .conjugationStats b{font-size:18px!important}.conjugationView .conjugationTopStrip .conjugationStats em{font-size:11px!important}.conjugationView .conjugationTopStrip .accRing{width:22px!important;height:22px!important}.conjugationView .conjugationTopStrip .conjugationMistakeBar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;gap:6px!important;margin-left:0!important}.conjugationView .conjugationTopStrip .conjugationMistakeClear,.conjugationView .conjugationTopStrip .conjugationMistakeToggle{white-space:nowrap!important;padding:7px 9px!important;font-size:11.5px!important}.conjugationView .conjugationTopStrip .conjugationMistakeCount{text-align:center!important;font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width:340px){.flashcardView{--site-card-width:calc(100vw - 20px)!important}.flashcardView .navArea>.sideNav{top:calc((100vw - 20px) * .5 + 30px)!important}.categoryPickerGrid{grid-template-columns:1fr!important}.categoryOption{min-height:46px!important}.flashcardView .cardReportPill{width:26px!important;min-width:26px!important;height:26px!important}.flashcardView .cardReportPill svg{width:12px!important;height:12px!important}.flashcardView .imageCardFrame .soundButton.mainSound{width:34px!important;height:34px!important}.flashcardView .imageCardTextTop strong{font-size:clamp(24px,14cqw,40px)!important}.jpSentence{font-size:16px!important}.bottomNav button span{font-size:9px!important}.bottomNav button svg{width:15px!important;height:15px!important}}.homeGrid .levelCard>.n3GateTierLabel,.levelGrid .levelCard>.n3GateTierLabel{justify-self:start!important;justify-content:flex-start!important;width:auto!important;max-width:100%!important;white-space:nowrap!important}