:root{--bg:#fff;--surface:#fff;--muted:#6b7280;--text:#0f172a;--green-50:#f1fbf6;--green-100:#dcfce7;--green-200:#bbf7d0;--green-600:#16a34a;--pink-50:#fff1f2;--pink-100:#ffe4e6;--pink-200:#fecdd3;--pink-600:#e11d48;--border:#e5e7eb;--shadow:0 10px 30px #0f172a1a;--radius:18px;--radius-sm:12px;--container:1120px}*{box-sizing:border-box}body{background:linear-gradient(180deg,var(--green-50),#fff 35%,var(--pink-50));color:var(--text);direction:rtl;flex-direction:column;min-height:100vh;margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Arial,sans-serif;display:flex}main{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.page-materials .page-hero h1{line-height:1.7}.page-materials .page-hero h1 br{display:none}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:50;background:#ffffffbf;position:sticky;top:0}.header-top{border-bottom:1px solid #0000000a}.header-bottom{background:#ffffffe0}.nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.nav-top{padding:12px 0}.nav-bottom{padding:8px 0;position:relative}.brand{color:inherit;flex-shrink:0;align-items:center;gap:10px;min-width:190px;text-decoration:none;display:flex}.brand .logo{background:linear-gradient(135deg,var(--green-200),var(--pink-200));box-shadow:var(--shadow);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.logo img{height:26px}.brand .title{flex-direction:column;line-height:1.4;display:flex}.brand .title b{font-size:14px}#sub{color:var(--muted);font-size:12px}.navtools{align-items:center;gap:10px;display:flex}.navtools>a{text-align:center}.searching-icon{opacity:.7;vertical-align:middle;width:20px;height:20px;display:inline-block;transform:scaleX(-1)}.searchbox{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:8px;min-width:320px;padding:8px 12px;display:flex}.searchbox input{background:0 0;border:0;outline:0;width:100%;font-family:Tajawal,sans-serif;font-size:14px}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px;font-weight:600}.btn.primary{background:linear-gradient(135deg,#16a34a1f,#e11d481a);border-color:#16a34a40}.btn:hover{filter:brightness(.98)}.hero-cta{color:#12172f;background:linear-gradient(135deg,#fffafc,#f3eee9);border:2px solid #b7d9c3;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 10px 24px #14192d1a}.hero-cta:hover{border-color:#8fcda4;transform:translateY(-2px);box-shadow:0 14px 30px #14192d29}.hero-cta:active{transform:translateY(0)}.navlinks{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.dropdown-toggle,.navlinks a{color:#111827;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 12px;text-decoration:none}.dropdown-toggle:hover,.navlinks a:hover{background:#16a34a14;border-color:#16a34a2e}.navlinks a.active{background:#e11d4814;border-color:#e11d482e}.dropdown-menu{border:1px solid var(--border);box-shadow:var(--shadow);z-index:100;background:#fff;border-radius:12px;min-width:190px;margin-top:2px;padding:8px;display:none;position:absolute;top:100%;right:0}.dropdown-menu a{border-radius:10px;margin-bottom:5px;padding:10px 12px;display:block}.dropdown:hover .dropdown-menu{display:block}.burger{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:none}.burger i{color:#000;font-size:22px}.dropdown{position:relative}.dropdown:after{content:"";width:100%;height:10px;position:absolute;top:100%;right:0}.desktop-more{display:inline-block}.mobile-menu-search,.mobile-more,.mobile-more-menu{display:none}.mobile-more.open .mobile-more-menu{display:block}.mobile-more-arrow{font-size:14px;transition:transform .2s}.mobile-more.open .mobile-more-arrow{transform:rotate(180deg)}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(circle at 15% 25%,#16a34a29,#0000 40%),radial-gradient(circle at 85% 20%,#e11d4824,#0000 40%),linear-gradient(#ffffffd9,#ffffffa6);border-radius:28px;margin-top:20px;overflow:hidden}.hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:18px;padding:26px;display:grid}.hero h1{margin:0 0 8px;font-size:clamp(26px,3vw,34px)}.hero p{color:var(--muted);margin:0 0 16px;font-size:18px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-illustration{align-self:stretch;place-items:center;padding:10px;display:grid}.hero-illustration .card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd9;border-radius:24px;width:100%;max-width:360px;padding:16px}.hero-illustration>.card>h3{background:linear-gradient(270deg,#22c55e,#f59e0b,#ec4899,#6366f1,#22c55e);color:#0000;letter-spacing:.5px;text-shadow:0 0 10px #22c55e1f,0 0 20px #ec48991a;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;padding-top:15px;font-size:30px;font-weight:800;line-height:1.3;animation:14s infinite gradientFlow;display:inline-block;transform:translateY(2px)}@keyframes gradientFlow{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.latest-box-content{line-height:1.9}.latest-inline-icon{vertical-align:middle;width:1.1em;height:1.1em;margin-inline-end:4px}.heading-inline-icon,.latest-inline-icon{filter:drop-shadow(0 3px 6px #0003);display:inline-block}.heading-inline-icon{vertical-align:-.25em;width:1.3em;height:1.3em}.start-here{margin:30px 0}.start-here-card{text-align:center;background:linear-gradient(135deg,#f8f6ff,#fff);border:2px solid #efeaff;border-radius:20px;padding:22px 28px;transition:all .3s}.start-here-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #7c6cf226}.start-here-content h2{margin-bottom:10px;font-size:26px}.start-here-content p{color:#666;margin-bottom:18px}.start-here-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;display:flex}.start-here-tags span{color:#7c6cf2;background:#f1efff;border-radius:999px;padding:6px 12px;font-size:13px}.start-here-btn{color:#fff;background:#7c6cf2;border-radius:12px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.start-here-btn:hover{background:#6757e6}.section{justify-content:space-between;align-items:flex-end;gap:12px;margin:22px 0 10px;display:flex}.section h2{margin:10px 0;font-size:20px}.section .hint{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0;grid-column:span 4;overflow:hidden}.card .card-body{padding:14px}.card-body>div>div{justify-content:space-between}.card .main-page{padding:18px}.card-inline-icon{filter:drop-shadow(0 1px #0000001f)drop-shadow(0 0 1px #00000026)drop-shadow(0 2px 2px #00000014);vertical-align:-.12em;width:1.1em;height:1.1em;margin-inline-end:6px;display:inline-block}.card h3{margin:0 0 8px;font-size:30px}.card p{color:var(--muted);margin:0;font-size:18px;line-height:1.8}.card .tagrow{margin-top:10px}.tag{border:1px solid var(--border);color:#111827;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.tag.green{background:#16a34a14;border-color:#16a34a38}.tag.pink{background:#e11d4814;border-color:#e11d4838}.tag.blue{background:#3b82f614;border-color:#3b82f638}.tag.concept{color:#6b3fa0;background:#7c3aed1a;border-color:#7c3aed47}.tag.summary{color:#b45309;background:#d977061a;border-color:#d9770647}.level-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.level-tags .tag{padding:6px 10px;font-size:11px}.tag.level-n5{color:#2e7d32;background:#e8f7e9;border:1px solid #b8e0bb}.tag.level-n4{color:#1e5bb8;background:#e7f1ff;border:1px solid #b9d3ff}.tag.level-n3{color:#c77700;background:#fff3e0;border:1px solid #ffd9a8}.tag.level-n2{color:#6b3fa0;background:#f3e8ff;border:1px solid #d9c3ff}.tag.level-n1{color:#c62839;background:#ffe9ec;border:1px solid #ffc2c8}.tag.yellow-orange{color:#c77700;background:#fff3e0;border:1px solid #ffd9a8}.card .level-tags,.card .tagrow{flex-wrap:wrap;gap:8px;width:100%;display:flex}.card .level-tags{clear:both;margin-top:12px}.card .level-tags .tag{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;display:inline-flex}.card .actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.link{color:#0f172a;font-weight:700}.link:hover{color:var(--green-600)}.pagehead{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd9;border-radius:22px;margin:18px 0;padding:16px 18px}.pagehead h1{margin:0 0 6px;font-size:22px}.pagehead p{color:var(--muted);margin:0;line-height:1.8}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.input,.select{border:1px solid var(--border);background:#fff;border-radius:999px;outline:none;padding:10px 12px;font-size:14px}select.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;background-size:18px 18px;padding-left:44px}.input{min-width:240px}.detail{grid-template-columns:1fr .45fr;gap:14px;margin-top:14px;display:grid}.detail.no-practice{grid-template-columns:1fr}.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe6;overflow:hidden}.panel .panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel .panel-body{padding:14px 16px}.vocab-detail-page .kv{grid-template-columns:130px 1fr;gap:10px;margin:10px 0;display:grid}.kanji-detail-page .kv{flex-direction:row;justify-content:space-between;line-height:2.5;display:flex}.kv b{color:#111827}.muted{color:var(--muted)}.hr{background:var(--border);height:1px;margin:20px 0}.example{background:#e11d480f;border:1px dashed #e11d4859;border-radius:14px;margin:10px 0;padding:12px;line-height:1.95}.example .jp{font-size:18px}.example .jp,.example .kana{text-align:left;direction:ltr;font-family:Noto Sans JP,system-ui,sans-serif}.example .kana{color:#334155}.example .ar{color:#0f172a;font-size:18px}.badge{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.footer{color:var(--muted);text-align:center;margin-top:26px;padding:20px 0;font-size:13px}.footer-text{margin:0}.footer-icon{vertical-align:-3px;width:16px;height:16px;margin-inline-start:4px;display:inline-block}.footer-social{gap:14px;margin-bottom:18px;display:flex}.footer-social,.social-link{justify-content:center;align-items:center}.social-link{color:#252b56;background:#ffffffb8;border:1px solid #1f254a0f;border-radius:14px;width:42px;height:42px;font-size:19px;text-decoration:none;transition:transform .22s,box-shadow .22s,color .22s,background .22s;display:inline-flex;box-shadow:0 8px 18px #14192d14,inset 0 1px 1px #ffffffbf}.social-link:hover{background:#fff;transform:translateY(-4px)scale(1.04);box-shadow:0 14px 26px #14192d24,inset 0 1px 1px #ffffffd9}.social-link[aria-label=Instagram]:hover{color:#e1306c}.social-link[aria-label=TikTok]:hover{color:#111827}.social-link[aria-label=Facebook]:hover{color:#1877f2}.social-link[aria-label=Email]:hover{color:#7c6ff0}.social-link i{transition:transform .22s}.social-link:hover i{transform:scale(1.12)}.word-image img{object-fit:contain;object-position:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;height:260px;max-height:260px;margin-bottom:14px;display:block}.kanji-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.kanji-title{text-align:left;direction:ltr;margin:0 0 6px;font-family:Noto Sans JP,sans-serif;font-size:48px}.kanji-side-image{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:120px;height:120px}#head>div>div>p{margin-right:16px;font-size:18px}.no-scroll{overflow:hidden}.popup{z-index:9999;background:#00000059;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.popup-box{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(520px,100%);padding:18px 18px 14px;line-height:1.85}.popup-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.popup-x{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}.popup-hr{border:0;border-top:1px solid #e5e7eb;margin:12px 0}.popup-section{margin:20px 0}.popup-example{margin-top:6px}.jp{text-align:left;direction:ltr;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.popup-tip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;padding:10px 12px}.popup-actions{justify-content:flex-end;margin-top:12px;display:flex}.popup .btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px}.hidden{display:none}.grid{align-items:stretch}.grid .card{flex-direction:column;height:100%;display:flex}.grid .card .card-body{flex:1}.grid .card .actions{margin-top:auto}.grid .card-body p{min-height:60px}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.tag[data-action=onkunguide]{cursor:help}.tag[data-action=onkunguide]:hover{background:#e9f6ed;border-color:#7ecb9a}.search-results .card h3{margin:0 0 8px;font-size:25px;line-height:1.35}.search-results .card p{color:#6b7280;margin:0 0 10px}.search-results .tagrow{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.search-results .actions .link{font-weight:800}.num-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;overflow:hidden;box-shadow:0 8px 30px #0000000d}.num-top{text-align:center;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:14px;display:flex}.num-main{min-width:0}.num-line{justify-content:center;align-items:center;gap:10px;display:flex}.num-digit{font-size:54px;font-weight:900;line-height:1;display:none}.num-kanji{color:#0f1730;margin-bottom:8px;font-size:34px;font-weight:800;line-height:1.1}.num-kana{color:#c96a2c;margin-top:6px;margin-bottom:6px;font-size:18px}.num-kana-row{justify-content:center;align-items:center;display:flex}.num-meaning{color:#0f1730;margin-top:22px;margin-bottom:20px;font-size:20px;font-weight:500}.num-media{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex:none;justify-content:center;align-items:center;width:100%;height:175px;display:flex;overflow:hidden}.num-media img{object-fit:contain;width:100%;height:100%}.num-tip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;padding:10px 12px;line-height:1.8}.num-section{border-top:1px solid #eef2f7;margin-top:12px;padding-top:12px;display:none}.num-sec-title{margin-bottom:8px;font-weight:800}.num-rows .row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pill{direction:ltr;background:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.num-examples .ex,.pill{border:1px solid #e5e7eb}.num-examples .ex{border-radius:14px;margin-top:10px;padding:10px 12px;line-height:2}.numbers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px;padding:12px;display:grid}.num-card{position:relative}.number-sound-btn{z-index:5;width:42px;height:42px;position:absolute;top:22px;left:22px}.card-thumb{border:1px solid #e6e6ef;border-radius:18px;flex:0 0 130px;justify-content:center;align-items:center;width:150px;height:150px;padding:12px;display:flex;overflow:hidden}.card-thumb img{width:auto;max-width:100%;height:auto;max-height:100%}.card-thumb img,.card-thumb.fit-cover img{object-fit:contain;object-position:center;display:block}.card-thumb.fit-cover img{width:100%;height:100%}.card-thumb.fit-contain{width:100%;padding:10px}.card-thumb.fit-contain img{object-fit:contain;width:100%;height:100%;display:block}.card-row{align-items:flex-start;gap:16px;display:flex}.page-grammar .g-title{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.page-grammar .g-ar{text-align:center;font-size:22px;font-weight:800}.page-grammar .g-jp{letter-spacing:1px;text-align:center;direction:ltr;unicode-bidi:isolate;font-size:20px;font-weight:600}.hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0 14px;display:grid}.hub-card{box-sizing:border-box;cursor:pointer;text-align:start;background:#fff;border:1px solid #0f172a1a;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;min-height:170px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative}.hub-card:hover{transform:translateY(-4px)}.hub-card.active,.hub-card:hover{box-shadow:0 14px 30px #0f172a14}.hub-card.active{background:#f8fcf8;border:2px solid #8fb398}.hub-card.active:before{content:"";bottom:0;inset-inline-end:0;background:#8fb398;border-radius:10px 0 0 10px;width:6px;position:absolute;top:0}.hub-top{align-items:center;gap:14px;min-width:0;display:flex}.hub-emoji{background:#f6f6f6;border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.hub-emoji img{object-fit:contain;width:60%;height:60%}.hub-title{min-width:0}.hub-title h3{color:#111827;margin:0;font-size:20px;font-weight:800;line-height:1.2}.hub-title h3,.hub-title p{font-family:Tajawal,sans-serif}.hub-title p{color:#6b7280;margin:6px 0 0;font-size:13px}.hub-tags{flex-wrap:wrap;gap:8px;margin-top:14px;font-family:Tajawal,sans-serif;display:flex}.hub-tags .tag{white-space:nowrap;background:#00000005;border:1px solid #0000001a;border-radius:999px;padding:6px 10px;font-size:11px}.hub-action-hint{box-sizing:border-box;color:#64748b;border-top:1px dashed #0f172a1a;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:14px;padding-top:12px;font-size:13px;line-height:1.4;display:none}.hub-hint-text{text-align:right;flex:1}.hub-hint-arrow{flex:none;justify-content:center;align-items:center;margin:0;font-size:18px;line-height:1;transition:transform .2s,color .2s;display:inline-flex;transform:translateY(1px)}.hub-card.active .hub-hint-text{color:#365314;font-size:0;font-weight:600}.hub-card.active .hub-hint-text:before{content:"المحتوى ظاهر في الأسفل";font-size:13px;display:none}.hub-card.active .hub-hint-arrow{color:#365314;transform:rotate(180deg)}#numbersPanel .toolbar{margin:12px 12px 18px}.section-panel{margin-top:18px}#countersPanel,#datesPanel,#periodPanel,#timePanel{padding:32px}#countersPanel,#datesPanel,#numbersPanel,#periodPanel,#timePanel{display:none}#countersPanel.open,#datesPanel.open,#numbersPanel.open,#periodPanel.open,#timePanel.open{display:block}.section-head{margin:18px 0}.section-head h2{margin:0 0 8px;font-size:28px;font-weight:800}.table-note{color:#64748b;margin:0 0 14px;line-height:1.9}.counter-hero{background:linear-gradient(135deg,#f8fcf8,#fff);border:1px solid #0f172a14;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.counter-hero h3{margin:0 0 8px;font-size:24px;font-weight:800}.counter-hero-badges{flex-wrap:wrap;gap:10px;display:flex}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.counter-card{background:#fff;border:1px solid #0f172a14;border-radius:24px;align-items:flex-start;gap:16px;padding:18px;display:flex;box-shadow:0 10px 24px #0f172a0a}.counter-media{background:#f8fafc;border-radius:22px;flex-shrink:0;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.counter-media img{object-fit:contain;width:64px;height:64px}.counter-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.counter-main h3{margin:0;font-size:24px;font-weight:800}.counter-title-row h3{direction:ltr}.counter-main p{color:#475569;margin:8px 0;line-height:1.8}.counter-example,.counter-note{background:#f8fafc;border:1px dashed #0f172a14;border-radius:18px;margin-top:14px;padding:14px;line-height:1.9}#countersPanel>div.example-box{margin:18px 0}.counter-hero .counter-hero-text li{margin-bottom:14px;line-height:1.9}.mini-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.mini-info-card{background:#fff;border:1px solid #0f172a14;border-radius:22px;padding:18px;box-shadow:0 8px 22px #0f172a0a}.mini-info-icon{font-size:24px}.mini-info-icon img{fill:none;filter:drop-shadow(0 2px 3px #0003);stroke-width:2px;width:24px;height:24px;display:block}.mini-info-card h3{align-self:end;font-size:20px;font-weight:500}.dates-mini-card .dates-mini-line,.period-mini-line,.time-mini-card .time-mini-line{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.dates-mini-card h3,.period-mini-line h3,.time-mini-card h3{white-space:nowrap;margin:0;font-size:20px}.dates-mini-card .jp,.period-mini-line .jp,.time-mini-card .jp{white-space:nowrap;font-size:20px}.dates-mini-card p,.time-mini-card p{margin:0;line-height:1.8}.calendar-card,.example-box,.table-card{background:#fff;border:1px solid #0f172a14;border-radius:24px;margin-bottom:18px;padding:20px;box-shadow:0 10px 24px #0f172a0a}.calendar-card h3,.example-box h3,.table-card h3{margin:0 0 14px;font-size:22px;font-weight:800}.example-box hr{border:0;border-top:1px solid #0f172a14;margin:16px 0}.study-table{border-collapse:collapse;width:100%;overflow:hidden}.study-table td,.study-table th{text-align:start;vertical-align:top;border:1px solid #0f172a14;padding:12px 10px}.study-table th{background:#f8fafc;font-weight:800}#datesPanel .study-table td:nth-child(2),#datesPanel .study-table td:nth-child(3),#datesPanel .study-table th:nth-child(2),#datesPanel .study-table th:nth-child(3),#periodPanel .study-table td:nth-child(2),#periodPanel .study-table td:nth-child(3),#periodPanel .study-table th:nth-child(2),#periodPanel .study-table th:nth-child(3),#timePanel .study-table td:nth-child(2),#timePanel .study-table td:nth-child(3),#timePanel .study-table th:nth-child(2),#timePanel .study-table th:nth-child(3),.counters-table td:nth-child(-n+2),.counters-table th:nth-child(-n+2){text-align:center}.counters-table td,.counters-table th{vertical-align:middle}.counters-table td .jp{line-height:1.7}.counters-table td .muted{margin-inline:4px;display:block}.counters-table td:nth-child(4),.counters-table td:nth-child(4)>div.jp{text-align:center;line-height:2}.calendar-head{margin-bottom:20px}.days-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.day-box{background:#f8fafc;border:1px solid #0f172a14;border-radius:18px;flex-direction:column;justify-content:space-between;gap:8px;min-height:92px;padding:14px 10px;display:flex}.day-box.highlight{background:#f8fcf8;border-color:#8fb398;box-shadow:0 6px 16px #8fb39826}.day-num{color:#0f172a;font-size:22px;font-weight:800}#datesPanel .day-box{text-align:center;align-items:center}#datesPanel .day-box .jp{font-size:18px;line-height:1.7}#datesPanel .day-box.highlight{border-width:2px}.dates-top-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dates-pattern{text-align:center;margin:6px 0;font-size:20px}.note-box{margin-top:18px;line-height:1.9}.note-box strong{margin-bottom:6px;font-size:20px;display:block}.note-box .rule{text-align:center;margin:8px 0;font-size:18px;font-weight:600}.note-box .example{margin-top:6px}.resources-page .note-box p{text-align:right}.tip-header h3 .tip-icon-img{vertical-align:middle;width:32px;height:32px;margin-left:8px;display:inline-block}.search-field-wrap{background:#fff;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:10px;width:min(100%,460px);padding:10px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 20px #0f172a0a}.search-field-wrap:focus-within{border-color:#8fb398;transform:translateY(-1px);box-shadow:0 10px 24px #8fb3982e}.section-search-input{box-shadow:none;color:#0f172a;background:0 0;border:0;outline:0;width:100%;padding-top:0;padding-bottom:0;font-size:17px}.section-search-input::placeholder{color:#94a3b8;font-size:16px}#countersPanel .toolbar,#datesPanel .toolbar,#periodPanel .toolbar,#timePanel .toolbar{display:inline}.search-field-wrap{margin-top:10px;margin-bottom:60px}.date-icon,.period-icon{filter:drop-shadow(0 1px #0000001f)drop-shadow(0 2px 3px #0000001f);width:30px;height:30px;display:block}.card-title-main{letter-spacing:.02em;margin-bottom:4px;font-size:34px;line-height:1.2}.card-title-main,.card-title-sub{font-family:Noto Sans JP,Tajawal,sans-serif;display:block}.card-title-sub{color:var(--pink-600);letter-spacing:.05em;margin-bottom:18px;font-size:20px;line-height:1.4}.card-main{flex-direction:column;align-items:flex-start;display:flex}.card-desc{color:#475569;text-align:center;direction:rtl;unicode-bidi:plaintext;margin-top:4px;margin-bottom:16px;font-size:16px;line-height:1.8}.card-main .tagrow{gap:10px;margin-top:10px}.mobile-back-wrap{margin:12px 0 18px}.mobile-back-btn{color:#0f172a;cursor:pointer;font:inherit;background:#fff;border:1px solid #0f172a1a;border-radius:999px;padding:10px 16px;box-shadow:0 6px 16px #0f172a0d}.study-list{margin:14px 0 0;padding-inline-start:18px;line-height:1.9}.study-list li{margin-bottom:10px}#countersPanel .study-list{margin:16px 0 0;padding-inline-start:22px;list-style:outside}#countersPanel .study-list li{margin-bottom:14px;line-height:1.9;display:list-item}#countersPanel .study-list li .jp{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}.calendar-card h3,.example-box h3,.table-card h3{margin-bottom:0}.page-grammar .card-main span.g-ar{color:#0f172a;text-align:center;flex-wrap:wrap;margin:0;font-size:1.5rem;font-weight:800;line-height:1.25}.page-grammar .card-main span.g-jp{color:#d10000;text-align:center;direction:ltr;unicode-bidi:isolate;flex-wrap:wrap;justify-content:center;align-items:center;min-height:28px;margin:0 0 15px;font-size:1.25rem;font-weight:500;line-height:1.4;display:flex}.page-grammar .card-main span.g-jp:empty{visibility:hidden}.page-grammar .card-main .card-desc{color:#6b7280;text-align:right;flex-wrap:wrap;min-height:60px;margin:0 0 14px;padding:0 10px;line-height:1.8}#list>article .badges,#list>article .chips,#list>article .meta-tags,#list>article .tags{flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;display:flex}#list>article .badges>*,#list>article .chips>*,#list>article .meta-tags>*,#list>article .tags>*{justify-content:center;align-items:center;display:inline-flex}.pagehead.grammar-detail-head{text-align:center}.grammar-title-ar{color:#0f172a;margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.25}.grammar-title-jp{color:#64748b;margin:10px 0;font-size:clamp(22px,3vw,30px);font-weight:700}.grammar-summary{text-align:center;margin-top:14px}.jp-inline{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif;display:inline-block}#list article .card-title-main{max-width:100%;font-size:clamp(24px,2vw,30px)}#list article .card-title-main,#list article .card-title-sub{line-break:strict;overflow-wrap:normal;direction:ltr;unicode-bidi:isolate}#list article .card-title-sub{word-break:keep-all}#list article .card-body>div:first-child>div:last-child{min-width:0}#list article .jp-inline{white-space:nowrap;display:inline-block}#list article .jp-inline,.card-title-main,.card-title-sub{line-break:strict;overflow-wrap:normal;word-break:keep-all;direction:ltr;unicode-bidi:isolate}.page-grammar #list article .card-title-main{direction:rtl}.page-vocab .card-thumb{border-radius:22px;flex:none;justify-content:center;align-items:center;width:100%;height:220px;margin:0 auto;padding:16px;display:flex}.page-vocab .card-thumb img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.page-grammar #list>article>.card-body{display:flex}.page-grammar #list>article>.card-body>.card-row{width:100%}.page-grammar #list>article .card-main{text-align:center;flex-direction:column;align-items:center;min-height:100%;display:flex}#list>article>div.card-body>div>div>p{font-size:22px}.tag-filter{min-width:150px;position:relative}.tag-filter-btn{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tag-filter-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000014}.tag-filter-menu.hidden{display:none}.tag-filter-menu .tag-filter-search{width:180px;min-width:0;margin:0 auto 12px;padding:8px 12px;font-size:14px;display:block}.tag-filter-options{flex-direction:column;gap:8px;max-height:260px;padding-left:12px;display:flex;overflow-y:auto}.tag-option{cursor:pointer;text-align:right;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.tag-option.active,.tag-option:hover{background:#f7f8fc;border-color:#cfd6e4}#count{color:#5f6b7a;background:#f8fafb;border:1px solid #d9dde7;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:8px 14px 20px 0;padding:8px 14px;font-size:15px;font-weight:400;display:inline-flex}.usage-list{margin:10px 0 0;line-height:2}.formation-box{flex-direction:column;gap:14px;margin-top:10px;display:flex}.formation-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px}.formation-main{color:#163b6b;text-align:center;direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:700;line-height:2}.formation-sub{color:#64748b;text-align:center;margin-top:6px;font-size:1rem;font-weight:500;line-height:1.8}.formation-variants{flex-direction:column;gap:14px;margin-top:12px;display:flex}.formation-variant{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;display:block}.variant-number{color:#fff;background:#7da2e3;border-radius:50%;flex-shrink:0;justify-content:center;width:38px;height:38px;font-size:20px;font-weight:700}.variant-head,.variant-number{align-items:center;display:flex}.variant-head{flex-direction:row-reverse;justify-content:space-between;gap:16px;margin-bottom:10px}.variant-label{color:#64748b;white-space:nowrap;font-size:1.05rem;font-weight:700}.formation-meaning{color:#0f172a;background:#fff7ed;border:1px solid #f1c58a;border-radius:12px;width:100%;max-width:100%;margin-top:14px;padding:10px 14px;font-size:1rem;line-height:1.8;display:block}.formation-steps{flex-direction:column;gap:16px;margin-top:14px;display:flex}.formation-step{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;gap:14px;padding:14px;display:flex}.step-number{color:#fff;background:#0ea5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.step-content{flex:1}.step-type{color:#b91c1c;font-weight:700}.step-type-ar{color:#334155;margin-right:6px}.step-rule{color:#1e3a8a;text-align:left;direction:ltr;margin-top:6px;font-family:Noto Sans JP,sans-serif;font-size:1.15rem;line-height:1.9}.step-rule-ar{color:#64748b;margin-top:4px;line-height:1.8}.g-particle{color:#0f766e;font-weight:800}.g-jp,.variant-jp{color:#1e3a8a;font-weight:700}.variant-jp{text-align:left;direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-family:Noto Sans JP,sans-serif;font-size:1.35rem}.variant-right{direction:rtl;align-items:center;gap:10px;display:flex}.grammar-plus{color:#d97706;padding:0 4px;font-weight:800}.grammar-term{padding-top:14px;line-height:1;display:inline-block;position:relative}.grammar-term-ar{color:#7c8798;white-space:nowrap;font-size:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.grammar-term-en{color:#1e3a8a;font-weight:700}body>main>section{align-items:start}body>main>section>aside{height:fit-content}.qa-box{background:#f4f8ff;border:1px dashed #bfd7f5}.qa-part{padding:2px 0}.qa-label{color:#e67e22;margin-bottom:8px;font-size:16px;font-weight:700}.qa-divider{border-top:1px dashed #d7e3f7;margin:14px 0}.jp-inline-word{direction:ltr;unicode-bidi:isolate;margin-inline:.28em;font-family:Noto Sans JP,sans-serif;display:inline-block}.formation-table th{text-wrap:nowrap}.formation-table td{direction:rtl}.formation-table .jp-example{text-align:center;direction:ltr;display:inline-block}.verb-hero .hero-card{background:linear-gradient(135deg,#fffdf8,#f7f3ff);border:1px solid #ece7f7;border-radius:28px;margin-top:30px;padding:28px 24px;box-shadow:0 10px 30px #0f172a0d}.verb-hero .hero-badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.verb-hero p{color:#475569;margin:0;font-size:17px;line-height:1.9}.verb-layout{gap:24px;margin-top:26px;display:grid}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{background:#fff;border:1px solid #eaeef5;border-radius:24px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.verb-intro-jp{color:#1e293b;text-align:left;direction:ltr;unicode-bidi:isolate;margin-bottom:12px;font-size:24px;font-weight:800}.verb-group-jp,.verb-intro-jp{display:none}.verb-intro-card p{color:#475569;margin:0 0 10px;line-height:1.95}.verb-groups-grid{align-items:stretch;gap:20px;display:grid}.verb-group-card{overflow:hidden}.verb-group-card.ichidan{background:linear-gradient(#fff,#f8fffb)}.verb-group-card.godan{background:linear-gradient(#fff,#fffaf5)}.verb-group-top h2{margin-top:10px}.verb-group-jp{color:#0f172a;text-align:left;direction:ltr;unicode-bidi:isolate;margin-top:8px;font-size:21px;font-weight:800}.verb-group-summary{color:#475569;margin:25px 0 0;line-height:1.9;display:none}.verb-badge{color:#0f766e;letter-spacing:.3px;background:#ecfeff;border:1px solid #bae6fd;margin-bottom:12px;display:inline-block}.verb-compare-card h2,.verb-group-section h3,.verb-practice-card h2,.verb-table-card h3,.verb-warning-card h2{color:#0f172a;margin:0 0 10px;font-size:20px}.verb-bullet-list{margin:0;padding-right:18px;line-height:1.95}.verb-bullet-list li{color:#334155;margin-bottom:8px}.verb-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.verb-mini-example{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px 12px}.verb-mini-jp{color:#111827;font-size:22px;font-weight:800}.verb-mini-jp,.verb-mini-kana{text-align:left;direction:ltr;unicode-bidi:isolate}.verb-mini-kana{color:#64748b;margin-top:4px;font-size:15px}.verb-mini-ar{color:#334155;margin-top:8px;font-size:14px;line-height:1.7}.verb-warning-card{background:linear-gradient(#fffef7,#fffbeb);border-color:#fde68a}.verb-tables-stack{gap:18px;display:grid}.verb-table-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.verb-table-jp{text-align:left;direction:ltr;unicode-bidi:isolate}.verb-type-tag{color:#334155;white-space:nowrap;background:#f1f5f9;justify-content:center;align-items:center;display:inline-flex}.verb-table td,.verb-table th{text-align:right;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px 10px}.verb-table th{color:#0f172a;background:#f8fafc;font-weight:800}.verb-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.verb-compare-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.verb-compare-type{color:#0f172a;text-align:left;direction:ltr;unicode-bidi:isolate;margin-bottom:6px;font-size:20px;font-weight:800}.verb-compare-rule{color:#475569;line-height:1.8}.verb-practice-item{line-height:1.9}.verb-vowel-table td{font-size:18px;line-height:1.8}.verb-table-notes{background:#fffdf8;border:1px dashed #e9d8a6}.verb-table-notes h4{color:#0f172a;margin:0 0 10px;font-size:17px}.verb-vowel-table{direction:ltr}.verb-vowel-table td,.verb-vowel-table th{text-align:center;vertical-align:top;direction:ltr}.verb-vowel-table td{min-width:120px;padding:16px 10px}.verb-kind-cell{color:#0f172a;background:#f8fafc}.verb-cell-jp{text-align:center;direction:ltr;unicode-bidi:isolate}.verb-cell-ar{text-align:center;direction:rtl}.verb-vowel-block{border-top:1px solid #edf2f7}.verb-vowel-block:first-of-type{border-top:0;margin-top:0;padding-top:0}.verb-vowel-label{color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:600}.verb-base{color:#111827}.verb-changed{color:#2563eb;font-weight:600}.verb-ending{color:#e11d48;font-weight:600}.intro-list{margin:0;padding:0;list-style:none}.intro-list li{color:#475569;margin-bottom:12px;padding-right:20px;line-height:1.9;position:relative}.intro-list li:before{color:#6366f1;content:"•";font-weight:700;position:absolute;right:0}.verb-group-top h2{color:#1e293b;margin-bottom:8px;font-size:28px;font-weight:800;display:block;position:relative}.verb-group-top h2:after{content:"";background:linear-gradient(270deg,#6366f1,#a78bfa);border-radius:6px;width:60px;height:4px;position:absolute;bottom:-6px;right:0}.verb-group-section{margin-top:30px}.steps-list{counter-reset:step;margin:0;padding:0;list-style:none}.steps-list li{color:#475569;counter-increment:step;margin:14px 0;padding-right:38px;line-height:1.9;position:relative}.steps-list li:before{color:#fff;content:counter(step);background:linear-gradient(270deg,#6366f1,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex;position:absolute;top:2px;right:0}.steps-list li:hover:before{transform:scale(1.1)}.verb-group-card{flex-direction:column;height:100%;display:flex}.note-verbs-grid{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.note-verb{text-align:center;background:#f3f0ff;border-radius:14px;min-width:80px;padding:8px 12px}.note-verb span{color:#6c5ce7;font-size:16px;font-weight:700;display:block}.note-verb small{color:#666;margin-top:2px;font-size:12px;display:block}.no-bullet{margin-right:0;padding-right:0;list-style:none}.variant-ichidan{background:#fdf4ff}.variant-godan{background:#f0f9ff}.verb-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.verb-vowel-label-main.kuru,.verb-vowel-label-main.suru{color:#2563eb}.verb-table-card{padding:28px 34px}.verb-table-head h3{color:#0f172a;margin:0 0 18px;font-size:30px;font-weight:600;line-height:1.35}.verb-table-jp{color:#525e79;letter-spacing:.01em;margin-top:10px;margin-bottom:14px;font-size:30px;font-weight:600;line-height:1.3}.verb-table-desc{color:#475569;margin:18px 0 22px;font-size:17px;font-weight:400;line-height:2}.verb-type-tag{border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.verb-table-notes h4,.verb-vowel-label{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.5}.verb-vowel-table th{padding:16px 12px;font-size:22px;font-weight:600;line-height:1.4}.verb-cell-jp{color:#0f172a;font-size:20px;font-weight:600;line-height:1.6}.verb-cell-ar{color:#64748b;margin-top:6px;font-size:14px;font-weight:400;line-height:1.9}.verb-kind-cell{font-size:16px;font-weight:600}.verb-vowel-label-wrap{text-align:right;margin-bottom:14px}.verb-vowel-label-main{color:#0f172a;font-size:24px;font-weight:600;line-height:1.35}.verb-vowel-label-sub{color:#64748b;margin-top:4px;font-size:15px;font-weight:500;line-height:1.8}.verb-table-notes{border-radius:18px;margin-top:20px;padding:18px 20px}.verb-table-notes .verb-bullet-list li{color:#475569;font-size:15px;line-height:1.95}.verb-vowel-block{margin-top:20px;padding-top:20px}.verb-practice-question-side{flex-direction:row-reverse;gap:12px}.verb-practice-question{flex:1}.page-verbs,.verb-page,.verbs-page{overflow-x:hidden}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}*,:after,:before{box-sizing:border-box}.page-content,.page-shell,.verb-page,.verbs-page,main{width:100%;max-width:100%;overflow-x:hidden}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{margin-inline:auto}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-card,.verb-practice-item,.verb-practice-question-side,.verb-table-card,.verb-table-head,.verb-warning-card{min-width:0}.verb-intro-card{margin-inline:auto}.verb-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.verb-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px}.verb-compare-grid,.verb-groups-grid,.verb-mini-grid,.verb-practice-list,.verb-tables-stack{width:100%;min-width:0;max-width:100%}.verb-compare-card,.verb-group-card,.verb-groups-grid,.verb-groups-grid>*,.verb-intro-card,.verb-layout,.verb-layout>*,.verb-practice-card,.verb-table-card,.verb-types-page,.verb-types-page .container,.verb-warning-card{min-width:0;max-width:100%}.verb-types-page .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto;overflow-x:clip}.verb-groups-grid,.verb-layout,.verb-layout>*{width:100%;min-width:0;max-width:100%}.verb-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.verb-groups-grid>*{width:auto;min-width:0;max-width:100%}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{width:100%;max-width:100%;overflow:hidden}.verb-compare-card *,.verb-group-card *,.verb-intro-card *,.verb-practice-card *,.verb-table-card *,.verb-warning-card *{min-width:0}html{scroll-behavior:smooth}.scroll-top-btn{background:var(--scroll-top-bg,#7c6cf2);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;transition:opacity .25s,transform .25s,visibility .25s,filter .25s;display:flex;position:fixed;bottom:20px;left:20px;transform:translateY(12px);box-shadow:0 10px 24px #7c6cf240}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{filter:brightness(.9);transform:translateY(0)scale(1.08)}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-table td .verb-form-jp,.verb-table td .verb-stem,.verb-vowel-table td .verb-base,.verb-vowel-table td .verb-cell-jp,.verb-vowel-table td .verb-changed,.verb-vowel-table td .verb-ending,.verb-vowel-table td .verb-form-jp,.verb-vowel-table td .verb-stem{letter-spacing:0!important;line-break:strict!important;overflow-wrap:normal!important;white-space:nowrap!important;word-break:keep-all!important;direction:ltr!important;unicode-bidi:isolate!important;max-width:none!important;display:inline-block!important}.verb-table td .verb-cell-jp,.verb-vowel-table td .verb-cell-jp{justify-content:center;align-items:baseline;display:inline-flex;gap:0!important}.basics-page{padding:32px 0 56px}.basics-hero{text-align:center;background:linear-gradient(135deg,#faf8ff,#fff);border:1px solid #ece7ff;border-radius:24px;margin-bottom:28px;padding:32px 20px}.page-badge{color:#7c6cf2;background:#f1edff;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:14px;display:inline-block}.basics-hero h1{margin:0 0 12px;font-size:38px}.basics-hero p{color:#667085;max-width:760px;margin:0 auto;line-height:1.9}a.basics-card.main-card{border:2px solid #7c6cf276;box-shadow:0 10px 30px #7c6cf226}a.basics-card.main-card:hover{transition:all .3s;transform:translateY(-4px);box-shadow:0 20px 40px #7c6cf226}.basics-card a{color:#7c6cf2;font-weight:700;text-decoration:none}.basics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.basics-card{box-sizing:border-box;color:inherit;cursor:pointer;background:#fff;border:1px solid #ebe7f5;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;min-height:260px;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 10px 30px #1018280a}.basics-card:hover{border-color:#dcd3ff;transform:translateY(-4px);box-shadow:0 14px 34px #10182814}.basics-card h3{color:#101828;margin:0 0 14px;font-size:32px;line-height:1.3}.basics-card p{color:#667085;margin:0;font-size:18px;line-height:1.9}.basics-link{color:#7c6cf2;margin-top:22px;font-size:18px;font-weight:700;display:inline-block}.featured-card-title{gap:10px;margin:0;display:inline-flex}.card-highlight{color:#c7c0fa;flex-shrink:0;margin-right:6px;font-size:16px;line-height:1;transform:translateY(2px)}:root{--adj-bg-soft:#fcfbff;--adj-border:#ece7ff;--adj-border-strong:#ddd2ff;--adj-purple:#7c6cf2;--adj-purple-soft:#f1edff;--adj-text:#0f172a;--adj-text-soft:#667085;--adj-shadow:0 10px 24px #0f172a0d;--adj-na-accent:#fdfaff;--adj-i-accent:#fafdff;--adj-na-border:#e3d5ff;--adj-i-border:#d7ebff;--adj-special-bg:#fff9fb;--adj-special-border:#f1d6e2;--adj-special-text:#b5476b;--adj-i-ending:#ff6b6b}.adjectives-page{padding:28px 0 0;font-family:Tajawal,sans-serif}.adjectives-page *,.adjectives-page :after,.adjectives-page :before{box-sizing:border-box}.adjectives-page h1,.adjectives-page h2,.adjectives-page h3,.adjectives-page h4{color:var(--adj-text);margin:0;font-family:Tajawal,sans-serif}.adjectives-page p{color:var(--adj-text-soft);margin:0;font-family:Tajawal,sans-serif;line-height:1.9}.adjectives-page .adj-chip.jp,.adjectives-page .adj-example-jp,.adjectives-page .adj-example-small .jp,.adjectives-page .answer .jp,.adjectives-page .jp,.adjectives-page .jp-inline,.adjectives-page .q-text .jp{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif}.adj-page-badge{background:var(--adj-purple-soft);color:var(--adj-purple);border-radius:999px;justify-content:center;align-items:center;margin-bottom:14px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.adj-hero{border:1px solid var(--adj-border);box-shadow:var(--adj-shadow);text-align:center;background:linear-gradient(135deg,#faf8ff,#fff);border-radius:28px;margin-bottom:24px;padding:32px 24px}.adj-hero h1{margin-bottom:14px;font-size:38px;font-weight:800;line-height:1.25}.adj-hero p{max-width:860px;margin-inline:auto;font-size:18px;line-height:1.9}.adj-practice-section,.adj-section-card,.adj-special-case-card{border:1px solid var(--adj-border);box-shadow:var(--adj-shadow);background:#fff;border-radius:26px;margin-bottom:24px;padding:26px}.adj-section-title-wrap{margin-bottom:20px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.3}.adj-practice-section>p,.adj-section-title-wrap p{color:var(--adj-text-soft);font-size:16px}.adj-conjugation-grid,.adj-types-grid,.adj-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.adj-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.adj-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.adj-conjugation-card,.adj-type-card,.adj-usage-card{background:var(--adj-bg-soft);border:1px solid var(--adj-border);border-radius:22px;padding:22px}.adj-example-card{border:1px solid var(--adj-border);background:#fff;border-radius:20px;padding:18px 20px}.adj-na-card{background:linear-gradient(180deg,var(--adj-na-accent),#fff);border-color:var(--adj-na-border)}.adj-i-card{background:linear-gradient(180deg,var(--adj-i-accent),#fff);border-color:var(--adj-i-border)}.adj-type-badge{background:var(--adj-purple-soft);color:var(--adj-purple);border-radius:999px;justify-content:center;align-items:center;min-height:32px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.35}.adj-type-desc{margin-bottom:12px;font-size:17px;line-height:1.95}.form-label{border-radius:999px;justify-content:center;align-items:center;min-height:28px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.form-label.present{color:#4f46e5;background:#eef2ff}.form-label.negative{color:#e11d48;background:#fff1f2}.form-label.past{color:#16a34a;background:#f0fdf4}.form-label.past-negative{color:#a39516;background-color:#fdfdf0}.form-card h3{margin-bottom:10px;font-size:20px;font-weight:800}.form-card.present{color:#4f46e5}.form-card.negative{color:#e11d48}.form-card.past{color:#16a34a}.form-card.past-negative{color:#a39516}.adj-i-ending{color:var(--adj-i-ending);font-weight:800}.adj-chip-list{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.adj-chip{color:var(--adj-purple);background:#f4f1ff;border:1px solid #ece4ff;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:7px 14px;font-size:17px;font-weight:700;display:inline-flex}.adj-special-case-card{background:linear-gradient(135deg,var(--adj-special-bg),#fff);border:1px solid var(--adj-special-border)}.adj-special-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.adj-special-badge{color:#c1477a;background:#ffeaf2;border-radius:999px;justify-content:center;align-items:center;min-height:32px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.adj-special-text.strong{color:var(--adj-special-text);margin-bottom:8px;font-size:18px;font-weight:700}.adj-special-sub{color:var(--adj-text-soft);font-size:16px;line-height:1.95}.adj-special-item{border:1px solid var(--adj-special-border);text-align:center;background:#fff;border-radius:18px;padding:16px}.adj-special-item small{color:var(--adj-text-soft);margin-top:10px;font-size:14px;display:block}.adj-card-top{border-bottom:1px dashed var(--adj-border-strong);margin-bottom:18px;padding-bottom:12px}.adj-card-top p{font-size:16px}.adj-form-list{gap:14px;display:grid}.adj-form-item{border:1px solid var(--adj-border);background:#fff;border-radius:18px;padding:16px}.adj-form-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.adj-form-item h4{font-size:20px;font-weight:800;line-height:1.4}.adj-steps{margin:10px 0 12px;padding-right:18px}.adj-steps li{color:var(--adj-text);margin-bottom:6px;font-size:16px;font-weight:600}.adj-usage-card{min-height:220px}.adj-usage-line{color:var(--adj-text);font-size:16px}.adj-usage-line.result{color:var(--adj-purple);font-weight:700}.adj-ar-desc{margin-top:6px;font-size:16px}.adj-example-card.new{background:#fafaff;border-radius:18px;padding:20px}.adj-example-jp{color:#1d2939;text-align:left;font-size:19px;font-weight:700;line-height:1.8}.adj-divider{background:#ece7ff;height:1px;margin:10px 0}.adj-example-ar.big{color:var(--adj-text);font-size:17px;font-weight:600}.adj-practice-list{gap:16px;margin-top:18px;display:grid}.adj-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;grid-template-columns:56px minmax(260px,1.5fr) 170px minmax(180px,1fr);align-items:center;gap:18px;padding:20px 18px;display:grid}.q-number{color:#6d28d9;background:#f3e8ff;border-radius:50%;grid-column:1;justify-content:center;justify-self:end;align-items:center;width:44px;min-width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.q-text{color:var(--adj-text-soft);text-align:right;grid-column:2;margin:0;font-size:18px;font-weight:700;line-height:1.8}.show-answer-btn{color:#4f46d8;cursor:pointer;white-space:nowrap;background:#efecfb;border:none;border-radius:999px;grid-column:3;justify-content:center;align-items:center;min-width:140px;margin:0;padding:12px 18px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.show-answer-btn:hover{background:#e3def8;transform:translateY(-1px)}.answer{grid-column:4;margin:0;font-size:18px;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important}.adj-conjugation-grid>.adj-na-card,.adj-types-grid>.adj-na-card,.adj-usage-grid>.adj-na-card{order:1}.adj-conjugation-grid>.adj-i-card,.adj-types-grid>.adj-i-card,.adj-usage-grid>.adj-i-card{order:2}.verb-practice-list{display:grid;gap:16px!important;margin-top:18px!important}.verb-practice-item{grid-template-columns:56px minmax(260px,1.5fr) 170px minmax(180px,1fr);align-items:center;display:grid;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;gap:18px!important;padding:20px 18px!important;box-shadow:0 8px 20px #10182808!important}.verb-practice-number-side{grid-column:1;justify-content:flex-end;align-items:center;display:flex;width:auto!important}.verb-practice-number{flex:0 0 44px;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:22px;display:flex;color:#6d28d9!important;background:#f3e8ff!important;border-radius:50%!important;width:44px!important;font-weight:800!important}.verb-practice-question-side{grid-column:2;align-items:center;min-width:0;display:flex;width:auto!important}.verb-practice-question{text-align:right;width:100%;min-width:0;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important;margin:0!important;font-size:18px!important}.verb-practice-button-side{grid-column:3;display:flex;width:auto!important}.verb-answer-toggle,.verb-practice-button-side{justify-content:center;align-items:center;margin:0!important}.verb-answer-toggle{cursor:pointer;white-space:nowrap;background:#efecfb;min-width:140px;font-family:Tajawal,sans-serif;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;color:#4f46d8!important;border:none!important;border-radius:999px!important;padding:12px 18px!important;font-size:16px!important}.verb-answer-toggle:hover{transform:translateY(-1px);background:#e3def8!important}.verb-practice-answer-side{text-align:left;grid-column:4;justify-content:center;align-items:center;min-width:0;display:flex;width:auto!important}.verb-practice-answer{text-align:left;white-space:nowrap;min-width:0;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important;margin:0!important;font-size:18px!important}.verb-practice-answer[hidden]{display:none}.verb-practice-answer.show{display:block!important}.verb-practice-answer:not([hidden]){display:block}.adj-chip-list-meaning{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.adj-chip-card{text-align:center;background:#f7f4ff;border:1px solid #e8e0ff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:150px;padding:12px 16px;display:flex}.adj-chip-word{color:#7c6cf2;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700;line-height:1.4}.adj-chip-meaning{color:#667085;font-size:14px;font-weight:600;line-height:1}.adj-ii-note-card{background:linear-gradient(135deg,#fffdf8,#fff);border:1px solid #f3dfb3;border-radius:26px;margin-bottom:24px;padding:26px;box-shadow:0 10px 24px #0f172a0d}.adj-ii-head{margin-bottom:16px}.adj-ii-badge{color:#a16207;background:#fff2cc;border-radius:999px;justify-content:center;align-items:center;min-height:32px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.adj-ii-head h2{color:#0f172a;font-size:28px;font-weight:800}.adj-ii-intro{color:#667085;margin-bottom:10px;font-size:17px;line-height:2}.adj-ii-flow{background:#fffaf0;border:1px dashed #f3dfb3;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 22px;padding:14px 16px;display:flex}.adj-ii-step{background:#fff;border:1px solid #f3dfb3;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:8px 16px;font-size:18px;display:inline-flex}.adj-ii-arrow,.adj-ii-step{color:#a16207;font-weight:700}.adj-ii-arrow{font-size:15px}.adj-ii-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.adj-ii-form-card{background:#fff;border:1px solid #f1e4c4;border-radius:20px;padding:18px}.adj-ii-form-card h3{color:#0f172a;margin-bottom:10px;font-size:20px;font-weight:800}.adj-ii-jp{color:#a16207;text-align:left;margin-bottom:8px;font-size:22px;font-weight:700}.adj-ii-ar{color:#667085;font-size:15px;line-height:1.8}.adj-ii-summary{background:#fff;border:1px solid #f1e4c4;border-radius:20px;padding:18px}.adj-ii-summary h3{margin-bottom:10px;font-size:20px;font-weight:800}.adj-ii-summary ul{margin:0;padding-right:18px}.adj-ii-summary li{color:#0f172a;margin-bottom:6px;font-size:16px;line-height:1.9}.formula-list .jp-inline{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif}.formula-list small{color:#7c6cf2;margin-right:6px;font-size:13px;font-weight:700}.formula-list{gap:8px;margin:10px 0 12px;padding:0;list-style:none;display:grid}.formula-list li{grid-template-columns:auto 1fr;align-items:center;gap:14px;font-size:18px;line-height:1.9;display:grid}.formula-label{color:#7c6cf2;white-space:nowrap;font-family:Tajawal,sans-serif;font-size:14px;font-weight:800}.formula-pattern{color:#0f172a;text-align:left;direction:ltr;unicode-bidi:isolate;font-family:Tajawal,sans-serif;font-size:18px;font-weight:700}.formula-pattern .jp-inline,.formula-pattern .jp-part{font-family:Noto Sans JP,sans-serif;font-weight:700}.adj-example-line{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.adj-example-tag{white-space:nowrap;font-family:Tajawal,sans-serif;font-weight:800}.adj-example-flow{direction:ltr;flex:1;justify-content:flex-start;align-items:center;display:flex}.adj-example-from,.adj-example-to{color:#475467;font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:700;line-height:1.6}.adj-example-arrow{color:#9b8cff;font-size:28px;font-weight:900;line-height:1}.adj-example-line{background:#fcfbff;border:1px dashed #e3dcff;border-radius:14px;padding:12px 14px}.adj-example-tag{color:#8b7cf6;font-size:12px}.adj-example-flow{gap:10px}.adj-example-from{color:#98a2b3;font-weight:600}.adj-example-to{color:#475467;font-weight:700}.adj-example-to br{line-height:1.6}.adj-usage-box{flex-direction:column;gap:10px;margin-top:6px;display:flex}.adj-usage-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.adj-usage-label{color:#667085;min-width:78px;font-weight:700}.adj-usage-jp-wrap{align-items:center;gap:14px;display:inline-flex}.adj-usage-jp-wrap .jp,.adj-usage-line.result .jp{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700}.adj-usage-meaning{color:#667085;font-size:15px}.adj-usage-line.result{border-top:1px dashed #ddd2ff;margin-top:4px;padding-top:8px}.na-highlight{color:#e9a12b;font-weight:800}.adj-question-card{min-width:0;overflow:visible}.q-text{line-break:auto;overflow-wrap:anywhere;white-space:normal;word-break:normal;min-width:0;max-width:100%!important}.q-text .jp,.q-text .jp-inline{overflow-wrap:normal;word-break:keep-all;display:inline;white-space:normal!important}.answer{overflow-wrap:anywhere;text-align:center;min-width:0;white-space:normal!important;width:100%!important;max-width:100%!important}.q-number{margin:0 auto}.te-use-link{color:#6b8f71;margin-top:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.te-use-link:hover{color:#4f7c5d}.use-arrow{margin-right:5px;font-size:18px;font-weight:900}.teform-page{padding-bottom:48px}.teform-hero .hero-card{text-align:center;background:linear-gradient(135deg,#fffdf8,#f7f3ff);border:1px solid #ece7f7;border-radius:28px;margin-top:30px;padding:30px 24px;box-shadow:0 10px 30px #0f172a0d}.teform-hero .hero-badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.teform-hero h1{margin:0 0 12px;font-size:clamp(30px,4vw,52px);line-height:1.2}.teform-hero p{color:#475569;max-width:900px;margin:0 auto;font-size:18px;line-height:1.9}.teform-layout{gap:24px;margin-top:26px;display:grid}.te-card{background:#fff;border:1px solid #eaeef5;border-radius:24px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.te-section-title-wrap{gap:8px;margin-bottom:18px;display:grid}.te-section-title-wrap h2{margin:0;font-size:34px;line-height:1.3}.te-section-title-wrap p{color:#64748b;margin:0;font-size:17px;line-height:1.9}.te-uses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.te-use-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #ece7f7;border-radius:20px;padding:18px}.te-use-card h3{margin:0 0 8px;font-size:28px}.te-use-formula{color:#4338ca;margin-bottom:10px;font-size:22px;font-weight:700}.te-use-desc{color:#64748b;line-height:1.9}.te-mini-example{background:#fafafa;border:1px dashed #e6dfff;border-radius:16px;margin-top:14px;padding:14px}.te-mini-example p{margin:0}.te-mini-example .jp{color:#111827;margin-bottom:6px;font-size:20px;font-weight:700}.te-rule-item{background:#fff;border:1px solid #eaeef5;border-radius:22px;padding:18px}.rule-soft-purple{background:linear-gradient(#fff,#fcfbff);border-color:#e8ddff}.rule-soft-green{background:linear-gradient(#fff,#f8fffb);border-color:#d9efe2}.rule-soft-blue{background:linear-gradient(#fff,#f8fbff);border-color:#dbeafe}.rule-soft-orange{background:linear-gradient(#fff,#fffaf5);border-color:#fde7d4}.rule-soft-pink{background:linear-gradient(#fff,#fff8fb);border-color:#f7d8e6}.rule-soft-lilac{background:linear-gradient(#fff,#fbf9ff);border-color:#e9defd}.te-rule-head{gap:10px;margin-bottom:14px;display:grid}.te-rule-badge{color:#7c6cf2;background:#f1edff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.te-rule-head h3{margin:0;font-size:26px;line-height:1.55}.te-steps{gap:6px;margin:0;padding-right:20px;display:grid}.te-steps li{color:#334155;font-size:18px;line-height:1.9}.te-rule-example{direction:ltr}.te-rule-example p{color:#64748b;margin:0;line-height:1.9}.te-rule-example .jp{color:#111827;font-weight:700}.te-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.te-special-item{text-align:center;background:#fff;border:1px solid #eaeef5;border-radius:20px;padding:20px}.te-special-warning{background:linear-gradient(#fff,#fff9fb);border-color:#f3d8e3}.te-special-label{color:#7c6cf2;background:#f1edff;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.te-special-label.warning{color:#e11d48;background:#fff1f2}.te-special-flow{direction:ltr;justify-content:center;align-items:center;gap:10px;font-size:30px;font-weight:800;display:flex}.te-arrow{color:#8b82f7;font-size:24px}.te-special-item p{color:#64748b;margin:12px 0 0}.te-double-grid{gap:18px;display:grid}.te-practice-section{border-color:#e3d5ff}.teform-page .answer .jp,.teform-page .jp,.teform-page .jp-inline,.teform-page .q-text .jp{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif}.te-type-intro-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #eaeef5;border-radius:20px;padding:18px}.te-type-intro-card h3{margin:0 0 8px;font-size:28px}.te-type-intro-card p{color:#64748b;margin:0;line-height:1.9}.te-old{position:relative}.te-old:after{color:#ef444499;content:"✕";pointer-events:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;inset:0}.te-new{color:#7c6cf2;font-weight:800}.te-ta-explain{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.te-ta-mini-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #eaeef5;border-radius:18px;padding:18px}.te-ta-mini-card h3{margin:0 0 8px;font-size:24px}.te-ta-formula{color:#4338ca;margin:0 0 14px;font-size:24px;font-weight:800}.answer{display:none}.answer.visible{display:block}.te-main-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.te-column{gap:18px;display:grid}.te-example-row{text-align:left;direction:ltr;grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:10px;padding:2px 0;display:grid}.te-example-side{justify-items:center;gap:2px;display:grid}.te-meaning{color:#94a3b8;font-size:14px;line-height:1.6}.te-rule-example{background:#fafafa;border:1px dashed #e5e7eb;border-radius:16px;gap:16px;margin-top:16px;padding:16px;display:grid}.te-arrow{justify-self:center;margin-inline:2px}.te-godan-column>.te-type-intro-card,.te-ichidan-column>.te-type-intro-card{min-height:220px}.te-special-flow-meaning{text-align:left;direction:ltr;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:10px;display:grid}.te-special-side{justify-items:center;gap:2px;display:grid}.te-special-side .te-meaning{color:#94a3b8;font-size:14px;line-height:1.6}.ar-label{direction:rtl}.jp-date-exceptions{direction:ltr;unicode-bidi:isolate;flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:6px;display:inline-flex}.jp-date-exceptions>span{white-space:nowrap;background:#f8fafc;border:1px solid #0f172a14;border-radius:999px;justify-content:center;align-items:end;gap:4px;padding:4px 8px;display:inline-flex}.jp-date-exceptions b{color:#0f172a}.inner-page{min-height:100vh}.page-hero{text-align:center;padding:80px 20px 34px}.page-hero-soft{position:relative}.page-hero-soft:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffb6c11a,#0000 28%),radial-gradient(circle at 100% 0,#add8e61f,#0000 30%);position:absolute;inset:0}.page-hero .container{z-index:1;position:relative}.hero-badge{color:#1d2340;background:#fff;border-radius:999px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 8px 20px #0000000d}.page-hero h1{color:#141936;margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.hero-lead{color:#2b3150;max-width:820px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:2}.page-section{padding:26px 20px 70px}.cards-grid{gap:24px;display:grid}.info-card,.material-card,.resource-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border:1px solid #ffffffa6;border-radius:28px;padding:28px 24px;box-shadow:0 14px 35px #0000000f}.hover-card{transition:transform .25s,box-shadow .25s}.hover-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #00000017}.encourage-box h3,.info-card h2,.material-card h2,.mission-box h2,.resource-card h2{color:#141936;margin:0 0 14px;line-height:1.4}.contact-note p,.encourage-box p,.info-card p,.material-card p,.mission-box p,.note-box p,.resource-card p{color:#2d3452;margin:0;font-size:18px;line-height:2}.clean-list{color:#2d3452;margin:0;padding-right:20px;line-height:2}.encourage-box,.mission-box,.note-box{background:#ffffffd1;border-radius:28px;margin-bottom:28px;padding:24px;box-shadow:0 12px 30px #0000000d}.soft-box{margin-top:28px}.step{box-shadow:none}.contact-grid{grid-template-columns:.9fr 1.2fr;gap:24px;display:grid}.contact-form .form-group{margin-bottom:18px}.contact-form label{color:#141936;margin-bottom:8px;font-weight:700;display:block}.contact-form input,.contact-form textarea{color:#1e2340;font:inherit;background:#fff;border:1px solid #ddd6d6;border-radius:16px;width:100%;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#c9b6ba;outline:none;box-shadow:0 0 0 4px #c9b6ba24}.btn-primary,.btn-secondary{cursor:pointer;font:inherit;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 20px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn-primary{color:#fff;background:#20264a;box-shadow:0 8px 18px #20264a1f}.btn-secondary{color:#1b2140;background:#f2ecec}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-full{width:100%}.material-card{flex-direction:column;display:flex}.material-card p{flex-grow:1}.material-card .coming-soon-badge,.material-card a{margin-top:20px}.step{color:#2a2f4a;background:#f5efef;border:1px solid #e7dede;border-radius:999px;gap:8px;padding:10px 16px;font-weight:700}.step,.step-num{align-items:center;font-size:14px;display:inline-flex}.step-num{color:#1e2545;background:#d6d9e8;border-radius:50%;flex-shrink:0;justify-content:center;width:28px;height:28px;font-weight:800}body>main>section.page-section>div>div>h2{margin-bottom:50px}.hide{display:none}.resource-card{height:100%}.resource-card .card-header{align-items:center;gap:12px;min-height:72px;margin-bottom:12px;display:flex}.resource-card .card-header h2{margin:0}.resource-card>p{min-height:88px;margin:0 0 16px;line-height:1.9}.resource-links{margin-top:0}.resource-links a{min-height:44px}.resource-card small{min-height:52px;margin-top:18px;line-height:1.8;display:block}.contact-side-card{flex-direction:column;gap:18px;display:flex}.side-intro{color:#3b4262;margin:0;line-height:2}.contact-help-list{color:#2d3452;margin:0;padding-right:18px;line-height:2.1}.contact-help-list li{margin-bottom:6px}.contact-tip-box{background:#f7f3f3;border:1px solid #eee3e3;border-radius:20px;padding:18px}.contact-tip-box h3{color:#1d2342;margin:0 0 10px;font-size:1.1rem}.contact-tip-box p{color:#4a516f;margin:0;line-height:1.9}.contact-mini-note{background:#fbf8f8;border:1px dashed #e5dcdc;border-radius:18px;padding:16px 18px}.contact-mini-note strong{color:#1d2342;margin-bottom:8px;display:block}.contact-mini-note p{color:#4a516f;margin:0;line-height:1.9}.form-status{border-radius:12px;margin-top:16px;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.8;display:none}.form-status.success{color:#1f6b3b;background:#e8f8f0;border:1px solid #b7e4c7;margin-top:15px;display:block}.form-status.error{color:#a23a3a;background:#fdecec;border:1px solid #f5c2c2;margin-top:15px;display:block}.cards-grid-about{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.about-highlight{background:#ffffffe6;border-radius:28px;margin-bottom:24px;padding:26px 28px;box-shadow:0 14px 35px #0000000d}.about-highlight p{color:#2d3452;margin:0;font-size:18px;line-height:2}.about-card{flex-direction:column;min-height:280px;display:flex}.about-card .clean-list,.about-card p{color:#2d3452;font-size:18px;line-height:2.2}.about-card .clean-list{margin:0}.about-cta-box{flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.about-cta-text{flex:1}body>main>section.page-section>div>div.encourage-box.about-cta-box>div>div{justify-content:center}.about-cta-text h3{margin:0 0 10px}.about-cta-text p{text-align:center;margin:0;line-height:2}.card-header h2{margin:0;line-height:1.4}body>main>section.page-section>div>div>p{text-align:center}.tip-header h2,.tip-header h3{margin:0;line-height:1.6}.tip-header h3{line-height:1.6}.tip-icon-img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.page-hiragana{background:radial-gradient(circle at 100% 0,#f472b614,#0000 24%),radial-gradient(circle at 0 0,#a78bfa14,#0000 28%),linear-gradient(#f7fbf9,#fff 35%,#fff9fb)}.hira-page{padding-bottom:48px}.hira-hero .hero-card{text-align:center;background:linear-gradient(135deg,#fffdf8,#f7f3ff);border:1px solid #ece7f7;border-radius:28px;margin-top:30px;padding:30px 24px;box-shadow:0 10px 30px #0f172a0d}.hira-hero .hero-badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.hira-hero h1{margin:0 0 12px;font-size:clamp(30px,4vw,50px);line-height:1.2}.hira-hero p{color:#475569;max-width:920px;margin:0 auto;font-size:18px;line-height:1.9}.hira-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.hira-stat{background:#ffffffd1;border:1px solid #ebe7f5;border-radius:20px;padding:16px;box-shadow:0 8px 24px #0f172a0a}.hira-stat strong{color:#1f2937;font-size:24px;font-weight:800;display:block}.hira-stat span{color:#64748b;margin-top:6px;font-size:14px;display:block}.hira-layout{gap:24px;margin-top:26px;display:grid}.hira-section-card{background:#fff;border:1px solid #eaeef5;border-radius:24px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.hira-section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.hira-section-head h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px)}.hira-section-head p{color:#64748b;margin:0;font-size:16px;line-height:1.9}.hira-section-badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.hira-section-badge.soft-purple{color:#6d28d9;background:#f5f3ff}.hira-section-badge.soft-pink{color:#be185d;background:#fff1f2}.hira-section-badge.soft-green{color:#047857;background:#ecfdf5}.hira-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.hira-info-box,.hira-similar-box,.study-note-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #ebe7f5;border-radius:22px;padding:18px;box-shadow:0 8px 22px #0f172a0a}.card-header{gap:12px;margin-bottom:12px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(145deg,#fff,#f3f0f0);border-radius:16px;flex-shrink:0;justify-content:center;width:52px;height:52px;margin-bottom:16px;box-shadow:0 6px 14px #00000014,inset 0 1px 2px #fff9}.card-icon img{filter:drop-shadow(0 2px #00000026)drop-shadow(0 5px 8px #0000002e);width:70%;height:70%;display:block}.card-header h3{margin:0;font-size:18px}.hira-info-box p,.hira-similar-box p,.study-note-card p{color:#64748b;margin:0;line-height:1.9}.hira-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.hira-grid-compact,.hira-grid-table{direction:ltr}.hira-card{cursor:pointer;background:radial-gradient(circle at 100% 0,#8b5cf61a,#0000 38%),linear-gradient(#fff,#fcfbff);border:1px solid #ebe7f5;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:160px;padding:14px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.hira-card:hover,.kana-mini-card:hover{border-color:#d8cff3;transform:translateY(-4px);box-shadow:0 16px 30px #0f172a14}.hira-card:before{content:"";bottom:0;opacity:.95;inset-inline-end:0;background:linear-gradient(#c084fc,#f9a8d4);width:6px;position:absolute;top:0}.hira-card-top{direction:ltr;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hira-play-btn{cursor:pointer;background:#fff;border:1px solid #e9def8;border-radius:14px;flex-shrink:0;width:38px;height:38px;font-size:16px;box-shadow:0 6px 16px #0f172a0d}.hira-play-btn:hover{background:#faf7ff}.hira-char{color:#1f2937;text-align:right;flex:1;margin:0;font-family:Noto Sans JP,sans-serif;font-size:clamp(42px,4vw,62px);line-height:1}.hira-char,.hira-romaji{direction:ltr;font-weight:800}.hira-romaji{color:#5b3df5;text-align:left;margin-top:10px;font-size:26px}.hira-empty{box-shadow:none;pointer-events:none;background:0 0;border:none}.kana-mobile-switch{background:#f8fafc;border:1px solid #ebe7f5;border-radius:999px;gap:8px;margin-bottom:18px;padding:6px;display:inline-flex}.kana-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 14px;font-family:inherit;font-weight:700}.kana-switch-btn.active{color:#5b3df5;background:#fff;box-shadow:0 6px 16px #0f172a0f}.kana-panel{display:none}.kana-panel.active{display:block}.kana-mini-card{cursor:pointer;background:linear-gradient(#fff,#fcfbff);border:1px solid #ebe7f5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:118px;padding:16px 10px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 8px 20px #0f172a0a}.kana-mini-card .jp{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:34px;line-height:1}.kana-mini-card small{color:#5b3df5;font-size:21px;font-weight:800}.mini-sound-btn{background:#fffffff2;border:1px solid #e8dcfa;border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 6px 16px #0f172a0d}.hira-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hira-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.study-note-example{color:#1f2937;background:#faf7ff;border:1px solid #ece7f7;border-radius:14px;margin-top:10px;padding:10px 12px;line-height:1.8}.study-note-list{color:#64748b;margin:0;padding-inline-start:18px;line-height:2}.study-note-list li{margin-bottom:4px}.tip-header{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tip-header h3{margin:0;font-size:22px}.page-materials .soft-box p{text-align:center}.tip-icon{background:#faf7ff;border:1px solid #e8dcfa;border-radius:14px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.hira-practice-list{gap:14px;display:grid}.practice-row{background:linear-gradient(#fcfbff,#faf7ff);border:1px solid #e9e1fa;border-radius:20px;align-items:flex-start;gap:12px;padding:18px 20px;display:flex;box-shadow:0 8px 20px #0f172a08}.practice-row strong{color:#6d28d9;background:#f3e8ff;border-radius:999px;place-items:center;min-width:36px;height:36px;font-size:18px;font-weight:800;display:inline-grid}.note-box{background:linear-gradient(#fff,#fcfbff);border:1px solid #ebe7f5;border-radius:22px;padding:18px}.note-box p{color:#64748b;margin:0;line-height:1.9}.sr-only{clip:rect(0,0,0,0);height:1px;position:absolute;overflow:hidden;white-space:nowrap!important;border:0!important;width:1px!important;margin:-1px!important;padding:0!important}.kana-modal{z-index:9999}.kana-modal.hidden{display:none}.kana-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94}.kana-gif-modal{box-shadow:none;z-index:2;width:fit-content;height:fit-content;margin:0;padding:0;display:inline-block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.kana-gif-image,.kana-gif-modal{background:0 0;border:none}.kana-gif-image{object-fit:contain;width:auto;max-width:min(88vw,720px);height:auto;max-height:82vh;display:block;box-shadow:0 18px 40px #0f172a38}.kana-gif-close{color:#fff;cursor:pointer;z-index:5;background:#000;border:3px solid #fff;border-radius:999px;place-items:center;width:54px;height:54px;font-size:24px;line-height:1;display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 10px 24px #0f172a3d}body.modal-open{overflow:hidden}.kana-mini-card{pointer-events:none}.kana-mini-card .mini-sound-btn{pointer-events:auto}.next-step-box{text-align:center;border-top:1px dashed #e5e7eb;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.next-step-text{color:#555;max-width:600px;font-size:15px;line-height:1.8}.next-step-text span{color:#7c5cff;font-weight:600}.next-step-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 6px 18px #7c5cff40}.next-step-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7c5cff59}.next-step-btn{animation:2.5s ease-in-out infinite floatBtn}@keyframes floatBtn{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.page-katakana{background:radial-gradient(circle at 100% 0,#818cf817,#0000 24%),radial-gradient(circle at 0 0,#ec48990f,#0000 28%),linear-gradient(#f7fbff,#fff 35%,#fff9fb)}.page-katakana .next-step-box{text-align:center;border-top:1px dashed #e5e7eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.page-katakana .next-step-text{color:#64748b;max-width:700px;margin:0;font-size:16px;line-height:1.9}.page-katakana .next-step-text span{color:#7c5cff;font-weight:700}.page-katakana .next-step-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 22px #7c5cff40}.page-katakana .next-step-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c5cff59}.hira-panel{display:none}.hira-panel.active{display:block}@keyframes drawStroke{to{stroke-dashoffset:0}}body>main>section.container.hira-layout>section:nth-child(5)>div.hira-notes-grid>article:nth-child(3)>div.card-header>div,body>main>section.container.hira-layout>section:nth-child(6)>div.hira-notes-grid>article:nth-child(3)>div.card-header>div{font-size:16px}.compact-rule-note{background:linear-gradient(#fff,#fcfbff);border:1px solid #ebe7f5;border-radius:24px;margin:18px 0 20px;padding:20px;box-shadow:0 8px 22px #0f172a0a}.compact-rule-note .card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.compact-rule-note .card-header h3{margin:0;font-size:24px;line-height:1.5}.rule-intro{color:#64748b;margin:0 0 18px;font-size:17px;line-height:2}.rule-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.rule-compare-card{background:#fff;border:1px solid #ebe7f5;border-radius:20px;padding:16px}.rule-compare-card.good{background:linear-gradient(#faf8ff,#fff);border-color:#ddd2fb}.rule-compare-card.plain{background:linear-gradient(#fbfbfb,#fff)}.rule-compare-card h4{color:#1f2937;margin:0 0 10px;font-size:17px}.rule-big-example{background:#f8f7fc;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.rule-big-example .jp-inline{font-size:30px;font-weight:700}.rule-big-example strong{color:#5b3df5;font-size:24px}.rule-compare-card p{color:#64748b;margin:0;line-height:1.8}.rule-mini-note{color:#475569;background:#f9fafb;border:1px dashed #d9dbe7;border-radius:16px;margin:0 0 16px;padding:14px 16px;line-height:1.9}.rule-examples-grid{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.rule-example-pill{color:#1f2937;background:#faf8ff;border:1px solid #e6ddfb;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.rule-example-pill .jp-inline{font-size:22px;font-weight:700}.rule-example-pill strong{color:#5b3df5}.rule-final-tip{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px 16px;line-height:1.9}.resources-section{margin-top:40px}.section-badge{margin-bottom:10px}.resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.resource-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #ece7f7;border-radius:28px;flex-direction:column;min-height:100%;padding:26px;display:flex;box-shadow:0 10px 28px #0f172a0a}.resource-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.resource-top h3{margin:0;font-size:22px}.resource-icon{background:#f4efef;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.resource-icon img{filter:drop-shadow(0 2px #00000026)drop-shadow(0 6px 10px #0000002e);width:70%;height:70%;display:block}.resource-desc{color:#64748b;margin:0 0 20px;font-size:16px;line-height:2}.resource-links{flex-direction:column;gap:14px;display:flex}.resource-links a{color:#374151;background:#f8f7fc;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;font-size:15px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.resource-links a:hover{background:#f3f0fb;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f}.resource-links span{color:#6d28d9;white-space:nowrap;background:#ede9fe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.resource-footer{color:#64748b;margin-top:auto;padding-top:18px;font-size:15px;line-height:1.9}.exercises-hero .hero-badge{color:#4f46e5;background:#eef2ff}.exercises-layout{flex-direction:column;gap:24px;display:flex}.exercises-toolbar-top p{line-height:1.9}.section-badge{color:#6d28d9;background:#f5f3ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.exercise-filters{flex-direction:column;gap:18px;margin-top:24px;display:flex}.exercise-files-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;display:grid}.exercise-file-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #ece7f7;border-radius:28px;flex-direction:column;min-height:100%;padding:24px;display:flex;box-shadow:0 10px 28px #0f172a0a}.file-card-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.file-icon{background:#faf8ff;border:1px solid #e8dcfa;border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.file-meta-head{flex:1}.file-badges{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.file-badge{border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.file-badge.type{color:#6d28d9;background:#f5f3ff}.file-badge.level{color:#0f766e;background:#ecfeff}.exercise-file-card h3{margin:0;font-size:22px;line-height:1.5}.file-description{color:#64748b;margin:0 0 16px;font-size:15px;line-height:1.9}.file-info-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.file-info-row span{color:#475569;background:#f8f7fc;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.file-tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.file-tag{color:#9a3412;background:#fff7ed;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.file-actions{gap:10px;margin-top:auto;padding-top:18px;display:flex}.file-btn{border-radius:16px;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.file-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 8px 20px #7c5cff40}.file-btn.primary:hover{transform:translateY(-2px)}.file-btn.secondary{color:#374151;background:#f8f7fc;border:1px solid #e7def7}.file-btn.secondary:hover{background:#f3f0fb}.exercise-empty-state{width:100%}.exercise-empty-state.hidden{display:none}.empty-card{text-align:center;background:#fff;border:1px dashed #ddd6fe;border-radius:24px;padding:34px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.empty-card h3{margin:0 0 8px;font-size:24px}.empty-card p{color:#64748b;margin:0;line-height:1.9}.exercises-page .container,.page-exercises .container{max-width:1280px}.exercises-hero .hero-card{text-align:center;max-width:1100px;margin:0 auto;padding:34px 28px}.exercises-hero .hero-card h1{margin:10px 0 14px;font-size:clamp(30px,5vw,50px);line-height:1.2}.exercises-hero .hero-card p{text-align:center;max-width:980px;margin:0 auto;font-size:18px;line-height:2}.exercises-layout{max-width:1100px;margin:0 auto}.exercises-toolbar-card{width:100%;margin-top:35px}.exercises-toolbar-top{text-align:center}.exercises-toolbar-top h2{margin:12px 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.25}.exercises-toolbar-top p{text-align:center;max-width:760px;margin:0 auto}.exercises-toolbar-card{background:linear-gradient(#fff,#fcfbff);border:1px solid #ece7f7;border-radius:28px;padding:28px 24px;box-shadow:0 10px 28px #0f172a0a}.exercises-toolbar-top p{margin-bottom:40px}.filter-group{flex-direction:column;align-items:center;gap:10px;display:flex}.filter-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.filter-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e7def7;border-radius:999px;min-width:84px;margin-bottom:20px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:all .22s}.filter-chip:hover{background:#faf8ff;border-color:#d9cff3;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000;box-shadow:0 8px 20px #7c5cff40}.exercise-results-bar{text-align:center;margin-top:22px;padding-top:16px}.exercise-results-bar p{color:#64748b;margin:0;font-size:15px;font-weight:600}.filter-label{color:#64748b;font-size:14px;font-weight:700}.exercise-results-bar{border-top:1px dashed #e9e6f5}.search-results{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.search-results>.card{grid-column:span 4}img{pointer-events:none}.section-title{text-align:center;margin:0 0 8px;font-weight:800;font-size:clamp(24px,3vw,30px)!important}.section-subtitle{color:var(--muted);text-align:center;max-width:760px;margin:0 auto 26px;line-height:1.9;font-size:18px!important}.featured-card{border:1px solid #b7d9c3e6;box-shadow:0 14px 34px #14192d14}.formation-section{margin-top:12px}.formation-section-head{color:#0f172a;margin-bottom:12px;font-size:1.05rem}.formation-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-top:0;overflow-x:auto}.formation-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%}.formation-table th{color:#0f172a;text-align:right;vertical-align:middle;white-space:normal;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 18px;font-weight:800;line-height:1.7}.formation-table td{color:#334155;text-align:right;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:16px 18px;line-height:1.9}.formation-table tbody tr:last-child td{border-bottom:0}.jp-example{text-align:left;direction:ltr;font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:1.8;display:inline-block}.jp-example,.jp-example:after{unicode-bidi:isolate}.jp-example .kana{color:#7c8798;margin-top:4px;font-size:.84em;line-height:1.55;display:block}.formation-cards-mobile{display:none}.sound-btn{cursor:pointer;background:#fff;border:1px solid #d9ddee;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.15rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 14px #0f172a0f}.sound-btn:hover{border-color:#b8c4ff;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1a}.sound-btn:active{transform:scale(.96)}.card.card--study{position:relative}.vocab-sound-btn{top:18px}.detail-sound-btn,.vocab-sound-btn{z-index:2;position:absolute;left:18px}.detail-sound-btn{margin-block:auto;top:0;bottom:0}.vocab-detail-head{position:relative}#list>article>div.card-body>div{flex-direction:column-reverse;align-items:center}#list>article>div.card-body>div>div{text-align:center;align-items:center}.search-page #list article h3{text-align:center!important}.search-page #list article h3 .g-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;width:100%!important}.search-page #list article .card-title-main,.search-page #list article .card-title-sub,.search-page #list article h3 .g-ar,.search-page #list article h3 .g-jp{text-align:center;width:100%!important}.search-page #list article[data-type=grammar] .card-body,.search-page #list article[data-type=grammar] .card-body>div,.search-page #list article[data-type=grammar] .card-body>div>div{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:auto!important;display:flex!important}.search-page #list article[data-type=grammar] .card-desc,.search-page #list article[data-type=grammar] p{min-height:unset!important}.search-page #list article[data-type=grammar] .actions{margin-top:12px}.page-materials .page-hero{padding-bottom:10px}.navlinks a.mobile-start-link{display:none}.about-highlight{text-align:center;flex-direction:column;align-items:center;display:flex}.about-highlight,.about-highlight .card-header{justify-content:center}.about-lead{color:var(--muted);max-width:850px;padding-bottom:20px;font-size:22px;line-height:2}.about-points{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:0 auto;display:grid}.about-points div{background:#f7f5ffbf;border:1px solid #7c6ff01f;border-radius:18px;padding:18px 16px}.about-points strong{color:var(--ink);margin-bottom:8px;font-size:18px;display:block}.about-points span{color:var(--muted);line-height:1.8;display:block}.reading-block{flex-direction:column;align-items:center;display:flex}.reading-row{display:inline-block;position:relative}.reading-row span{text-align:center;display:block}.reading-eye-btn{cursor:pointer;background:0 0;border:none;margin:0;padding:0;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.reading-eye-btn img{opacity:.75;width:25px;height:25px;display:block}.reading-eye-btn:hover img{opacity:1}.romaji-line{color:gray;text-align:center;direction:ltr;margin-top:9px;margin-bottom:10px;font-family:Noto Sans,sans-serif;font-size:1.15rem;font-style:italic}.romaji-line.hidden{display:none}.kanji-detail-page .romaji-line,.numbers-page .romaji-line,.page-grammar-detail .romaji-line,.vocab-detail-page .romaji-line{color:gray;margin-top:0;font-size:1rem}.example .reading-block{align-items:flex-start;width:100%}.example .reading-row{align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:static}.example .reading-row span{overflow-wrap:anywhere;text-align:left;word-break:break-word;flex:0 auto;min-width:0}.example .reading-eye-btn{flex-shrink:0;margin-top:5px;position:static;transform:none}.example .romaji-line{text-align:left;margin-top:6px;margin-bottom:10px}.numbers-page .num-examples .reading-block{align-items:flex-end}.numbers-page .num-examples .reading-row{flex-direction:row-reverse;align-items:center;gap:8px;display:flex;position:relative}.numbers-page .num-examples .reading-row span{text-align:left}.numbers-page .num-examples .reading-eye-btn{margin:0;position:static;transform:none}.numbers-page .romaji-line{color:gray;margin-top:6px;font-size:18px}.section-card{background:#fff;border:1px solid #e3e7ec;border-radius:22px;margin:28px 0;padding:24px;box-shadow:0 8px 22px #1423370f}.grammar-section-toggle{cursor:pointer;text-align:right;direction:rtl;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:22px;font-family:inherit;display:flex}.grammar-section-title-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;min-width:0;display:flex}.grammar-section-jp{color:#1f2f66;direction:ltr;unicode-bidi:isolate}.grammar-section-ar,.grammar-section-jp{font-size:1.35rem;font-weight:600;line-height:1.4}.grammar-section-ar{color:#111827}.grammar-section-arrow{color:#64748b;flex:none;font-size:1rem}.section-block{margin-top:24px}.grammar-section-body{display:block}.section-card.collapsed .grammar-section-body{display:none}.section-card.collapsed .grammar-section-arrow{transform:rotate(-90deg)}.section-card.collapsed{padding:18px 24px}.section-card.collapsed .grammar-section-toggle{margin-bottom:0}.grammar-section-toggle{background:0 0;border:0;padding:0}.grammar-section-title-wrap{flex:1}@media (width<=980px){.verb-compare-grid,.verb-groups-grid{grid-template-columns:1fr}}@media (width<=850px){.verb-hero .hero-card{border-radius:22px;padding:22px 18px}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:20px;padding:18px}}@media (width<=720px){.verb-vowel-table td,.verb-vowel-table th{min-width:72px;font-size:16px}}@media (width<=1023px){.js-eq-change,.js-eq-examples,.js-eq-know,.js-eq-top{min-height:auto}}@media (width<=900px){.verb-table-desc{font-size:15px}.verb-cell-jp,.verb-vowel-table th{font-size:16px}.verb-cell-ar{font-size:13px}.verb-vowel-label-main{font-size:21px}.verb-vowel-label-sub{font-size:14px}}@media (width<=1023px){.verb-practice-answer,.verb-practice-question{text-align:right}.verb-compare-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{padding:24px 20px}.verb-groups-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.verb-group-card{min-height:auto}.verb-group-title{font-size:26px}.verb-group-jp{font-size:22px}.verb-table-head h3{font-size:26px}.verb-table-jp{font-size:22px}}@media (width<=992px){.verb-intro-card{text-align:right;padding:22px 18px}.verb-intro-card h2{font-size:34px;line-height:1.35}.verb-intro-jp{font-size:22px}.intro-list li{font-size:16px;line-height:1.9}.verb-groups-grid{gap:18px}.verb-group-card{padding:22px 18px}.js-eq-change,.js-eq-examples,.js-eq-know,.js-eq-top,.verb-group-top{min-height:auto!important}.verb-mini-grid{gap:12px}.verb-table-card{padding:22px 18px}.verb-type-tag{align-self:flex-start}.verb-table-head h3{font-size:24px}.verb-table-jp{font-size:20px}.verb-table-notes h4,.verb-vowel-label{font-size:18px}.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-number-side,.verb-practice-question-side{justify-content:flex-start}.verb-practice-question-side{flex-direction:row-reverse;gap:12px}.verb-practice-answer,.verb-practice-question{text-align:right}}@media (width<=768px){.verb-compare-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:22px;padding:18px 14px}.verb-intro-card h2{font-size:28px}.verb-intro-jp{font-size:19px}.intro-list li{padding-right:16px;font-size:15px;line-height:1.85}.verb-group-title{font-size:24px}.verb-group-jp{font-size:20px}.steps-list li,.verb-bullet-list li,.verb-group-summary{font-size:15px;line-height:1.9}.verb-mini-example{min-height:auto}.verb-vowel-table th{padding:14px 10px;font-size:16px}.verb-cell-jp{font-size:16px}.verb-cell-ar{font-size:13px;line-height:1.8}}@media (width<=480px){.verb-intro-card h2{font-size:24px}.verb-group-title,.verb-table-head h3{font-size:21px}.verb-group-jp,.verb-table-jp{font-size:18px}.verb-badge,.verb-type-tag{padding:6px 12px;font-size:12px}.verb-practice-question-side{flex-direction:row-reverse;gap:10px}}@media (width<=992px){.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{padding:20px 16px}.verb-groups-grid{grid-template-columns:1fr!important}.verb-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verb-table-head{flex-direction:column;align-items:flex-start;gap:10px;display:flex}}@media (width<=768px){.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:22px;padding:16px 14px}.verb-group-title,.verb-intro-card h2,.verb-table-head h3{font-size:24px;line-height:1.35}.verb-group-jp,.verb-intro-jp,.verb-table-jp{font-size:18px}.verb-table{min-width:520px}}@media (width<=480px){.verb-table{min-width:480px}.verb-group-title,.verb-intro-card h2,.verb-table-head h3{font-size:21px}}@media (width>=1024px){.verb-mini-jp{font-size:clamp(20px,1vw,22px)}.verb-practice-list{flex-direction:column}.verb-practice-question-side{justify-content:flex-start}}@media (width<=1023px){.verb-practice-item,.verb-practice-list{flex-direction:column}.verb-practice-number-side{flex:none}.verb-practice-question-side{flex:auto}.verb-practice-button-side{margin-top:4px!important}}@media (width<=768px){.verb-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.verb-table,.verb-vowel-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:520px}.verb-table td,.verb-table th,.verb-vowel-table td,.verb-vowel-table th{text-align:center;vertical-align:top;min-width:0;width:20%!important;padding:10px 4px!important}.verb-table th,.verb-vowel-table th{font-size:15px;line-height:1.2}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-vowel-table td .verb-base,.verb-vowel-table td .verb-cell-jp,.verb-vowel-table td .verb-changed,.verb-vowel-table td .verb-ending{letter-spacing:0;font-weight:700;line-height:1.15;display:inline;font-size:12px!important}.verb-table td .verb-cell-jp,.verb-vowel-table td .verb-cell-jp{word-break:keep-all;direction:ltr;unicode-bidi:isolate;white-space:normal!important}.verb-table td .verb-cell-ar,.verb-table td div:not(.verb-cell-jp),.verb-table td small,.verb-vowel-table td .verb-cell-ar,.verb-vowel-table td div:not(.verb-cell-jp),.verb-vowel-table td small{line-height:1.45;font-size:11px!important}}@media (width<=480px){.verb-table,.verb-vowel-table{min-width:460px}.verb-table td,.verb-table th,.verb-vowel-table td,.verb-vowel-table th{padding:8px 3px!important}.verb-table th,.verb-vowel-table th{font-size:14px}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-vowel-table td .verb-base,.verb-vowel-table td .verb-cell-jp,.verb-vowel-table td .verb-changed,.verb-vowel-table td .verb-ending{line-height:1.1;font-size:11px!important}.verb-table td .verb-cell-ar,.verb-table td div:not(.verb-cell-jp),.verb-table td small,.verb-vowel-table td .verb-cell-ar,.verb-vowel-table td div:not(.verb-cell-jp),.verb-vowel-table td small{line-height:1.35;font-size:10px!important}}@media (width<=768px){.verb-practice-answer{margin-inline:auto}.scroll-top-btn{width:46px;height:46px;font-size:18px;bottom:18px;left:18px}}@media (width<=900px){.basics-hero h1{font-size:30px}.basics-grid{grid-template-columns:1fr}.basics-card{min-height:220px;padding:22px}.basics-card h3{font-size:28px}.basics-card p{font-size:17px}}@media (width<=1100px){.adj-hero h1{font-size:34px}.adj-hero p{font-size:17px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:25px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:22px}.adj-question-card{grid-template-columns:52px minmax(220px,1.5fr) 150px minmax(150px,1fr);gap:16px}.answer,.q-text{font-size:17px}.show-answer-btn{min-width:130px;font-size:15px}}@media (width<=900px){.adj-conjugation-grid,.adj-example-grid,.adj-special-grid,.adj-types-grid,.adj-usage-grid{grid-template-columns:1fr}.adj-hero h1{font-size:30px}.adj-hero p{font-size:16px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:23px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:20px}.adj-ar-desc,.adj-card-top p,.adj-example-ar.big,.adj-section-title-wrap p,.adj-special-sub,.adj-type-desc{font-size:15px}.adj-special-text.strong{font-size:17px}.adj-steps li{font-size:15px}.adj-example-jp{white-space:normal;font-size:18px}.adj-question-card{grid-template-columns:1fr;gap:12px;padding:18px 16px}.q-number{grid-column:auto;justify-self:end;width:40px;min-width:40px;height:40px;font-size:20px}.q-text{grid-column:auto;font-size:16px}.show-answer-btn{grid-column:auto;justify-self:center;min-width:140px;font-size:15px}.answer{grid-column:auto;font-size:16px}}@media (width<=640px){.adjectives-page{padding:20px 0 36px}.adj-hero,.adj-practice-section,.adj-section-card,.adj-special-case-card{border-radius:22px;padding:18px}.adj-conjugation-card,.adj-example-card,.adj-special-item,.adj-type-card,.adj-usage-card{border-radius:18px;padding:15px}.adj-hero h1{font-size:26px}.adj-hero p{font-size:15px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:21px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:18px}.adj-ar-desc,.adj-card-top p,.adj-example-ar.big,.adj-section-title-wrap p,.adj-special-sub,.adj-type-desc{font-size:14px}.adj-chip{min-height:36px;padding:6px 12px;font-size:15px}.adj-form-head{flex-direction:column;align-items:flex-start}.adj-form-item h4{font-size:17px}.adj-steps{padding-right:18px}.adj-steps li{font-size:14px}.adj-example-jp{font-size:16px}.q-text{font-size:15px}.show-answer-btn{padding:10px 16px;font-size:14px}.answer{font-size:15px}}@media (width<=1100px){.verb-practice-item{grid-template-columns:52px minmax(220px,1.5fr) 150px minmax(150px,1fr);gap:16px!important}.verb-practice-answer,.verb-practice-question{font-size:17px!important}.verb-answer-toggle{min-width:130px;font-size:15px!important}.verb-practice-number{min-width:42px;height:42px;width:42px!important;font-size:20px!important}}@media (width<=768px){.verb-practice-answer,.verb-practice-question{font-size:16px!important}.verb-answer-toggle{min-width:140px;font-size:15px!important}.verb-practice-number{min-width:40px;height:40px;width:40px!important}}@media (width<=480px){.verb-practice-answer,.verb-practice-question{font-size:15px!important}.verb-answer-toggle{padding:10px 16px!important;font-size:14px!important}}@media (width<=1023px){.verb-practice-item{text-align:center;grid-template-columns:1fr;gap:12px!important;padding:18px 16px!important}.verb-practice-number-side,.verb-practice-question-side{grid-column:auto;justify-content:center}.verb-practice-question-side{display:flex}.verb-practice-answer-side,.verb-practice-button-side{grid-column:auto;justify-content:center}.verb-practice-answer-side{display:flex}.verb-practice-number{justify-self:center;margin:0 auto!important}.verb-practice-question{overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%;min-width:0;max-width:100%}.verb-answer-toggle{align-self:center;margin:0 auto!important}.verb-practice-answer{text-align:center;white-space:normal;width:100%;min-width:0;max-width:100%}}@media (width<=900px){.adj-ii-forms{grid-template-columns:1fr}.adj-ii-head h2{font-size:24px}.adj-ii-intro{font-size:16px}.adj-ii-jp{font-size:20px}}@media (width<=640px){.adj-ii-note-card{border-radius:20px;padding:18px}.adj-ii-head h2{font-size:21px}.adj-ii-ar,.adj-ii-intro,.adj-ii-summary li{font-size:14px}.adj-ii-jp{font-size:18px}.adj-ii-flow{padding:12px}.formula-list li{gap:10px;font-size:15px}.formula-label{font-size:12px}.adj-example-line{flex-direction:column;align-items:flex-start}.adj-example-flow{flex-wrap:wrap;justify-content:flex-start;width:100%}.adj-example-from,.adj-example-to{font-size:17px}.adj-usage-jp-wrap,.adj-usage-line{align-items:flex-start}.adj-usage-jp-wrap{flex-direction:column;gap:4px}.adj-usage-jp-wrap .jp,.adj-usage-line.result .jp{font-size:16px}.adj-usage-meaning,.adj-usage-rule-text{font-size:14px}}@media (width<=1023px){.adj-question-card,.q-number{text-align:center}.show-answer-btn{align-self:center}.answer{margin:0 auto}.adj-question-card{min-width:0;overflow:visible}.q-text{overflow-wrap:anywhere;text-align:center;min-width:0;white-space:normal!important;width:100%!important;max-width:100%!important}}@media (width<=1024px){.te-double-grid,.te-rule-grid,.te-special-grid,.te-uses-grid{grid-template-columns:1fr}.teform-hero h1{font-size:34px}.te-section-title-wrap h2{font-size:26px}.te-rule-head h3,.te-use-card h3{font-size:22px}}@media (width<=640px){.te-card,.teform-hero .hero-card{border-radius:22px;padding:18px}.te-rule-example p,.te-section-title-wrap p,.te-steps li,.teform-hero p{font-size:15px}}@media (width<=1024px){.te-main-columns,.te-ta-explain,.te-type-intro-grid{grid-template-columns:1fr}}@media (width<=980px){.contact-grid{grid-template-columns:1fr}}@media (width<=700px){.page-hero{padding-top:64px}.encourage-box,.info-card,.material-card,.mission-box,.note-box,.resource-card{border-radius:22px;padding:22px 18px}.step{text-align:center;width:100%}}@media (width<=900px){.cards-grid-about{grid-template-columns:1fr}.about-cta-box{flex-direction:column}}@media (width<=768px){.page-section{padding:0}.material-card{border-radius:24px;padding:22px 18px}.featured-card,.material-card{min-height:auto}.card-header h2{font-size:1.5rem;line-height:1.3}.material-card p{margin-bottom:18px;font-size:1.1rem;line-height:2}.material-card .btn-primary,.material-card .btn-secondary,.material-card .coming-soon-badge{justify-content:center;align-self:stretch;width:100%;min-width:0;max-width:100%}.material-card .btn-primary,.material-card .btn-secondary{border-radius:18px;min-height:48px;padding:12px 16px;font-size:1rem}.encourage-box{border-radius:22px;padding:20px 18px}.encourage-box h3{line-height:1.4}.encourage-box p{font-size:1rem;line-height:1.9}.resource-card>p{min-height:0}body>main>section.page-section>div>div>h2{margin-bottom:10px}body>main>section.page-section>div>div>p{margin-bottom:22px}.about-cta-box{text-align:center;flex-direction:column;align-items:stretch}.about-cta-box .btn-primary{width:100%;min-width:0}.tip-header,body>main>section.page-section>div>div>p{text-align:center}}@media (width<=1100px){.hira-info-grid,.hira-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hira-hero-stats{grid-template-columns:1fr}.hira-section-head{flex-direction:column}.hira-info-grid,.hira-notes-grid,.hira-similar-grid{grid-template-columns:1fr}.hira-grid-compact,.hira-grid-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hira-card{border-radius:18px;min-height:122px;padding:10px 8px}.hira-play-btn{border-radius:10px;width:30px;height:30px;font-size:13px}.hira-char{font-size:32px}.hira-romaji{margin-top:6px;font-size:18px}.kana-mini-card{border-radius:16px;min-height:96px;padding:12px 8px 10px}.kana-mini-card .jp{font-size:24px}.kana-mini-card small{font-size:16px}.mini-sound-btn{width:24px;height:24px;font-size:11px;top:8px;left:8px}.kana-mobile-switch{width:100%;display:flex}.kana-switch-btn{text-align:center;flex:1;padding:10px 8px;font-size:14px}}@media (width<=520px){.hira-section-card{border-radius:18px;padding:14px}.hira-grid-compact,.hira-grid-table{gap:8px}.hira-card{padding:8px 6px}.hira-romaji{margin-top:4px;font-size:14px}.hira-card:before{width:4px}.kana-mini-card{border-radius:14px;min-height:78px;padding:10px 6px 8px}.kana-mini-card .jp{margin-top:18px;font-size:18px}.kana-mini-card small{font-size:13px}.mini-sound-btn{border-radius:7px;width:20px;height:20px;font-size:9px;top:6px;left:6px}}@media (width<=700px){.kana-gif-image{max-width:94vw;max-height:74vh}.kana-gif-close{border-width:2px;width:44px;height:44px;font-size:20px;top:-12px;right:-12px}}@media (width<=768px){.next-step-box{flex-direction:column;align-items:flex-start}.next-step-btn{text-align:center;width:100%}.rule-compare-grid{grid-template-columns:1fr}.compact-rule-note .card-header h3{font-size:20px}.rule-intro{font-size:16px}.rule-big-example{flex-direction:column;align-items:flex-start}.rule-big-example strong{font-size:22px}}@media (width<=1024px){.resources-grid{grid-template-columns:1fr}.exercise-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.exercise-files-grid{grid-template-columns:1fr}.file-actions{flex-direction:column}.exercise-file-card,.exercises-toolbar-card{padding:18px}.exercises-hero .hero-card{padding:24px 18px}.exercises-hero .hero-card h1{font-size:clamp(32px,9vw,46px)}.exercises-hero .hero-card p{font-size:16px}.exercises-toolbar-top h2{font-size:clamp(26px,8vw,38px)}.exercises-toolbar-card{padding:22px 16px}.filter-chip{min-width:auto;padding:10px 14px;font-size:14px}}@media (width<=1024px){.search-results>.card{grid-column:span 6}}@media (width<=620px){.search-results>.card{grid-column:span 12}}@media (width<=1023px){.variant-head{flex-direction:column-reverse}}@media (width<=768px){.formation-table-desktop{display:none}.formation-cards-mobile{gap:14px;margin-top:8px;display:grid}.formation-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.formation-card-row{border-bottom:1px solid #eef2f7;padding:14px 16px}.formation-card-row:last-child{border-bottom:0}.formation-card-label{color:#0f172a;margin-bottom:8px;font-size:.98rem;font-weight:800}.formation-card-value{color:#334155;overflow-wrap:anywhere;text-align:center;word-break:break-word;line-height:1.9}.formation-card-value .jp-example{text-align:center;max-width:100%;display:block}.formation-card-value.g-card-jp{overflow-wrap:anywhere;word-break:break-word;direction:ltr;font-family:Noto Sans JP,Tajawal,sans-serif}.formation-card-value .g-cell-jp{display:block}.formation-card-value .g-cell-kana{color:var(--muted,#6b7280);direction:ltr;margin-top:3px;font-size:12.5px;display:block}.formation-card-value .g-cell-ar{color:#4b5563;direction:rtl;margin-top:4px;font-size:13px;display:block}.lesson-page .formation-card{border-color:var(--n5-border,#b8e0bb);box-shadow:0 6px 18px #1f5d2412}.lesson-page .formation-card-row{border-bottom-color:var(--n5-border,#cde7cf)}.lesson-page .formation-card-label{background:var(--n5-soft,#e8f7e9);border-inline-start:4px solid var(--n5-deep,#1f5d24);color:var(--n5-deep,#1f5d24);border-radius:9px;padding:7px 11px;display:block}.lesson-page .formation-card-value{color:#1f2937}.hira-play-btn{text-align:center;border-radius:8px;width:18px;height:18px;padding:0;font-size:11px}.hira-card{border-radius:16px;min-height:50px}.hira-char{font-size:16px}}@media (width<=700px){.example .ar{margin-top:12px}}@media (width<=850px){.navlinks a.mobile-start-link{color:#12172f;border:1px solid #b7d9c3;border-radius:999px;justify-content:center;align-items:center;width:100%;margin:10px 0 14px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #14192d14;background:#eef7f1!important}.navlinks a.mobile-start-link:hover{background:#e2f3e8}.header-top{position:relative}.header-bottom{background:0 0;border:0;height:0;display:block;overflow:visible}.nav-bottom{min-height:0;padding:0;position:static}.nav-top{min-height:84px}.burger{order:2;justify-content:center;align-items:center;margin:0;display:inline-flex}#navlinks,.navtools{display:none}#navlinks{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow);z-index:1000;background:#fffffffa;border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;width:auto;padding:12px;position:absolute;top:calc(100% + 10px);left:16px;right:16px}#navlinks.open{display:flex}#navlinks .dropdown-toggle,#navlinks a{text-align:center;border-radius:14px;width:100%;padding:14px 12px}#navlinks .dropdown{width:100%}#navlinks .dropdown-menu{box-shadow:none;background:0 0;border:none;min-width:auto;padding:4px 0 0;display:block;position:static}#navlinks .dropdown-menu a{background:#fafafa;border-radius:12px;margin-top:4px}#navlinks>a{color:#111827;background:0 0;border:1px solid #0000;font-size:18px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}#navlinks>a:hover{background:#16a34a14;border-color:#16a34a2e}#navlinks>a.active{background:#e11d4814;border-color:#e11d482e}.mobile-menu-search{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;min-width:0;margin:0 0 8px;padding:10px 14px;display:flex}.mobile-menu-search input{font-size:14px}.desktop-more{display:none}.mobile-more{border-top:1px dashed #e5e7eb;width:100%;margin-top:8px;padding-top:10px;display:block}.mobile-more summary{list-style:none}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more .mobile-more-menu,.mobile-more-menu{margin-top:8px;padding-top:2px}.mobile-more-menu a{color:#667085;text-align:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;margin-top:6px;padding:12px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:block}.mobile-more-menu a:hover,.mobile-more-toggle:hover{color:#111827;background:#16a34a14;border-color:#16a34a2e}.mobile-more-toggle{color:#111827;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 12px;font-family:inherit;font-size:18px;font-weight:700;transition:background .2s,border-color .2s;display:flex}}@media (width<=1100px){.hub{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.hub-action-hint{display:flex}.day-box .jp{line-break:strict;overflow-wrap:normal;white-space:nowrap;word-break:keep-all;max-width:100%;line-height:1.35;display:block;font-size:16px!important}.day-box .jp.long-reading{letter-spacing:-.02em;font-size:16px!important}}@media (width<=980px){.detail{grid-template-columns:1fr}}@media (width<=900px){.hero-actions{justify-content:center}.hero-inner{grid-template-columns:1fr}.hero h1{font-size:30px}.hero h1,.hero p{text-align:center}.hero p{font-size:20px}.card-title-main{font-size:28px}.card-title-sub{font-size:20px}.hub{grid-template-columns:1fr;gap:14px}.hub-card{flex-direction:column;display:flex}.hub-tags{margin-bottom:12px}.hub-action-hint{margin-top:auto}body.mobile-section-open .hub-card{display:none}body.mobile-section-open .hub-card.active{margin-bottom:12px;display:flex}body.mobile-section-open .hub{grid-template-columns:1fr}#countersPanel,#datesPanel,#periodPanel,#timePanel{padding:20px}.counter-hero{flex-direction:column;align-items:flex-start}.counter-grid{grid-template-columns:1fr}.dates-top-grid,.days-grid,.mini-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.card{grid-column:span 6}}@media (width<=700px){.hub-card{min-height:auto}}@media (width<=768px){.counter-grid .counter-card{display:block}.counter-grid .counter-card>.counter-media{float:inline-start;place-items:center;width:88px;height:88px;margin:0 0 14px 14px;display:grid}.counter-grid .counter-card>.counter-media img{object-fit:contain;width:64px;height:64px;display:block}.counter-grid .counter-card>.counter-main{width:100%;min-width:0;max-width:100%;display:block}.counter-grid .counter-card>.counter-main>p{margin:10px 0 18px;line-height:1.8}.counter-grid .counter-card .counter-example,.counter-grid .counter-card .counter-note{box-sizing:border-box;clear:both;width:100%;max-width:100%;margin:14px 0 0;display:block}#countersPanel .example-box{box-sizing:border-box;width:100%;max-width:100%}.page-materials .page-hero{padding-bottom:35px}}@media (width<=700px){#datesPanel>div.example-box.searchable-item>p{background:#eaf7ee;border:2px dashed #5e9f63;border-radius:14px;margin:18px 0;padding:18px}#equal{display:block}#datesPanel>div.example-box.searchable-item>p>span:first-child,#datesPanel>div.example-box.searchable-item>p>span:nth-child(3),#equal{text-align:center}#datesPanel .example-box p span,#periodPanel>div:nth-child(6)>p>span{white-space:nowrap}#periodPanel>div.note-box.searchable-item>p{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}#periodPanel>div.note-box.searchable-item>p:nth-child(3){margin-bottom:0}#periodPanel>div.note-box.searchable-item>div.jp.rule{margin-top:0;margin-bottom:20px}.about-cta-text p br{display:none}}@media (width<=600px){.hero h1{margin-bottom:15px;font-size:28px;line-height:1.5}.hero p,.hero-cta{font-size:18px}.hero-cta{margin:14px 0 18px;padding:10px 28px}.card{grid-column:span 12}.table-card{overflow-x:auto}.study-table{min-width:520px}.study-table td.jp,.study-table td:nth-child(2),.study-table td:nth-child(3),.study-table th.jp,.study-table th:nth-child(2),.study-table th:nth-child(3){font-size:15px;line-height:1.6}.example-box .jp,.note-box .jp{white-space:normal;margin-bottom:6px;line-height:1.9;display:block}.example-box .example,.note-box .example{margin-top:8px;line-height:1.9;display:block}.example-box span,.note-box span{line-height:1.9}.example-box .study-list{margin:16px 0 0;padding:0;list-style:none}.example-box .study-list li{text-align:start;margin-bottom:14px;padding-inline-start:22px;line-height:1.9;display:block;position:relative}.example-box .study-list .jp{white-space:nowrap;display:inline}.dates-top-grid,.period-top-grid,.time-top-grid{grid-template-columns:1fr;gap:12px}.dates-mini-card,.period-mini-card,.time-mini-card{padding:14px 16px}.dates-mini-line,.period-mini-line,.time-mini-line{align-items:center;gap:10px;margin-bottom:8px;display:flex}.period-mini-line,.time-mini-line{flex-wrap:nowrap}.dates-mini-line{flex-wrap:wrap}.dates-mini-line .mini-info-icon,.period-mini-line .mini-info-icon,.time-mini-line .mini-info-icon{flex-shrink:0;margin-bottom:0;font-size:22px}.dates-mini-line h3,.period-mini-line h3,.time-mini-line h3{white-space:normal;margin:0;font-size:18px;line-height:1.3}.dates-mini-line h3{font-weight:600}.time-mini-line h3{white-space:nowrap;font-size:clamp(16px,4vw,20px)}.dates-mini-line .jp,.period-mini-line .jp,.time-mini-line .jp{color:#64748b;margin-top:6px;white-space:normal;width:100%;margin-inline-start:32px;font-size:18px;line-height:1.4;display:block}.dates-mini-card p,.period-mini-card p,.time-mini-card p{margin:0;font-size:14px;line-height:1.8}#timePanel .example-box>p:first-of-type{font-size:14px;line-height:1.7;display:block}#timePanel .example-box>p:first-of-type .jp{white-space:nowrap;display:inline}.day-box .jp.long-reading{letter-spacing:-.02em;font-size:14px!important}.about-lead{margin-bottom:0}}@media (width<=520px){.num-media{width:100%;height:140px}.page-materials .page-hero h1 br{display:block}}@media (width<=400px){.page-materials .page-hero{padding-bottom:25px}.card-title-main{font-size:18px;line-height:1.08}.card-title-sub{font-size:16px;line-height:1.3}.reading-block .reading-eye-btn img{width:25px;height:25px}.card-row img{width:60px;height:60px}.days-grid .day-box .jp{font-size:12px}.days-grid .day-box .jp.long-reading{font-size:10px}}@media (width<=1100px){.verb-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.about-points{grid-template-columns:1fr}.about-lead{font-size:18px}}@media (width<=960px){.desktop-more .dropdown-menu{min-width:150px}}.jp.jp-has-audio{direction:ltr;align-items:flex-start;gap:8px;display:flex}.jp-has-audio .jp-sentence{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}.reading-speak-btn{cursor:pointer;background:0 0;border:none;flex:none;align-self:flex-start;margin:0;padding:0;line-height:0}.reading-speak-btn img{opacity:.65;width:22px;height:22px;display:block}.reading-speak-btn:hover img{opacity:1}.levels-band{padding:28px 20px 60px}.levels-roadmap{max-width:760px;margin:6px auto 0;padding:0;list-style:none}.level-node{align-items:stretch;gap:20px;margin-bottom:26px;display:flex}.level-node:last-child{margin-bottom:0}.level-rail{flex-shrink:0;justify-content:center;width:66px;display:flex;position:relative}.level-node:not(:last-child) .level-rail:after{content:"";background:#e7e3ee;border-radius:3px;width:3px;position:absolute;top:70px;bottom:-30px;left:50%;transform:translate(-50%)}.level-available .level-rail:after{background:linear-gradient(180deg,var(--lv),#dfe3ec)}.level-emblem{background:var(--lv);box-shadow:0 8px 20px var(--lv-shadow);color:#fff;letter-spacing:.5px;z-index:1;border-radius:50%;place-items:center;width:66px;height:66px;font-size:21px;font-weight:800;display:grid;position:relative}.level-card{border:1px solid var(--border);text-align:right;background:#ffffffe6;border-radius:22px;flex:1;min-width:0;padding:20px 22px;box-shadow:0 10px 26px #0000000d}.level-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.level-name{color:#141936;margin:0;font-size:19px;font-weight:800;line-height:1.4}.level-desc{color:#45506f;margin:0;font-size:15.5px;line-height:1.85}.level-status{white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.status-open{color:#2e7d32;background:#e8f7e9;border:1px solid #b8e0bb}.status-soon{color:#c77700;background:#fff3e0;border:1px solid #ffd9a8}.status-locked{color:#8b93a7;background:#eef0f4;border:1px solid #e0e4ec}.level-cta{align-items:center;gap:8px;margin-top:16px;display:inline-flex}.level-cta i{font-size:13px}.level-actions{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:16px;display:flex}.level-actions .level-cta,.level-actions .materials-flash-link{margin-top:0}.level-cta-disabled{color:#98a0b3;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;display:inline-flex}.level-node[data-level=n5]{--lv:#2e7d32;--lv-soft:#e8f7e9;--lv-border:#b8e0bb;--lv-shadow:#2e7d3247}.level-node[data-level=n4]{--lv:#1e5bb8;--lv-soft:#e7f1ff;--lv-border:#b9d3ff;--lv-shadow:#1e5bb842}.level-node[data-level=n3]{--lv:#c77700;--lv-soft:#fff3e0;--lv-border:#ffd9a8;--lv-shadow:#c777003d}.level-node[data-level=n2]{--lv:#6b3fa0;--lv-soft:#f3e8ff;--lv-border:#d9c3ff;--lv-shadow:#6b3fa03d}.level-node[data-level=n1]{--lv:#c62839;--lv-soft:#ffe9ec;--lv-border:#ffc2c8;--lv-shadow:#c628393d}.level-available .level-card{background:linear-gradient(180deg,#fff,var(--lv-soft));border-color:var(--lv-border);transition:transform .22s,box-shadow .22s}.level-available .level-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0000001a}.level-available .level-emblem:after{border:2px solid var(--lv);content:"";opacity:.5;border-radius:50%;animation:2.4s ease-out infinite levelPulse;position:absolute;inset:-5px}@keyframes levelPulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}.level-soon .level-card{border-color:var(--lv-border)}.level-locked{opacity:.6}.level-locked .level-emblem{background:#cdd3df;box-shadow:0 6px 14px #00000014}.level-locked .level-lock{color:#8b93a7;bottom:-3px;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid;position:absolute;inset-inline-end:-3px;box-shadow:0 3px 8px #00000024}.level-locked .level-card{background:#f8f9fbe6;border-style:dashed}@media (width<=600px){.level-node{gap:14px;margin-bottom:22px}.level-rail{width:56px}.level-emblem{width:56px;height:56px;font-size:18px}.level-node:not(:last-child) .level-rail:after{top:60px;bottom:-26px}.level-card{border-radius:18px;padding:18px 17px}.level-head{margin-bottom:10px}.level-name{font-size:16.5px}.level-desc{font-size:14.5px}.level-cta{width:100%;margin-top:18px}.materials-flash-link{justify-content:center;width:100%;min-height:46px;margin-top:10px;display:flex}.level-cta-disabled{justify-content:center;width:100%;margin-top:16px}}@media (prefers-reduced-motion:reduce){.level-available .level-emblem:after{animation:none}}.page-n5-path{--n5:#2e7d32;--n5-deep:#1f5d24;--n5-soft:#e8f7e9;--n5-border:#b8e0bb;--n5-ring:#2e7d322e}.n5-hero-emblem{background:linear-gradient(160deg,#3a9a40 0,var(--n5) 55%,var(--n5-deep) 100%);color:#fff;letter-spacing:.5px;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 18px;font-family:Tajawal,sans-serif;font-size:30px;font-weight:800;display:grid;position:relative;box-shadow:0 14px 30px #2e7d324d}.n5-hero-emblem:after{border:2px solid var(--n5-ring);content:"";border-radius:50%;animation:2.6s ease-out infinite n5Pulse;position:absolute;inset:-8px}@keyframes n5Pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0}}.n5-outcomes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px;display:grid}.n5-outcome{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 8px 22px #0f172a0d}.n5-outcome-icon{color:var(--n5);background:#fff;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid;box-shadow:0 6px 16px #2e7d321f}.n5-outcome-text{color:#23402a;margin:0;font-size:16px;font-weight:500;line-height:1.7}.n5-curriculum{max-width:820px;margin:6px auto 0}.cur-unit{margin-bottom:36px}.cur-unit:last-child{margin-bottom:0}.cur-unit-head{border-bottom:2px solid var(--n5-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.cur-unit-kicker{background:var(--n5);color:#fff;letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:800}.cur-unit-title{color:#141936;flex:auto;margin:0;font-size:21px;font-weight:800;line-height:1.3}.cur-unit-count{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.bp-reset-wrap{justify-content:center;margin:30px 0 6px;display:flex}.bp-reset{color:#b4534f;cursor:pointer;background:0 0;border:1px solid #e3c9c9;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.bp-reset:hover{background:#fbeceb}.bp-reset i{font-size:12px}.cur-lessons{margin:0;padding:6px 0 0;list-style:none;position:relative}.cur-lesson{border-radius:12px;align-items:flex-start;gap:14px;padding:12px 6px;transition:background .15s;display:flex;position:relative}.cur-lesson:hover{background:#2e7d320d}.cur-lesson:before{background:var(--n5-border);content:"";bottom:-12px;inset-inline-start:21px;width:2px;position:absolute;top:40px}.cur-lesson:last-child:before{display:none}.cur-lesson-num{background:var(--n5-soft);border:2px solid var(--n5-border);color:var(--n5-deep);z-index:1;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:grid;position:relative}.cur-lesson:hover .cur-lesson-num{background:var(--n5);border-color:var(--n5);color:#fff}.cur-lesson-body{flex-direction:column;flex:auto;gap:3px;min-width:0;padding-top:3px;display:flex}.cur-lesson-name{color:#1f2540;font-size:16.5px;font-weight:700;line-height:1.45}.cur-lesson-content{color:#57617c;text-align:right;unicode-bidi:plaintext;font-family:Noto Sans JP,Tajawal,sans-serif;font-size:14.5px;line-height:1.7}.cur-unit-link{color:var(--n5-deep);align-items:center;gap:8px;margin-top:14px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.cur-unit-link i{font-size:12px;transition:transform .16s}.cur-unit-link:hover{color:var(--n5)}.cur-unit-link:hover i{transform:translate(-4px)}.n5-tips-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.n5-tip{border:1px solid var(--border);background:#ffffffe0;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex}.n5-tip-icon{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.n5-tip p{color:#3a4264;margin:0;font-size:15.5px;line-height:1.8}.n5-tip b{color:#141936}.n5-closing{background:linear-gradient(180deg,var(--n5-soft) 0,#e8f7e966 100%);border:1px solid var(--n5-border);text-align:center;border-radius:26px;margin-top:30px;padding:36px 24px}.n5-closing h2{color:#141936;margin:0 0 10px;font-size:clamp(22px,4vw,28px);font-weight:800}.n5-closing p{color:#3a4264;max-width:620px;margin:0 auto 22px;font-size:16.5px;line-height:1.9}.n5-closing .btn-primary{align-items:center;gap:10px;display:inline-flex}@media (width<=600px){.n5-hero-emblem{width:74px;height:74px;font-size:26px}.cur-unit-title{font-size:18.5px}.cur-lesson{gap:12px;padding:11px 4px}.cur-lesson:before{inset-inline-start:19px;top:38px}.cur-lesson-num{width:30px;height:30px;font-size:13px}.cur-lesson-name{font-size:15.5px}.cur-lesson-content{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.n5-hero-emblem:after{animation:none}.cur-lesson,.cur-lesson-num,.cur-unit-link i{transition:none}}.lesson-page{--n5:#2e7d32;--n5-deep:#1f5d24;--n5-soft:#e8f7e9;--n5-border:#b8e0bb}.lesson-page .page-hero-soft:before{background:radial-gradient(60% 60% at 50% 0,#2e7d321a 0,#2e7d3200 70%)}.lesson-page .page-section{padding:14px 20px 30px}.lesson-back{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.lesson-back i{font-size:12px}.lesson-back:hover,.lesson-kicker{background:var(--n5);color:#fff}.lesson-kicker{letter-spacing:.3px;border-radius:999px;max-width:100%;padding:5px 13px;font-size:12.5px;font-weight:800;line-height:1.55;display:inline-block}.lesson-count{color:var(--n5-deep,#1f5d24);margin-top:9px;font-size:13px;font-weight:700;display:block}.lesson-head h1{margin:12px 0 6px}.lesson-sub{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.lesson-chain{grid-template-columns:1fr 1fr;align-items:end;gap:14px;max-width:760px;margin:34px auto 0;display:grid}.chain-cell{min-width:0}.chain-btn,.chain-cell{flex-direction:column;display:flex}.chain-btn{border:1px solid var(--n5-border);background:#fff;border-radius:14px;gap:6px;padding:13px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 6px 16px #0f172a0d}.chain-btn:hover{border-color:var(--n5);transform:translateY(-2px);box-shadow:0 12px 26px #2e7d3224}.chain-next{text-align:start}.chain-prev{text-align:end}.chain-dir{color:var(--n5);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.chain-prev .chain-dir{flex-direction:row-reverse}.chain-dir i{font-size:12px}.chain-title{color:#141936;font-size:16px;font-weight:800}.chain-ribbon{background:linear-gradient(90deg,var(--n5),#3f9a45);color:#fff;border-radius:10px 10px 0 0;align-items:center;width:fit-content;margin-bottom:-14px;padding:6px 14px 16px;font-size:12px;font-weight:800;display:inline-flex}.chain-btn{z-index:1;position:relative}.chain-cell-next .chain-ribbon{align-self:flex-start;margin-inline-start:16px}.chain-cell-prev .chain-ribbon{align-self:flex-end;margin-inline-end:16px}@media (width<=560px){.lesson-chain{grid-template-columns:1fr}.chain-cell-next{order:0}.chain-cell-prev{order:1}.chain-next,.chain-prev{text-align:start}.chain-prev .chain-dir{flex-direction:row}.chain-cell-prev .chain-ribbon{align-self:flex-start;margin-inline:16px 0}}@media (prefers-reduced-motion:reduce){.chain-btn,.lesson-back{transition:none}}.lesson-foot{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.lesson-done{border:1.5px solid var(--n5-border);color:var(--n5-deep);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:9px 20px;font-family:Tajawal,sans-serif;font-size:14.5px;font-weight:700;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.lesson-done i{color:var(--n5);font-size:16px}.lesson-done:hover{border-color:var(--n5);transform:translateY(-1px)}.lesson-done.is-done{background:var(--n5-soft);border-color:var(--n5)}.lesson-done-status{border:1.5px dashed var(--n5-border,#b8e0bb);color:var(--muted,#6b7280);border-radius:999px;align-items:center;gap:9px;padding:9px 20px;font-size:15px;font-weight:700;display:inline-flex}.lesson-done-status i{font-size:16px}.lesson-done-status.is-done{background:var(--n5-soft,#e8f7e9);border-color:var(--n5,#2e7d32);color:var(--n5-deep,#1f5d24);border-style:solid}.lesson-done-status.is-done i{color:var(--n5,#2e7d32)}.lesson-progress{text-align:center;width:100%;max-width:280px}.lesson-progress-bar{background:var(--n5-soft);border:1px solid var(--n5-border);border-radius:999px;height:7px;overflow:hidden}.lesson-progress-bar span{background:linear-gradient(90deg,#3a9a40,var(--n5));border-radius:999px;height:100%;transition:width .4s;display:block}.lesson-progress-text{color:var(--muted);margin-top:6px;font-size:13px;font-weight:700}.lesson-allwrap{text-align:center;margin-top:16px}.lesson-alllink{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.lesson-alllink i{font-size:12px}.chain-done,.lesson-alllink:hover{color:var(--n5)}.chain-done{margin-inline-end:6px;font-size:13px}@media (prefers-reduced-motion:reduce){.lesson-done,.lesson-progress-bar span{transition:none}}.cur-lesson-link{color:inherit;text-decoration:none}.cur-lesson-link .cur-lesson-content{color:#7b8398}.cur-go{color:var(--n5);opacity:.55;align-self:center;margin-left:6px;font-size:14px;transition:transform .16s,opacity .16s}.cur-lesson-link:hover .cur-go{opacity:1;transform:translate(-4px)}.cur-lesson-link.is-done .cur-lesson-num{background:var(--n5);border-color:var(--n5);color:#fff}.cur-lesson-link.is-done .cur-lesson-name{color:var(--n5-deep)}@media (prefers-reduced-motion:reduce){.cur-go{transition:none}}.brand-progress{border:1px solid var(--border);background:#fff;border-radius:20px;max-width:720px;margin:0 auto 34px;padding:22px 22px 20px;box-shadow:0 12px 30px #0f172a0f}.bp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.bp-title{color:#141936;margin:0;font-size:19px;font-weight:800}.bp-sub{color:var(--muted);font-size:13.5px;font-weight:600}.bp-track{background:#eceef2;height:10px}.bp-fill,.bp-track{border-radius:99px;position:relative}.bp-fill{background:linear-gradient(90deg,#3a9a40,var(--n5));min-width:10px;height:100%;transition:width .45s;display:block}.bp-fill:after{background:var(--n5);content:"";inset-inline-end:-2px;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #2e7d3273}.bp-meta{justify-content:space-between;align-items:center;margin:10px 2px 18px;font-size:13.5px;display:flex}.bp-pct{color:var(--n5-deep);font-weight:800}.bp-count{color:var(--muted);font-weight:600}.bp-btn{background:var(--n5);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:14px;font-size:15.5px;font-weight:800;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 10px 24px #2e7d3238}.bp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px #2e7d324d}.bp-btn i{font-size:13px}.bp-done{background:var(--n5-soft);border:1px solid var(--n5-border);border-radius:14px;gap:10px;padding:14px;font-weight:800}.bp-done,.set-card-toggle{color:var(--n5-deep);justify-content:center;align-items:center;display:flex}.set-card-toggle{border:none;border-top:1px solid var(--border);cursor:pointer;background:0 0;gap:8px;width:100%;margin-top:auto;padding:11px;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:700}.set-card-toggle i{font-size:12px;transition:transform .2s}.set-card.is-open .set-card-toggle i{transform:rotate(180deg)}.set-card-details{border-top:1px dashed var(--border);text-align:start;background:#2e7d3208;padding:14px 16px}.set-card-block{margin-bottom:12px}.set-card-block:last-child{margin-bottom:0}.set-card-block>b{color:#141936;margin-bottom:8px;font-size:13.5px;display:block}.set-card .kv-grid{gap:8px;display:grid}.set-card .kv{align-items:baseline;gap:8px;font-size:14px;display:flex}.set-card .kv>b{color:var(--muted);min-width:64px}.set-words{color:#3a4264;margin:0;padding-inline-start:18px;font-size:14px;line-height:1.9}.lesson-grammar{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;display:flex}.g-card{border:1px solid var(--border);background:#ffffffeb;border-radius:18px;padding:22px;box-shadow:0 8px 22px #0f172a0d}.g-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.g-title{color:#141936;margin:0;font-size:19px;font-weight:800}.g-title-jp{color:var(--n5-deep);font-size:16px;font-weight:700}.g-summary{color:#3a4264;margin:0 0 6px;line-height:1.9}.g-block{margin-top:14px}.g-block>b{color:var(--n5-deep);margin-bottom:8px;font-size:14px;display:block}.g-usage{color:#3a4264;margin:0;padding-inline-start:18px;line-height:1.95}.g-usage-boxes{counter-reset:ubox;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.g-usage-box{border:1px solid var(--n5-border,#cde7cf);counter-increment:ubox;background:#f6fbf6;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;line-height:1.6;display:flex}.g-usage-role{color:#2f3550;align-items:center;gap:9px;font-weight:800;display:flex}.g-usage-role:before{background:var(--n5-deep,#1f5d24);color:#fff;content:counter(ubox);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:inline-flex}.g-usage-ex{color:#5a6275;padding-inline-start:33px;font-size:.92rem}.g-formation{background:var(--n5-soft);border-radius:12px;padding:12px 14px}.g-note{color:#3a4264;margin-bottom:6px;line-height:1.8}@media (prefers-reduced-motion:reduce){.bp-btn,.bp-fill,.set-card-toggle i{transition:none}}.set-glyph{font-family:Noto Sans JP,serif;font-size:30px;line-height:1.15}.page-n5-path .page-hero-soft:before{background:radial-gradient(58% 55% at 50% -8%,#2e7d3212 0,#2e7d3200 62%),radial-gradient(34% 38% at 84% 4%,#ffb86c1a 0,#ffb86c00 60%),radial-gradient(34% 38% at 16% 6%,#78aaff14 0,#78aaff00 60%)}.page-n5-path .page-hero{padding-bottom:14px}.page-n5-path .n5-outcomes{gap:20px;margin-top:30px}.page-n5-path .n5-outcome{gap:16px;padding:20px;transition:transform .16s,box-shadow .16s}.page-n5-path .n5-outcome:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.page-n5-path .n5-outcome-icon{box-shadow:none;border-radius:14px;width:48px;height:48px}.page-n5-path .n5-outcome:first-child .n5-outcome-icon{color:#1f5d24;background:#e7f6e9}.page-n5-path .n5-outcome:nth-child(2) .n5-outcome-icon{color:#2563a8;background:#e8f0fb}.page-n5-path .n5-outcome:nth-child(3) .n5-outcome-icon{color:#b4750f;background:#fdf0db}.page-n5-path .n5-outcome:nth-child(4) .n5-outcome-icon{color:#bb2f56;background:#fdeaf0}.page-n5-path .n5-curriculum{gap:22px;display:grid}.page-n5-path .n5-curriculum .brand-progress{margin-bottom:4px}.page-n5-path .cur-unit{border:1px solid var(--border);background:#fff;border-radius:20px;margin:0;padding:20px 22px 12px;box-shadow:0 8px 24px #0f172a0d}.page-n5-path .cur-unit-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:14px}.page-n5-path .cur-lessons{padding-top:4px}.page-n5-path .cur-lesson{border-radius:14px;padding:13px 8px}.page-n5-path .cur-lesson:hover{background:#f6faf6}.page-n5-path .cur-lesson-num{color:#6b7280;background:#f1f3f7;border:2px solid #e5e7eb}.kana-trace{margin-top:6px}.kana-trace img{border:1px solid var(--border);background:#fff;border-radius:14px;width:150px;max-width:60%;height:auto;padding:8px;display:block}.set-tip{color:#475569;margin:6px 0 0;line-height:1.7}.page-n5-path{background:linear-gradient(#fbfdfc,#f4f8f5 40%,#fbfbfd)}.page-n5-path .page-section{padding:16px 20px 56px}.page-n5-path .n5-curriculum{gap:26px}.page-n5-path .cur-unit{padding:22px 24px 14px}.page-n5-path .cur-unit-kicker{background:var(--n5-soft);color:var(--n5-deep)}.page-n5-path .cur-unit{border-inline-start:4px solid var(--n5-border)}.page-n5-path .cur-unit:nth-child(3n+1){border-inline-start-color:#cfe3ff}.page-n5-path .cur-unit:nth-child(3n+2){border-inline-start-color:#ffe2bd}.page-n5-path .cur-unit:nth-child(3n+3){border-inline-start-color:#c9ecd0}.page-n5-path .n5-curriculum .brand-progress{margin-left:0;margin-right:0}.page-n5-path .cur-lesson{align-items:center;gap:10px;padding:4px 6px;display:flex}.page-n5-path .cur-lesson-link{color:inherit;border-radius:12px;flex:auto;align-items:center;gap:12px;min-width:0;padding:8px 2px;text-decoration:none;display:flex}.page-n5-path .cur-lesson-check{appearance:none;cursor:pointer;font:inherit;flex:none;padding:0;line-height:1;transition:transform .12s,background .15s,border-color .15s,color .15s}.page-n5-path .cur-lesson-check:hover{border-color:var(--n5);transform:scale(1.08)}.grid>.set-card.is-open{grid-column:1/-1}.set-card.is-open .set-card-details{animation:.18s setDetailsIn}@keyframes setDetailsIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.g-formation .g-form-base{border-bottom:1px dashed var(--n5-border);gap:10px;margin-bottom:8px;padding-bottom:8px;font-weight:700;display:flex}.g-formation .g-form-base-ar{color:var(--n5-deep)}.g-formation .g-form-grid{gap:2px}.g-formation .g-form-row{border-bottom:1px solid #2e7d321a;justify-content:space-between;align-items:baseline;padding:8px 2px}.g-formation .g-form-row:last-child{border-bottom:0}.g-formation .g-form-jp{color:#141936;font-weight:600}.lesson-grammar .jp{font-family:Noto Sans JP,sans-serif}.lesson-grammar .g-summary{line-height:1.85}.page-n5-path .n5-curriculum .brand-progress{margin-inline:0;max-width:none;margin-bottom:28px}.lesson-grammar .g-card{padding:22px 24px}.lesson-grammar .g-title{font-size:20px}.g-formation{border:1px solid var(--n5-border);color:#141936;background:#f6faf6;border-radius:14px;padding:14px 16px;font-size:16px}.g-formation .g-form-base{border:1px solid var(--n5-border);color:var(--n5-deep);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:18px;font-weight:800;display:inline-flex}.g-formation .g-form-base-ar{color:var(--muted);font-size:14px;font-weight:600}.g-formation .g-form-grid{flex-direction:column;gap:8px;display:flex}.g-formation .g-form-row{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:flex-start;align-items:center;gap:14px;padding:10px 12px;display:flex}.g-formation .g-form-jp{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);direction:ltr;unicode-bidi:isolate;border-radius:8px;flex:none;padding:5px 11px;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:700}.g-formation .g-form-ar{color:#3a4264;text-align:start;flex:auto;font-weight:500;line-height:1.7}.g-formation .g-form-hint{color:var(--muted);margin-top:2px;font-size:13px;display:block}.kana-wrap{direction:ltr;flex-direction:column;align-items:center;gap:30px;display:flex}.kana-board{width:100%;max-width:540px}.kana-board-title{color:var(--n5-deep);text-align:center;direction:rtl;margin:0 0 14px;font-size:16px;font-weight:800}.kana-tbl{grid-template-columns:26px repeat(var(--kcols),minmax(42px,1fr));gap:6px;display:grid}.kana-col-h,.kana-row-h{color:var(--muted);text-transform:lowercase;place-items:center;font-size:12px;font-weight:800;display:grid}.kana-row-h{justify-content:end;padding-inline-end:2px}.kana-gap{opacity:.5;background:repeating-linear-gradient(45deg,#f6f7f9,#f6f7f9 6px,#fff 0 12px);border-radius:10px}.kana-cell{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;padding:4px;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;display:flex;position:relative}.kana-cell:hover{border-color:var(--n5);background:#f6faf6;transform:translateY(-2px);box-shadow:0 8px 18px #2e7d321f}.kana-cell-char{color:#141936;font-family:Noto Sans JP,sans-serif;font-size:31px;font-weight:600;line-height:1}.kana-cell-r{color:#c0395c;font-size:12.5px;font-weight:800}.kana-pen{color:var(--n5);opacity:.65;inset-inline-end:5px;font-size:8px;position:absolute;top:4px}.kana-modal{z-index:1000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kana-modal[hidden]{display:none}.kana-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;position:absolute;inset:0}.kana-modal-card{text-align:center;z-index:1;direction:rtl;background:#fff;border-radius:22px;width:100%;max-width:320px;padding:26px 22px 24px;animation:.18s kanaIn;position:relative;box-shadow:0 30px 70px #0f172a59}@keyframes kanaIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.kana-modal-x{border:1px solid var(--border);color:var(--muted);cursor:pointer;inset-inline-end:12px;background:#fff;border-radius:50%;width:34px;height:34px;font-size:15px;position:absolute;top:12px}.kana-modal-x:hover{border-color:var(--muted);color:#141936}.kana-modal-char{color:#141936;font-family:Noto Sans JP,sans-serif;font-size:72px;line-height:1}.kana-modal-romaji{color:#c0395c;margin-top:4px;font-size:20px;font-weight:800}.kana-modal-sound{background:var(--n5);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #2e7d3240}.kana-modal-sound:hover{background:var(--n5-deep)}.kana-modal-tip{margin-top:14px;font-size:13.5px;line-height:1.7}.kana-modal-tip:empty{display:none}.kana-modal-write{margin-top:16px}.kana-modal-trace-head{color:var(--n5-deep);margin-bottom:8px;font-size:13px;font-weight:800}.kana-modal-trace img{width:180px;max-width:80%}@media (width<=520px){.kana-tbl{grid-template-columns:22px repeat(var(--kcols),minmax(40px,1fr));gap:5px}.kana-cell-char{font-size:27px}.kana-modal-fallchar{font-size:96px}}.numbers-wrap{flex-direction:column;gap:22px;max-width:640px;margin:0 auto;display:flex}.num-block{border:1px solid var(--border);background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 8px 22px #0f172a0d}.num-block-title{color:var(--n5-deep);margin:0 0 6px;font-size:17px;font-weight:800}.num-lead{color:#3a4264;margin:0 0 12px;line-height:1.9}.num-table-wrap{overflow-x:auto}.num-table{border-collapse:collapse;width:100%}.num-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 8px}.num-table tr:last-child td{border-bottom:0}.num-jp{color:#141936;direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif;font-weight:700}.num-jp,.num-read{white-space:nowrap;width:1%}.num-ar{color:#3a4264;line-height:1.6}.num-say{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);cursor:pointer;direction:ltr;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-family:Noto Sans JP,sans-serif;font-size:14.5px;font-weight:700;transition:background .14s,transform .12s;display:inline-flex}.num-say:hover{background:#d8efdb;transform:translateY(-1px)}.num-say i{color:var(--n5);font-size:11px}.num-note{color:#6b5418;background:#fff8ec;border:1px solid #f3e2bd;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.8}.num-block-title{align-items:center;gap:10px;display:flex}.num-icon{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;display:inline-grid}@font-face{font-display:swap;font-family:KanjiStrokeOrders;src:url(/fonts/KanjiStrokeOrders.woff2)format("woff2"),url(/fonts/KanjiStrokeOrders.ttf)format("truetype")}.kanji-sov{font-family:KanjiStrokeOrders,Noto Sans JP,serif}.kanji-write{border:1px solid var(--border);background:#fafbfc;border-radius:16px;margin-top:14px;padding:16px 18px}.kanji-write-head{color:var(--n5-deep,#1f5d24);justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:800;display:flex}.kanji-write-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.kw-glyph{color:#141936;font-size:104px;line-height:1}.kw-ref{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:14px;width:104px;height:104px;padding:8px}.kw-note{color:var(--muted);text-align:center;margin:14px 0 0;font-size:13px}@media (width<=520px){.kw-glyph{font-size:84px}.kw-ref{width:84px;height:84px}}.num-formula{background:var(--n5-soft,#e8f7e9);border:1px dashed var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);text-align:center;direction:ltr;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-family:Noto Sans JP,monospace;font-size:14px;font-weight:700;line-height:1.9}.kana-modal-min{place-items:center;min-height:230px;padding:52px 22px 26px;display:grid}.kana-modal-min .kana-modal-x{inset-inline:auto;top:12px;left:auto;right:12px}.kana-modal-min .kana-modal-sound{border-radius:50%;place-items:center;width:42px;height:42px;margin:0;padding:0;font-size:16px;display:grid;position:absolute;top:12px;left:12px;right:auto;box-shadow:0 6px 14px #2e7d3247}.kana-modal-trace{place-items:center;display:grid}.kana-modal-trace img{border:1px solid var(--border);background:#fff;border-radius:16px;width:230px;max-width:76vw;height:auto;padding:10px}.kana-modal-fallchar{color:#141936;font-family:Noto Sans JP,sans-serif;font-size:120px;line-height:1}.lesson-page .set-card .card-main{min-width:0}.lesson-page .set-card .card-title-main{font-size:clamp(19px,4.2vw,30px);line-height:1.35}.lesson-page .set-card .card-title-main,.lesson-page .set-card .card-title-sub{overflow-wrap:anywhere;word-break:break-word}.lesson-page .set-card .card-desc{overflow-wrap:anywhere}.kw-replay{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:700;display:inline-flex}.kw-replay:hover{background:#d8efdb}.kanji-writer{place-items:center;min-height:190px;display:grid}.kvg-svg{width:190px;height:190px}.kvg-guide{stroke:#e9edf2;stroke-dasharray:4 5;stroke-width:1px}.kvg-bg{fill:none;stroke:#eef1f4;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.kvg-stroke{fill:none;stroke:var(--n5-deep,#1f5d24);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.6px}@media (width<=520px){.kanji-writer{min-height:150px}.kvg-svg{width:150px;height:150px}}.materials-flash-link{border:1px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);background:#fff;border-radius:14px;align-items:center;gap:8px;margin-top:10px;padding:11px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.materials-flash-link:hover{background:var(--n5-soft,#e8f7e9)}.page-n5-path .n5-outcomes-section{margin-top:4px}@media (width<=560px){.page-n5-path .n5-outcomes{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.page-n5-path .n5-outcome{text-align:right;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.page-n5-path .n5-outcome-icon{border-radius:11px;width:40px;height:40px;font-size:17px}.page-n5-path .n5-outcome-text{font-size:13.5px;line-height:1.6}.page-n5-path .page-hero{padding-bottom:10px}.n5-hero-emblem{width:62px;height:62px;font-size:22px}}.g-table-wrap{-webkit-overflow-scrolling:touch;margin-top:4px;overflow-x:auto}.g-table{border-collapse:collapse;width:100%;font-size:14px}.g-table th{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);white-space:nowrap;font-weight:800}.g-table td,.g-table th{text-align:right;padding:9px 11px}.g-table td{border:1px solid var(--border);vertical-align:middle}.g-table td.g-td-jp{font-family:Noto Sans JP,sans-serif;font-size:15px}.g-table td.g-td-formula,.g-table td.g-td-jp{text-align:left;white-space:nowrap;direction:ltr}.g-table td.g-td-formula{unicode-bidi:isolate}.g-table tbody tr:nth-child(2n){background:#fafbfc}@media (width<=520px){.g-table{font-size:13px}.g-table td,.g-table th{padding:7px 8px}}.path-complete-wrap{margin-top:14px}.path-complete{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.path-complete .pc-text{flex-direction:column;gap:3px;min-width:0;display:flex}.path-complete .pc-text b{color:var(--n5-deep,#1f5d24);font-size:16px}.path-complete .pc-text span{color:#3a4a3d;font-size:13.5px;line-height:1.6}.path-complete .pc-btn{white-space:nowrap;flex:none;width:auto;padding:11px 22px}.path-complete.is-done{background:#eef7ef;border-color:#cfe8d2}@media (width<=560px){.path-complete{text-align:center;flex-direction:column;align-items:stretch}.path-complete .pc-btn{width:100%}}.g-table td.g-td-furi{white-space:normal;min-width:190px;line-height:1.5}.g-cell-jp,.g-cell-kana{display:block}.g-cell-kana{color:var(--muted,#6b7280);direction:ltr;margin-top:3px;font-size:12px}.g-cell-ar{color:#4b5563;direction:rtl;margin-top:4px;font-size:12.5px;display:block}.lesson-page .card-row{flex-direction:column;align-items:center;gap:12px}.lesson-page .card-row .card-thumb{flex:none;order:-1;width:132px;height:132px}.lesson-page .card-main{text-align:center;align-items:center;width:100%}.lesson-page .card-main .tagrow{justify-content:center}.lesson-page .card-desc{margin-bottom:12px;font-size:19px}.lesson-page .card-title-sub{font-size:24px}.practice-wrap{max-width:560px;margin:0 auto}.practice-wrap .jp{direction:ltr;unicode-bidi:isolate}.pq{background:#fff;border:1px solid #e7ece8;border-radius:18px;padding:20px}.pq-meta{color:var(--muted,#6b7280);font-size:13px;font-weight:700}.pq-bar{background:#eef2ef;height:8px;margin:8px 0 16px;overflow:hidden}.pq-bar,.pq-bar>i{border-radius:999px}.pq-bar>i{background:var(--n5,#2e7d32);height:100%;transition:width .35s;display:block}.pq-q{unicode-bidi:plaintext;margin:0 0 16px;font-size:20px;font-weight:700}.pq-q .jp{font-size:23px}.pq-choices{flex-direction:column;gap:10px;display:flex}.pq-choice{color:var(--ink,#1f2937);cursor:pointer;font:inherit;text-align:start;background:#fff;border:1.5px solid #e3e8e4;border-radius:14px;padding:14px 16px;font-size:17px;font-weight:700;transition:all .12s}.pq-choice:hover:not(:disabled){background:var(--n5-soft,#e8f7e9);border-color:var(--n5-border,#b8e0bb)}.pq-choice:disabled{cursor:default}.pq-choice.correct{background:var(--n5-soft,#e8f7e9);border-color:var(--n5,#2e7d32);color:var(--n5-deep,#1f5d24)}.pq-choice.wrong{color:#e3342f;background:#fdecec;border-color:#e3342f}.pq-explain{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);unicode-bidi:plaintext;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:15px;display:none}.pq-explain.show{display:block}.pq-explain.bad{color:#a3271f;background:#fdecec;border-color:#f3c2c2}.pq-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.pq-score{color:var(--muted,#6b7280);font-size:14px;font-weight:700}.pq-next{background:var(--n5,#2e7d32);color:#fff;cursor:pointer;font:inherit;visibility:hidden;border:0;border-radius:12px;padding:10px 22px;font-size:15px;font-weight:800}.pq-result{text-align:center}.pq-big{color:var(--n5,#2e7d32);font-size:44px;font-weight:800}.pq-result p{color:var(--muted,#6b7280)}.pq-retry{background:var(--n5,#2e7d32);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:12px;margin-top:8px;padding:11px 24px;font-weight:800}.pq-result-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:14px;display:flex}.pq-result-actions .pq-retry{margin-top:0}.pq-go{cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:11px 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.pq-go:hover{transform:translateY(-1px)}.pq-go-next{background:var(--n5,#2e7d32);color:#fff;box-shadow:0 4px 14px #2e7d3247}.pq-go-next .pq-go-main{align-items:center;gap:8px;display:inline-flex}.pq-go-ribbon{color:#fff;background:#ffffff38;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.pq-go-path{background:var(--n5-soft,#e8f7e9);border:1.5px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24)}.pq-go-path:hover{background:#dff1e1}.celebrate-confetti{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;inset:0}.celebrate-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;z-index:9999;background:#1428188c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.celebrate-overlay.show{opacity:1}.celebrate-sharepanel{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:none}.celebrate-sharepanel.is-open{animation:.22s both csp-in;display:grid}@keyframes csp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.csp-btn{border:1px solid var(--n5-border,#b8e0bb);color:#1f2937;cursor:pointer;font:inherit;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.csp-btn i{font-size:17px}.csp-btn:hover{background:#f7fdf8}.csp-wa i{color:#25d366}.csp-tg i{color:#229ed2}.csp-x i{color:#000}.csp-fb i{color:#1877f2}.csp-copy i{color:var(--n5,#2e7d32)}.csp-copy,.csp-linkfield{grid-column:1/-1}.csp-linkfield{border:1.5px solid var(--n5-border,#b8e0bb);font:inherit;text-align:left;direction:ltr;background:#f7fdf8;border-radius:11px;width:100%;padding:10px 12px;font-size:13px}.confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;z-index:10000;background:#14281880;justify-content:center;align-items:center;padding:20px;transition:opacity .24s;display:flex;position:fixed;inset:0}.confirm-overlay.show{opacity:1}.confirm-card{opacity:0;text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:30px 24px 22px;transition:transform .28s cubic-bezier(.2,1.2,.4,1),opacity .28s;transform:scale(.9)translateY(10px);box-shadow:0 24px 60px #00000047}.confirm-overlay.show .confirm-card{opacity:1;transform:scale(1)translateY(0)}.confirm-icon{background:var(--n5-soft,#e8f7e9);color:var(--n5-deep,#1f5d24);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:27px;display:flex}.confirm-icon.is-danger{color:#c0392b;background:#fdecea}.confirm-title{color:#141936;margin:0 0 8px;font-size:19px;font-weight:800}.confirm-msg{color:var(--muted,#6b7280);margin:0 0 22px;font-size:14.5px;line-height:1.75}.confirm-actions{gap:10px;display:flex}.confirm-btn{cursor:pointer;font:inherit;border:0;border-radius:12px;flex:1;padding:12px 16px;font-size:14.5px;font-weight:800}.confirm-cancel{color:#374151;background:#eef1f4}.confirm-cancel:hover{background:#e3e7ec}.confirm-ok{background:var(--n5,#2e7d32);color:#fff}.confirm-ok:hover{background:var(--n5-deep,#1f5d24)}.confirm-danger{color:#fff;background:#d9483b}.confirm-danger:hover{background:#c0392b}@media (prefers-reduced-motion:reduce){.confirm-card,.confirm-overlay{transition:none}}.celebrate-card{opacity:0;text-align:center;background:#fff;border-radius:22px;width:100%;max-width:420px;padding:36px 26px 26px;transition:transform .34s cubic-bezier(.2,1.3,.4,1),opacity .34s;position:relative;transform:scale(.8)translateY(12px);box-shadow:0 24px 60px #0000004d}.celebrate-overlay.show .celebrate-card{opacity:1;transform:scale(1)translateY(0)}.celebrate-medal{color:#fff;background:radial-gradient(circle at 30% 25%,#ffd54f,#fbc02d 45%,#ef6c00);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 16px;font-size:44px;animation:.5s .15s both celebrate-pop,2.4s ease-in-out 1s infinite celebrate-bob;display:flex;box-shadow:0 10px 26px #ef6c0066}.celebrate-title{color:var(--n5-deep,#1f5d24);margin:0 0 8px;font-size:23px;font-weight:800}.celebrate-sub{color:var(--muted,#6b7280);margin:0 0 22px;font-size:15px;line-height:1.7}.celebrate-actions{flex-direction:column;gap:10px;display:flex}.celebrate-btn{cursor:pointer;font:inherit;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.celebrate-primary{background:var(--n5,#2e7d32);color:#fff;box-shadow:0 6px 18px #2e7d324d}.celebrate-primary:hover{background:var(--n5-deep,#1f5d24)}.celebrate-ghost{color:var(--n5-deep,#1f5d24);background:0 0}.celebrate-ghost:hover,.celebrate-share{background:var(--n5-soft,#e8f7e9)}.celebrate-share{border:1.5px solid var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24)}.celebrate-share:hover{background:#dff1e1}.celebrate-notify{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);text-align:center;border-radius:16px;margin-top:20px;padding:16px 16px 18px}.celebrate-notify-badge{background:var(--n5,#2e7d32);color:#fff;letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;margin-bottom:9px;padding:3px 12px;font-size:11px;font-weight:800;display:inline-flex}.celebrate-notify-title{color:var(--n5-deep,#1f5d24);margin:0 0 4px;font-size:15px;font-weight:800;line-height:1.6}.celebrate-notify-title i{color:var(--n5,#2e7d32);margin-inline-end:5px}.celebrate-notify-title bdi{font-weight:800}.celebrate-notify-lead{color:var(--muted,#6b7280);margin:0 0 13px;font-size:12.5px}.celebrate-notify-form{gap:8px;display:flex}.celebrate-notify-form[hidden]{display:none}.celebrate-notify-input{border:1.5px solid var(--n5-border,#b8e0bb);color:#1f2937;font:inherit;text-align:right;direction:ltr;background:#fff;border-radius:11px;flex:1;min-width:0;padding:12px 14px;font-size:14px}.celebrate-notify-input::placeholder{color:#9aa3ad}.celebrate-notify-input:focus{border-color:var(--n5,#2e7d32);outline:none;box-shadow:0 0 0 3px #2e7d3224}.celebrate-notify-input.celebrate-notify-invalid{border-color:#e05656;box-shadow:0 0 0 3px #e0565624}.celebrate-notify-btn{background:var(--n5,#2e7d32);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:11px;flex:none;padding:12px 20px;font-size:14px;font-weight:800}.celebrate-notify-btn:hover{background:var(--n5-deep,#1f5d24)}.celebrate-notify-status{color:var(--n5-deep,#1f5d24);margin:10px 2px 0;font-size:13.5px;font-weight:700}.celebrate-close-link{color:var(--muted,#6b7280);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:14px;font-size:13px;text-decoration:underline;display:inline-block}.celebrate-close-link:hover{color:var(--n5-deep,#1f5d24)}.celebrate-spark{color:#fbc02d;opacity:0;font-size:16px;animation:1.8s ease-in-out infinite celebrate-spark;position:absolute}.celebrate-spark-1{inset-inline-start:26px;animation-delay:.2s;top:18px}.celebrate-spark-2{inset-inline-end:30px;font-size:12px;animation-delay:.7s;top:30px}.celebrate-spark-3{inset-inline-end:46px;font-size:14px;animation-delay:1.1s;top:80px}@keyframes celebrate-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes celebrate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes celebrate-spark{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.celebrate-medal,.celebrate-spark{animation:none}.celebrate-card,.celebrate-overlay{transition:none}}.lesson-page .example .romaji-line,.lesson-page .romaji-line{font-size:1rem}.g-notes{margin:4px 0 0;padding-inline-start:22px;list-style:outside}.g-notes li{color:#3a4264;margin-bottom:6px;line-height:1.8}.num-notes{color:#6b5418;background:#fff8ec;border:1px solid #f3e2bd;border-radius:12px;margin:12px 0 0;padding:10px 14px 10px 0;padding-inline-start:26px;font-size:13.5px;line-height:1.8;list-style:outside}.num-notes li{margin-bottom:4px}.g-formula{background:var(--n5-soft,#e8f7e9);border:1px dashed var(--n5-border,#b8e0bb);color:var(--n5-deep,#1f5d24);text-align:center;border-radius:12px;padding:12px 14px;font-family:Noto Sans JP,monospace;font-size:15px;font-weight:800;line-height:1.9}.g-sections{flex-direction:column;gap:18px;display:flex}.g-section{border:1px solid var(--n5-border,#b8e0bb);border-inline-start:5px solid var(--n5-deep,#1f5d24);background:#f6fbf6;border-radius:16px;padding:20px 22px}.g-sections{gap:22px}.g-section-head{border-bottom:1px dashed var(--n5-border,#cde7cf);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.g-section-ar{color:var(--n5-deep,#1f5d24);font-size:1.05rem;font-weight:800}.g-section-jp{color:#5b6b7a}.g-section-sum{color:#3a4264;margin:0 0 12px;line-height:1.85}.g-section .g-section-bullets{margin:0 0 12px;line-height:1.9}.g-section .g-section-bullets li{margin-bottom:7px}.g-section .g-section-chips{gap:10px;margin-top:4px}.g-section.g-tone-blue{border-color:#bfdbfe;background:#f5f9ff;border-inline-start-color:#2563eb}.g-section.g-tone-blue .g-section-head{border-bottom-color:#cfe0fb}.g-section.g-tone-blue .g-section-ar{color:#1d4ed8}.g-section.g-tone-blue .g-section-badge{color:#1e40af;background:#dbeafe}.g-section.g-tone-teal{border-color:#99f6e4;background:#f2fcfa;border-inline-start-color:#0d9488}.g-section.g-tone-teal .g-section-head{border-bottom-color:#c3f3ea}.g-section.g-tone-teal .g-section-ar{color:#0f766e}.g-section.g-tone-teal .g-section-badge{color:#0f766e;background:#ccfbf1}.g-section.g-tone-amber{border-color:#fde68a;background:#fffaf0;border-inline-start-color:#d97706}.g-section.g-tone-amber .g-section-head{border-bottom-color:#fae6b0}.g-section.g-tone-amber .g-section-ar{color:#b45309}.g-section.g-tone-amber .g-section-badge{color:#b45309;background:#fef3c7}.g-section-pairs{margin:0 0 14px}.g-pairs-label{color:#3a4264;margin-bottom:9px;font-size:.92rem;font-weight:800;display:block}.g-pairs-chips{flex-wrap:wrap;gap:9px;display:flex}.g-pair-chip{color:#1f2937;background:#fff;border:1px solid #d7e3ef;border-radius:11px;justify-content:center;align-items:center;min-width:60px;padding:7px 13px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.g-pair-chip .jp-iso{font-family:Noto Sans JP,sans-serif}.g-tone-blue .g-pair-chip{background:#fbfdff;border-color:#bfdbfe}.g-tone-teal .g-pair-chip{background:#fafffe;border-color:#99f6e4}.g-tone-amber .g-pair-chip{background:#fffdf7;border-color:#fde68a}.g-section-flows{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.g-section-flow{background:#fff;border:1px solid #e3eaf2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.g-section-flow .g-chip{margin:0}.g-section-flow .g-flow-arrow{color:#94a3b8;font-size:.9rem}.g-tone-blue .g-section-flow{background:#fbfdff;border-color:#cfe0fb}.g-tone-teal .g-section-flow{background:#fafffe;border-color:#bff0e6}.g-tone-amber .g-section-flow{background:#fffdf7;border-color:#fbe7b2}.num-examples{margin-top:14px}.num-ex-label{color:var(--n5-deep,#1f5d24);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.num-row-key{background:var(--n5-soft,#e8f7e9)}.num-row-key .num-jp{font-weight:800}.num-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0 4px;display:grid}.num-gcell{text-align:center;background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:10px 6px 8px;position:relative}.num-gcell.is-exc{background:#fffdf6;border-color:#ecc45a}.num-gnum{color:#1f2937;font-size:15px;font-weight:800;display:block}.num-gkana{white-space:nowrap;align-items:center;gap:4px;max-width:100%;margin-top:4px;padding:5px 10px;font-size:.82rem;display:inline-flex}.num-gcell .num-say i{font-size:9px}.num-gar{color:#6b7280;margin-top:2px;font-size:12px;display:block}.num-gtag{color:#9a6a00;inset-inline-start:8px;background:#ffe7a8;border-radius:7px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:6px}.num-ar.num-ar-ltr{text-align:right}.num-ar.num-ar-ltr,.num-gnum{direction:ltr;unicode-bidi:isolate}.g-summary-list{margin:0 0 10px;padding-inline-start:22px;list-style:outside}.g-summary-list li{margin-bottom:6px;line-height:1.9}.jp-iso{overflow-wrap:anywhere;word-break:keep-all;direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,system-ui,sans-serif}.g-chip-jp,.g-pair-chip,.g-section-jp,.jp,.kana{overflow-wrap:normal;word-break:keep-all}.g-cards{flex-direction:column;gap:10px;display:flex}.g-note-card{border:1px solid var(--border,#e3e7ec);background:#fff;border-inline-start-width:4px;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.g-note-card .g-note-ic{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;display:grid}.g-note-text{color:#3a4264;min-width:0;line-height:1.8}.g-note-text b{color:inherit}.g-note-info{border-color:#d9e1ea;background:#f7f9fb;border-inline-start-color:#8aa1b8}.g-note-info .g-note-ic{color:#4d6580;background:#e7eef5}.g-note-tip{background:var(--n5-soft,#e8f7e9);border-color:var(--n5-border,#b8e0bb);border-inline-start-color:var(--n5-deep,#1f5d24)}.g-note-tip .g-note-ic{color:var(--n5-deep,#1f5d24);background:#d4eed6}.g-note-warn{border-color:#f0d68a;background:#fffaf0;border-inline-start-color:#e0a82e}.g-note-warn .g-note-ic{color:#9a6a00;background:#fbe8b8}.g-note-warn .g-note-text{color:#6b5418}.g-note-key{border-color:var(--n5-border,#b8e0bb);border-inline-start-color:var(--n5-deep,#1f5d24);background:#eaf6ea}.g-note-key .g-note-ic{background:var(--n5-deep,#1f5d24);color:#fff}.g-aid{border:1px solid var(--border,#e3e7ec);background:#fff;border-radius:14px;padding:12px 14px}.g-aid-title{color:var(--n5-deep,#1f5d24);margin-bottom:10px;font-weight:800}.g-chips,.g-flow{flex-wrap:wrap;gap:8px;display:flex}.g-flow{align-items:center}.g-flow-arrow{color:#9aa7b4;font-size:13px}.g-chip{background:var(--n5-soft,#e8f7e9);border:1px solid var(--n5-border,#b8e0bb);border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:6px 12px;display:inline-flex}.g-chip-jp{color:#1f2937;font-size:15px;font-weight:800}.g-chip-ar{color:#5b6b7a;font-size:11.5px}.rule-counter{ruby-align:center;ruby-position:under;-webkit-ruby-position:under;margin:0 2px}.rule-ar{direction:rtl;unicode-bidi:isolate}.rule-counter rt{color:#6b9170;font-size:.72em;font-weight:700;line-height:1.1}.hl-na{color:#c2410c;font-weight:800}.g-steps{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.g-step{align-items:flex-start;gap:10px;display:flex}.g-step-n{background:var(--n5-deep,#1f5d24);color:#fff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;margin-top:1px;font-size:12.5px;font-weight:800;display:grid}.g-step-t{color:#3a4264;line-height:1.8}.g-diagram{justify-content:center;padding:6px 0 2px;display:flex}.g-diagram svg{width:100%;max-width:560px;height:auto}.g-formula{direction:ltr}.g-formula .rule-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.rule-seg{unicode-bidi:isolate;font-family:Noto Sans JP,Tajawal,sans-serif}.rule-op{color:var(--n5,#2e7d32);align-items:center;font-size:1.05em;font-weight:800;display:inline-flex}.rule-op.rule-arrow{color:var(--n5-deep,#1f5d24)}.g-del{color:#c0392b;-webkit-text-decoration:line-through #e2574c;text-decoration:line-through #e2574c;text-decoration-thickness:2px;position:relative}.g-add{color:var(--n5-deep,#1f5d24);background:linear-gradient(#0000 62%,#2e7d322e 0);border-radius:3px;padding:0 .06em;font-weight:800}.g-table-tf td.g-tf-arrow{color:var(--n5,#2e7d32);text-align:center;border-inline:none;width:38px;padding:6px 0}.g-table-tf td.g-td-jp{font-size:17px}.g-endings{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.g-end{background:var(--tone-soft,#f1f6f0);border:1px solid var(--tone-border,#cde0c8);border-inline-start:5px solid var(--tone,#7c9b73);border-radius:16px;padding:14px 16px}.g-end-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.g-end-rule{align-items:center;gap:8px;font-size:20px;font-weight:800;display:inline-flex}.g-end-from{color:#3a4264}.g-end-rulearrow{color:var(--tone,#7c9b73);font-size:.8em}.g-end-tag{color:#b45309;background:#fff4e0;border:1px solid #f6d79a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.g-end-exs{flex-direction:column;gap:7px;display:flex}.g-end-ex{background:#fff;border:1px solid #0000000d;border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;padding:7px 11px;display:flex}.g-end-ex .jp{direction:ltr;font-family:Noto Sans JP,sans-serif;font-size:17px}.g-end-arrow{color:var(--tone,#7c9b73);font-size:.9em}.g-end-mean{color:#6b7280;margin-inline-start:auto;font-size:13px}.g-end.t-purple{--tone:#8d7bd6;--tone-soft:#f4f1fb;--tone-border:#ddd4f3}.g-end.t-pink{--tone:#d98aa8;--tone-soft:#fdf2f6;--tone-border:#f4d7e2}.g-end.t-green{--tone:#5fa86a;--tone-soft:#f1f8f1;--tone-border:#cce6cf}.g-end.t-blue{--tone:#69c;--tone-soft:#eef4fb;--tone-border:#d4e3f3}.g-end.t-orange{--tone:#e0935a;--tone-soft:#fdf4ec;--tone-border:#f6dcc2}.g-end.t-lilac{--tone:#a78bc8;--tone-soft:#f6f2fb;--tone-border:#e4d8f0}.g-end.t-warn{--tone:#dd9b3c;--tone-soft:#fff8ec;--tone-border:#f3e2bd}.g-rule-steps{margin-top:12px}.g-rule-steps .g-aid{border:1px dashed var(--n5-border,#b8e0bb);background:#fff;border-radius:12px;padding:10px 12px}.g-rule-steps .g-aid-title{color:var(--n5-deep,#1f5d24);margin-bottom:6px;font-weight:800}.g-qa{background:#f4f8ff;border:1px dashed #bfd7f5;border-radius:14px;padding:14px 16px}.g-qa .qa-ar{color:#2f3550;line-height:1.7}.g-qa .qa-jp{color:#141936;margin-top:4px;font-family:Noto Sans JP,sans-serif;font-size:18px}.g-qa .qa-answer .qa-label{color:var(--n5,#2e7d32)}.g-qa .qa-part{position:relative}.g-qa .qa-head{align-items:center;min-height:40px;margin-bottom:2px;display:flex}.g-qa .qa-head .qa-label{margin-bottom:0}.g-qa .jp .reading-speak-btn{box-shadow:none;inset-inline-start:auto;z-index:2;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;line-height:0;display:inline-flex;position:absolute;top:8px;left:0;right:auto}.g-qa .jp .reading-speak-btn img{opacity:.65;width:22px;height:22px}.g-qa .jp .reading-speak-btn:hover img{opacity:1}.g-qa .jp,.g-qa .kana{margin-top:2px}.g-qa .ar{margin-top:6px}@media (width<=560px){.g-endings{grid-template-columns:1fr}.g-end-mean{margin-inline-start:0}}#lesson-grid{position:relative}.lesson-grammar>.g-card:first-child .g-head,.numbers-wrap>.num-block:first-child .num-block-title{padding-inline-end:132px}@media (width<=560px){.lesson-grammar>.g-card:first-child .g-head,.numbers-wrap>.num-block:first-child .num-block-title{padding-inline-end:46px}}.practice-wrap .pq{padding-top:56px}.report-btn{color:#b04a4a;cursor:pointer;inset-inline-end:18px;z-index:4;background:#fff;border:1px solid #f0d4d4;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:18px;box-shadow:0 4px 12px #0000000d}.report-btn i{font-size:12px}.report-btn:hover{color:#963c3c;background:#fdf3f3;border-color:#e0a9a9}.report-mount{justify-content:center;margin:26px 0 6px;display:flex}.report-fab,.report-mount .report-btn{inset-inline-end:auto;position:static;top:auto}.report-fab{box-shadow:none;border-radius:50%;flex:none;justify-content:center;width:34px;height:34px;padding:0}.report-fab i{font-size:13px}.detail .panel-head #meta{margin-inline-start:auto}.report-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-overlay[hidden]{display:none}.report-modal{background:#fff;border-radius:18px;width:min(460px,100%);font-family:Tajawal,sans-serif;animation:.16s reportIn;overflow:hidden;box-shadow:0 24px 60px #00000040}@keyframes reportIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.report-head{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.report-head h3{color:#1f2a44;margin:0;font-size:17px}.report-x{color:#9aa1b2;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.report-x:hover{color:#4b5563}.report-body{padding:18px 20px}.report-field-label{color:#374151;margin:0 0 8px;font-size:13px;font-weight:800}.report-types{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.report-type{cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;transition:all .12s;display:flex}.report-type:hover{border-color:var(--n5-border,#b8e0bb);background:#f8fbf8}.report-type input{accent-color:var(--n5,#2e7d32)}.report-type:has(input:checked){background:var(--n5-soft,#e8f7e9);border-color:var(--n5,#2e7d32);font-weight:700}#report-desc{box-sizing:border-box;resize:vertical;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}#report-desc:focus{border-color:var(--n5);outline:none}#report-desc.report-invalid{background:#fff7f6;border-color:#e3574c}.report-ctx{color:#6b7280;margin:10px 0 0;font-size:12px}.report-ctx b{color:#374151}.report-status{color:#6b7280;margin:10px 0 0;font-size:13px;font-weight:700}.report-status.ok{color:var(--n5-deep,#1f5d24)}.report-foot{background:#fafbfc;border-top:1px solid #eef0f4;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.report-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:9px 16px;font-family:inherit;font-weight:700}.report-cancel:hover{background:#f3f4f6}.report-send{background:var(--n5,#2e7d32);border:1px solid var(--n5,#2e7d32);color:#fff;cursor:pointer;border-radius:10px;padding:9px 18px;font-family:inherit;font-weight:800}.report-send:hover{background:var(--n5-deep,#1f5d24)}.report-send:disabled{cursor:default;opacity:.6}@media (width<=560px){.report-btn-t{display:none}.report-btn{padding:8px 11px}.report-types{grid-template-columns:1fr}}.story-reader{--sr-accent:#2e7d32;--sr-deep:#1f5d24;--sr-soft:#e8f7e9;--sr-border:#b8e0bb;--sr-ink:#1f2937;--sr-muted:#6b7280;--sr-line:#e5e9e6;max-width:720px;margin:0 auto}.story-reader .jp{font-family:Noto Sans JP,Tajawal,sans-serif}.sr-hero{background:linear-gradient(135deg,var(--sr-deep),var(--sr-accent));color:#fff;text-align:center;border-radius:20px;padding:26px 20px 28px;position:relative}.sr-back{color:#fff;inset-inline-start:16px;background:#ffffff29;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:14px}.sr-back:hover{background:#ffffff47;transform:translateY(-1px)}.sr-back i{font-size:12px}.sr-title{text-align:center;direction:ltr;margin:14px 0 0;font-family:Noto Sans JP;font-size:30px;font-weight:700;line-height:1.5}.sr-title ruby rt{font-weight:500;color:#ffffffd1!important;opacity:1!important}.sr-ar{opacity:.92;margin:9px 0 0;font-size:15px;font-weight:500}.sr-meta{margin-top:16px}.sr-badge{background:#ffffff2e;border:1px solid #fff6;border-radius:999px;margin:0 4px;padding:4px 13px;font-size:13px;display:inline-block}.sr-controls{flex-wrap:wrap;justify-content:center;gap:9px;margin:16px 0 4px;display:flex}.sr-chip{border:1.5px solid var(--sr-border);color:var(--sr-deep);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.sr-chip .dot{background:var(--sr-accent);border-radius:50%;flex:none;width:9px;height:9px}.sr-chip.off{border-color:var(--sr-line);color:var(--sr-muted);opacity:.6}.sr-chip.off .dot{background:#cbd5e1}.sr-chip.play{background:var(--sr-accent);border-color:var(--sr-accent);color:#fff}.sr-chip.play svg{fill:currentColor;width:13px;height:13px}.sr-scene{border:1px solid var(--sr-line);background:#fff;border-radius:16px;margin-top:14px;padding:14px;box-shadow:0 6px 18px #1f5d240a}.sr-illus{border:1px solid var(--sr-line);border-radius:12px;width:100%;height:auto;margin-bottom:12px;display:block}.sr-s{border-bottom:1px dashed var(--sr-line);border-radius:12px;align-items:flex-start;gap:12px;padding:11px 6px;display:flex}.sr-s:last-child{border-bottom:0}.sr-s.active{background:var(--sr-soft)}.sr-sbody{flex:auto;min-width:0}.sr-speak{color:var(--sr-accent);cursor:pointer;opacity:.36;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:7px;padding:0;transition:opacity .15s;display:inline-flex}.sr-speak.on,.sr-speak:hover{opacity:1}.sr-speak svg{fill:currentColor;width:17px;height:17px}.sr-jp{color:var(--sr-ink);overflow-wrap:anywhere;text-align:left;word-break:normal;direction:ltr;font-family:Noto Sans JP;font-size:23px;line-height:2.1}.sr-jp ruby rt{color:var(--sr-accent);font-size:.6em;font-weight:700;transition:opacity .15s}.story-reader.no-furigana .sr-gv ruby rt,.story-reader.no-furigana .sr-jp ruby rt,.story-reader.no-furigana .sr-q ruby rt{opacity:0}.sr-arl,.sr-ro{margin-top:6px;font-size:14.5px;display:none}.sr-ro{color:var(--sr-muted);text-align:left;direction:ltr;font-style:italic}.sr-arl{color:#374151}.story-reader.show-ar .sr-arl,.story-reader.show-romaji .sr-ro{display:block}.sr-jp .w{border-bottom:2px dotted var(--sr-border);cursor:pointer;padding-bottom:1px}.sr-jp .w:focus,.sr-jp .w:hover{background:var(--sr-soft);border-radius:4px;outline:none}.sr-sec-head{align-items:center;gap:10px;margin:26px 4px 12px;display:flex}.sr-sec-head h2{color:var(--sr-deep);margin:0;font-size:1.15rem;font-weight:800}.sr-sec-head .line{background:var(--sr-border);flex:1;height:1px}.sr-gloss{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.sr-gv{border:1px solid var(--sr-line);text-align:right;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.sr-gv-main{flex:auto;min-width:0}.sr-gv-speak{color:var(--sr-accent);cursor:pointer;opacity:.4;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;padding:0;transition:opacity .15s;display:inline-flex}.sr-gv-speak.on,.sr-gv-speak:hover{opacity:1}.sr-gv-speak svg{fill:currentColor;width:16px;height:16px}.sr-gv .jp{color:var(--sr-ink);text-align:right;direction:ltr;font-family:Noto Sans JP;font-size:18px;font-weight:700;line-height:1.9;display:block}.sr-gv .jp ruby rt{color:var(--sr-accent);font-size:.58em;font-weight:700}.sr-gv .rj{color:var(--sr-muted);text-align:right;direction:ltr;margin-top:1px;font-size:11.5px;font-style:italic;display:block}.sr-gv .mn{border-top:1px solid var(--sr-line);color:#374151;margin-top:8px;padding-top:8px;font-size:14.5px;display:block}.sr-gram{margin:0;padding:0;list-style:none}.sr-gram li{border:1px solid var(--sr-line);background:#fff;border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:14px}.sr-gram b{color:var(--sr-accent);font-family:Noto Sans JP}.sr-q{border:1px solid var(--sr-line);background:#fff;border-radius:12px;margin-bottom:10px;padding:14px 16px}.sr-q.inf{border-color:var(--sr-line);border-inline-start:3px solid var(--sr-accent);background:#fff}.sr-q .jp{text-align:left;direction:ltr;margin-bottom:6px;font-family:Noto Sans JP;font-size:16px;line-height:2;display:block}.sr-q .jp ruby rt{color:var(--sr-accent);font-size:.58em;font-weight:700}.sr-q .qa{color:#374151;font-size:14.5px;line-height:1.7;display:block}.sr-qfoot{justify-content:flex-start;margin-top:12px;display:flex}.sr-reveal{background:var(--sr-soft);border:1px solid var(--sr-border);color:var(--sr-deep);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.sr-reveal:hover{background:var(--sr-accent);border-color:var(--sr-accent);color:#fff}.sr-ans{border-top:1px dashed var(--sr-line);color:var(--sr-deep);margin-top:10px;padding-top:10px;font-size:14px;font-weight:500;display:none}.sr-ans .jp{direction:ltr;font-size:16px;font-weight:700;display:inline-block}.sr-q.open .sr-ans{display:block}.sr-q.open .sr-reveal{color:var(--sr-deep);background:#fff}.sr-pdf{margin-top:36px}.sr-pdf-card{background:linear-gradient(135deg,var(--sr-accent),var(--sr-deep));color:#fff;text-align:center;border:0;border-radius:20px;padding:26px 22px;box-shadow:0 14px 34px #1f5d2447}.sr-pdf-card h3{color:#fff;margin:0 0 6px;font-size:21px}.sr-pdf-txt p{color:#ffffffeb;max-width:430px;margin:0 auto;font-size:14.5px;line-height:1.7}.sr-pdf-form{flex-wrap:wrap;gap:9px;max-width:480px;margin:18px auto 0;display:flex}.sr-pdf-form input{color:#1f2937;flex:200px;padding:14px 15px}.sr-pdf-form button,.sr-pdf-form input{border:0;border-radius:11px;font-family:inherit;font-size:15px}.sr-pdf-form button{color:var(--sr-deep);cursor:pointer;background:#fff;padding:14px 24px;font-weight:800;transition:transform .12s,background .15s;box-shadow:0 5px 14px #0000002e}.sr-pdf-form button:hover{background:#eafaea;transform:translateY(-1px)}.sr-pdf-msg{color:#fff;text-align:center;max-width:520px;margin:24px auto 0;font-size:13.5px;font-weight:700;line-height:1.6}.sr-pdf-msg:empty{margin:0}.sr-pdf-msg.bad{color:#ffdada}.sr-dl{color:var(--sr-deep);background:#fff;border-radius:10px;align-items:center;margin:8px 6px 0;padding:9px 18px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 5px 14px #0000002e}.sr-dl:hover{background:#eafaea}.sr-dl-icon{flex:none;margin-inline-start:7px;font-size:13px;line-height:1}.sr-pdf-sub{opacity:.85;margin-top:9px;font-size:12px;font-weight:500;display:block}.sr-empty{color:#6b7280;text-align:center;padding:50px 20px}#sr-pop{border:1.5px solid var(--sr-accent,#2e7d32);z-index:60;background:#fff;border-radius:12px;max-width:240px;padding:11px 14px;display:none;position:fixed;box-shadow:0 10px 30px #0000002e}#sr-pop .jp{color:#1f2937;font-family:Noto Sans JP;font-size:20px;font-weight:700}#sr-pop .rj{color:#6b7280;direction:ltr;margin:2px 0;font-size:12.5px}#sr-pop .mn{color:var(--sr-deep,#1f5d24);font-size:15px;font-weight:700}@media (width<=768px){.sr-title{font-size:25px}.sr-jp{font-size:21px}.sr-gloss{grid-template-columns:1fr 1fr}}@media (width<=480px){.sr-gloss{grid-template-columns:1fr}}@media (width<=640px){.sr-hero{border-radius:0;margin-left:-16px;margin-right:-16px}.sr-controls{gap:7px}.sr-chip{padding:7px 13px;font-size:12.5px}.sr-pdf-card{padding:22px 16px}.sr-pdf-form{flex-direction:column;max-width:none}.sr-pdf-form button,.sr-pdf-form input{flex:auto;width:100%}}.sl-filterbar{background:#fff;border:1px solid #e6ece6;border-radius:18px;max-width:820px;margin:16px auto 14px;padding:16px 22px;box-shadow:0 8px 22px #1f5d240f}.sl-fgroup{align-items:flex-start;gap:12px;display:flex}.sl-fgroup+.sl-fgroup{margin-top:12px}.sl-flabel{color:#6b7280;flex:none;min-width:66px;padding-top:7px;font-size:12.5px;font-weight:800}.sl-fchips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.sl-srow{gap:12px}.sl-search,.sl-srow{align-items:center;display:flex}.sl-search{background:#f7faf7;border:1px solid #e6ece6;border-radius:12px;flex:1;gap:9px;padding:10px 14px}.sl-search svg{fill:none;stroke:#9aa79a;stroke-width:2px;flex:none;width:17px;height:17px}.sl-search input{color:#141936;background:0 0;border:0;outline:none;width:100%;font-family:inherit;font-size:14.5px}.sl-search input::-webkit-search-cancel-button{-webkit-appearance:none}.sl-count{color:#1f5d24;white-space:nowrap;background:#e8f7e9;border:1px solid #b8e0bb;border-radius:999px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:800}.sl-fdiv{background:#eef2ee;height:1px;margin:14px 0}.sl-selects{flex-wrap:wrap;gap:10px;margin-top:4px;display:none}.sl-sel{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.sl-sel>span{color:#6b7280;font-size:12px;font-weight:800}.sl-selwrap{position:relative}.sl-selwrap:after{content:"";pointer-events:none;inset-inline-end:15px;border-bottom:2px solid #7a917c;border-right:2px solid #7a917c;width:9px;height:9px;position:absolute;top:45%;transform:translateY(-50%)rotate(45deg)}.sl-sel select{appearance:none;color:#1f5d24;cursor:pointer;background:#fff;border:1px solid #b8e0bb;border-radius:12px;width:100%;padding:11px 14px 11px 36px;font-family:inherit;font-size:15px;font-weight:700}.sl-sel select:focus{border-color:#2e7d32;outline:none;box-shadow:0 0 0 3px #2e7d321f}.sl-resultbar{justify-content:flex-start;max-width:820px;margin:0 auto 14px;display:flex}.page-stories .page-hero{padding-top:48px;padding-bottom:6px}.page-stories .page-section{padding-top:4px}@media (width<=640px){.sl-ui-chips{display:none}.sl-selects{display:flex}.sl-search input{font-size:16px}}.sl-f{color:#1f5d24;cursor:pointer;background:#fff;border:1px solid #b8e0bb;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .12s}.sl-f.on{background:#2e7d32;border-color:#2e7d32}.sl-f.lvl{text-align:center;border-radius:9px;min-width:44px}.sl-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.sl-card{--accent:#2e7d32;--accent-soft:#e8f7e9;--accent-border:#b8e0bb;cursor:pointer;background:#fff;border:1px solid #e5e9e6;border-radius:18px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden;box-shadow:0 6px 18px #1f5d240d}.sl-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 26px #1f5d241f}.sl-cover{aspect-ratio:16/10;background:var(--accent-soft);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sl-cover img{object-fit:cover;width:100%;height:100%;display:block}.sl-ph{font-family:Noto Sans JP;font-size:18px}.sl-lvl,.sl-ph{color:var(--accent);font-weight:800}.sl-lvl{border:1px solid var(--accent);inset-inline-end:10px;background:#ffffffeb;border-radius:999px;padding:4px 11px;font-size:12px;position:absolute;top:10px}.sl-cbody{flex-direction:column;flex:1;padding:13px 15px 15px;display:flex}.sl-tjp{color:#1f2937;text-align:right;direction:ltr;font-family:Noto Sans JP;font-size:20px;font-weight:700;line-height:1.5}.sl-tar{color:#475569;margin-top:2px;font-size:14px}.sl-sum{color:#6b7280;margin:8px 0 0;font-size:12.5px;line-height:1.6}.sl-meta{color:#6b7280;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.sl-meta .sl-accent{color:var(--accent);font-weight:700}.sl-tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.sl-tag{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.sl-empty{color:#6b7280;text-align:center;padding:30px}:root{--ex-green:#16a34a;--ex-deep:#15803d;--ex-soft:#dcfce7;--ex-hover:#f1fbf6;--ex-border:#bbf7d0;--ex-line:#e5e7eb}.section-badge{background:var(--ex-soft);color:var(--ex-deep)}.exercises-toolbar-card{border-color:var(--ex-line);background:#fff}.exercise-results-bar{border-top-color:var(--ex-line)}.exercise-file-card{border-color:var(--ex-line);background:#fff}.file-icon{background:var(--ex-soft);border-color:var(--ex-border)}.file-badge.type{background:var(--ex-soft);color:var(--ex-deep)}.filter-chip{border-color:var(--ex-line)}.filter-chip:hover{background:var(--ex-hover);border-color:var(--ex-border)}.filter-chip.active{background:var(--ex-green);border-color:var(--ex-green);color:#fff;box-shadow:0 6px 16px #16a34a33}.seg{border:1px solid var(--ex-line);background:#f3f4f6;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.seg-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:all .18s}.seg-btn:hover{color:var(--ex-deep)}.seg-btn.active{background:var(--ex-green);color:#fff;box-shadow:0 5px 14px #16a34a2e}.file-btn.primary{background:var(--ex-green);box-shadow:0 6px 16px #16a34a33}.file-btn.primary:hover{background:var(--ex-deep)}.file-btn.secondary{border-color:var(--ex-line);background:#fff}.file-btn.secondary:hover{background:var(--ex-hover);border-color:var(--ex-border)}.exercises-toolbar-card{margin-top:6px;padding:26px 26px 22px}.exercises-toolbar-top h2{margin:6px 0 8px;font-size:clamp(24px,2.6vw,30px)}.exercises-toolbar-top p{color:#64748b;margin-bottom:18px}.exercise-filters{gap:16px;margin-top:12px}.filter-chip{margin-bottom:4px}.exercise-results-bar{margin-top:16px;padding-top:14px}.file-meta-lite{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 16px;font-size:14px;font-weight:600;display:flex}.file-meta-lite .dot{color:#cbd5e1}.tag-official{background:var(--ex-soft);border:1px solid var(--ex-border);color:var(--ex-deep);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex}.exercises-layout{align-items:stretch;padding-top:30px}.exercises-layout>.hub-panel,.exercises-layout>.hub-tabs{width:100%}.hub-panel{align-items:stretch}.hub-panel>*,.hub-tabs{width:100%}.hub-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 12px;display:flex}.hub-tab{border:1px solid var(--ex-line);color:#4b5563;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:800;transition:all .22s;display:inline-flex}.hub-tab:hover{background:var(--ex-hover);border-color:var(--ex-border);transform:translateY(-1px)}.hub-tab[aria-selected=true]{background:var(--ex-green);border-color:var(--ex-green);color:#fff;box-shadow:0 8px 20px #16a34a38}.hub-count{background:var(--ex-soft);color:var(--ex-deep);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:800;line-height:1.7}.hub-tab[aria-selected=true] .hub-count{color:#fff;background:#ffffff38}.hub-tab.hub-tab-soon{box-shadow:none;cursor:default;filter:grayscale(.4);opacity:.55;pointer-events:none;border-style:dashed}.hub-tab.hub-tab-soon:hover{background:#fff;transform:none}.hub-panel{flex-direction:column;gap:24px;display:flex}.hub-panel[hidden]{display:none}.hub-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.hub-start-btn{background:var(--ex-green);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 8px 20px #16a34a33}.hub-start-btn:hover{background:var(--ex-deep);transform:translateY(-1px)}.hub-start-icon{flex:none;margin-inline-start:8px;font-size:12px;line-height:1}.hub-start-btn:disabled{box-shadow:none;color:#94a3b8;cursor:default;background:#e7efe9;transform:none}.exercise-file-card.is-soon{opacity:.6;pointer-events:none;background:#f8f9fbe6;border-style:dashed}.exercise-file-card.is-soon .soon-pill{color:#8b93a7;background:#eef1f5;border-color:#dfe3ea}.soon-pill{background:var(--ex-soft);border:1px solid var(--ex-border);color:var(--ex-deep);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}@media (prefers-reduced-motion:reduce){.hub-start-btn,.hub-tab,.seg-btn{transition:none}.hub-start-btn:hover,.hub-tab:hover{transform:none}}.sl-f{color:#15803d;border-color:#c7ead0}.sl-f:hover{background:#f1fbf6;border-color:#bbf7d0}.sl-f.on{color:#fff;background:#16a34a;border-color:#16a34a}.sl-count{background:#dcfce7}.sl-count,.sl-sel select{color:#15803d;border-color:#bbf7d0}.sl-sel select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.page-hero-soft:before{background:0 0}.pdf-modal{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-modal[hidden]{display:none}.pdf-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;position:absolute;inset:0}.pdf-modal__dialog{background:#fff;border-radius:14px;flex-direction:column;width:min(920px,94vw);height:min(92vh,1120px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000059}.pdf-modal__bar{background:#f7faf8;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pdf-modal__title{color:#15803d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.pdf-modal__tools{flex:none;align-items:center;gap:8px;display:flex}.pdf-modal__dl{color:#fff;cursor:pointer;font:inherit;background:#16a34a;border:0;border-radius:8px;padding:7px 15px;font-weight:700;line-height:1.2}.pdf-modal__dl:hover{background:#15803d}.pdf-modal__close{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:34px;height:34px;font-size:16px;line-height:1}.pdf-modal__close:hover{background:#f3f4f6}.pdf-modal__body{background:#525659;flex:1;min-height:0}.pdf-modal__frame{border:0;width:100%;height:100%;display:block}body.pdf-modal-open{overflow:hidden}.app-toast{color:#fff;opacity:0;pointer-events:none;text-align:center;z-index:2100;background:#1f2937;border-radius:10px;max-width:90vw;padding:11px 18px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #00000040}.app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=640px){.pdf-modal__dialog{border-radius:0;width:100vw;height:100vh}.pdf-modal__title{font-size:14px}}.whatsnew{margin:28px 0}.whatsnew__head{justify-content:space-between;margin-bottom:14px}.whatsnew__head,.whatsnew__head h2{align-items:center;gap:12px;display:flex}.whatsnew__head h2{margin:0;font-size:22px;font-weight:800}.whatsnew__head h2 .pulse{background:var(--green-600);border-radius:50%;flex:none;width:11px;height:11px;position:relative}.whatsnew__head h2 .pulse:after{content:"";background:#16a34a40;border-radius:50%;animation:1.8s ease-out infinite wnpulse;position:absolute;inset:-5px}@keyframes wnpulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}.whatsnew__all{color:var(--green-600);white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}.whatsnew__all:hover{text-decoration:underline}.whatsnew__list{gap:10px;display:grid}.update{border:1px solid var(--border);border-inline-start:4px solid var(--acc,#16a34a);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#fff;align-items:flex-start;gap:13px;padding:13px 15px;display:flex}.update__icon{background:var(--accbg,#f1fbf6);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.update__body{flex:1;min-width:0}.update__title{flex-wrap:wrap;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:700;display:flex}.update__desc{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.65}.update__tag{background:var(--accbg,#f1fbf6);color:var(--acc,#16a34a);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.update__new{background:var(--green-600);color:#fff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.changelog{max-width:760px;margin-inline:auto}.changelog__hero{text-align:center;margin:8px 0 22px}.changelog__hero h1{margin:0 0 6px;font-size:30px}.changelog__hero p{color:var(--muted);margin:0}.timeline{padding-inline-start:22px;position:relative}.timeline:before{background:var(--green-100);content:"";bottom:6px;inset-inline-start:6px;width:2px;position:absolute;top:6px}.tl{margin-bottom:18px;position:relative}.tl:before{background:var(--green-600);box-shadow:0 0 0 2px var(--green-200);content:"";inset-inline-start:-22px;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:5px}.tl__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl__date{color:var(--muted);direction:ltr;font-size:12px;font-weight:700}.tl__card{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#fff;margin-top:6px;padding:12px 14px}.tl__card h3{margin:0 0 4px;font-size:16px}.tl__card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}#rotatingTip{cursor:default;transition:opacity .35s}#rotatingTip.is-fading{opacity:0}@media (prefers-reduced-motion:reduce){#rotatingTip{transition:none}}.book-inline{background:linear-gradient(160deg,var(--green-50),#fff 58%,var(--pink-50));text-align:center;border:1px solid #e6f4ec;border-radius:20px;width:100%;max-width:600px;margin:4px auto 26px;padding:26px 30px 24px;box-shadow:0 10px 30px #02061712}.book-inline__badge{color:#fff;text-align:center;background:linear-gradient(160deg,#16a34a,#0d7a38);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:66px;margin-bottom:13px;display:inline-flex;box-shadow:0 10px 20px #16a34a52}.book-inline__badge b{font-size:19px;font-weight:800;line-height:1}.book-inline__badge small{opacity:.9;margin-top:4px;padding:0 4px;font-size:8px;font-weight:600;line-height:1.2}.book-inline h3{color:#0f172a;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.4}.book-inline p{color:#5b6472;max-width:420px;margin:0 auto 16px;font-size:13.5px;line-height:1.65}.book-inline__form{flex-wrap:wrap;justify-content:center;gap:9px;max-width:430px;margin:0 auto;display:flex}.book-inline__form input{font:inherit;text-align:center;background:#fff;border:1px solid #dbe3ea;border-radius:12px;flex:1;min-width:190px;padding:12px 15px;font-size:14px;transition:all .15s}.book-inline__form input:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a24}.book-inline__form .btn.primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#16a34a,#0d7a38);border:0;border-radius:12px;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 8px 18px #16a34a40}.book-inline__form .btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.book-inline__msg{color:#16a34a;margin-top:11px;font-size:13px;font-weight:700}.book-inline__note{color:#94a3b8;margin-top:12px;font-size:11.5px;line-height:1.5}@media (width<=560px){.book-inline{padding:22px 18px}.book-inline__form input{min-width:0}}.book-strip{background:linear-gradient(135deg,var(--green-50),var(--pink-50));border:1px solid #e6f4ec;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:760px;margin:0 auto 20px;padding:10px 16px;display:flex}.book-strip__txt{color:#0f172a;font-size:14px;font-weight:700}.book-strip__form{flex-wrap:wrap;gap:7px;display:flex}.book-strip__form input{font:inherit;background:#fff;border:1px solid #dbe3ea;border-radius:9px;min-width:150px;padding:8px 12px;font-size:13px}.book-strip__form .btn.primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#16a34a,#0d7a38);border:0;border-radius:9px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:800}