: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{filter:drop-shadow(0 3px 6px #0003);vertical-align:middle;width:1.1em;height:1.1em;margin-inline-end:4px;display:inline-block}.latest-item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.latest-icon{object-fit:contain;flex:0 0 20px;width:20px;height:20px}.latest-label{font-weight:700}.heading-inline-icon{filter:drop-shadow(0 3px 6px #0003);vertical-align:-.25em;width:1.3em;height:1.3em;display:inline-block}.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}.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}.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{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.num-main{min-width:0}.num-line{align-items:baseline;gap:10px;display:flex}.num-digit{font-size:54px;font-weight:900;line-height:1}.num-kanji{font-size:38px;font-weight:800;line-height:1.1}.num-kana{margin-top:6px;margin-bottom:20px;font-size:18px}.num-meaning{margin-top:4px;margin-bottom:10px;font-size:20px;font-weight:600}.num-media{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex:none;justify-content:center;align-items:center;width:110px;height:110px;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}.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}.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}.detail-media{background:#fff;border:1px solid #e6e6ef;border-radius:18px;width:100%;max-height:360px;overflow:hidden}.detail-media img{object-fit:contain;width:100%;height:360px;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}.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{background:#f8fafc;border:1px dashed #0f172a26;border-radius:16px;margin-top:18px;padding:16px 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}.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{margin:0 auto 12px;font-size:14px;display:block;width:180px!important;min-width:0!important;padding:8px 12px!important}.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}#content>div:first-child>div{text-align:left}.usage-list{margin:10px 0 0;line-height:1.9}.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-variant{align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.variant-content{flex:1}.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-label{color:#92400e;background:#fff4d6;border-radius:10px;padding:2px 8px;font-weight:700}.g-particle{color:#0f766e;font-weight:800}.g-arrow{color:#b45309;padding:0 6px;font-weight:800}.g-jp{color:#1e3a8a;font-weight:700}.formation-variants{gap:12px}.variant-content{width:100%}.variant-head{gap:10px;margin-bottom:10px}.variant-number{background:#60a5fa;width:34px;height:34px}.variant-label{font-size:1rem}.formation-meaning{color:#0f172a;border:1px solid #fed7aa;margin-top:8px;padding:8px 12px}.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-head{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;display:flex}.variant-jp{color:#1e3a8a;text-align:left;direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-family:Noto Sans JP,sans-serif;font-size:1.35rem;font-weight:700}.variant-right{direction:rtl;gap:10px}.variant-number,.variant-right{align-items:center;display:flex}.variant-number{color:#fff;background:#7da2e3;border-radius:50%;flex-shrink:0;justify-content:center;width:38px;height:38px;font-weight:700}.variant-label{color:#64748b;white-space:nowrap;font-size:1.05rem;font-weight:700}.formation-meaning{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}.grammar-plus{color:#e67e22;font-weight:700}.grammar-term-ar{top:-8px}body>main>section{align-items:start}body>main>section>aside{height:fit-content}.answer-box{background:#f3fbf5;border:2px dashed #7cc58b}.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}.grammar-term{margin:0 2px;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:-10px;left:50%;transform:translate(-50%)}.grammar-term-en{color:#1e3a8a;font-weight:700}.grammar-plus{color:#d97706;padding:0 4px;font-weight:800}.jp-inline-word{direction:ltr;unicode-bidi:isolate;margin-inline:.28em;font-family:Noto Sans JP,sans-serif;display:inline-block}.formation-table-wrap{margin-top:10px}.formation-table{border-collapse:collapse;table-layout:fixed}.formation-table th{text-wrap:nowrap;vertical-align:top;padding:12px 14px}.formation-table td{padding:14px;line-height:1.8}.formation-example-cell{text-align:center}.formation-table td:nth-child(2),.formation-table th:nth-child(2){text-align:left;padding-left:16px}.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 h1{margin:0 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.2}.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-intro-card p{color:#475569;margin:0 0 10px;line-height:1.95}.verb-groups-grid{align-items:stretch;gap:20px;display:grid}@media (width<=1100px){.verb-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.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;font-size:26px}.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;padding:6px 10px;font-weight:800;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{color:#475569;text-align:left;direction:ltr;unicode-bidi:isolate;font-size:18px;font-weight:800}.verb-type-tag{color:#334155;white-space:nowrap;background:#f1f5f9;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;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-table td.jp-cell,.verb-table td.kana-cell{text-align:left;direction:ltr;unicode-bidi:isolate}.verb-table td.jp-cell{color:#111827;font-weight:800}.verb-table td.kana-cell{color:#64748b}.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-list{gap:12px;display:grid}.verb-practice-item{background:#f8fafc;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;line-height:1.9;display:flex}.verb-practice-number{color:#5b21b6;background:#ede9fe;border-radius:999px;width:30px;min-width:30px;height:30px;font-size:14px;display:inline-flex}@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}.verb-table{min-width:620px}}.verb-vowel-label{font-weight:800}.verb-vowel-table td,.verb-vowel-table th{vertical-align:middle}.verb-vowel-table th{font-size:18px;font-weight:800}.verb-vowel-table td{min-width:90px;font-size:18px;line-height:1.8}.verb-form-meanings{gap:10px;margin-top:14px;display:grid}.verb-form-meaning-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:180px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.verb-form-name{color:#111827;text-align:left;direction:ltr;unicode-bidi:isolate;font-weight:800}.verb-form-ar{color:#475569;line-height:1.8}.verb-table-notes{background:#fffdf8;border:1px dashed #e9d8a6;border-radius:16px;margin-top:16px;padding:14px}.verb-table-notes h4{color:#0f172a;margin:0 0 10px;font-size:17px}@media (width<=720px){.verb-form-meaning-item{grid-template-columns:1fr}.verb-form-name{text-align:right;direction:ltr;unicode-bidi:isolate}.verb-vowel-table td,.verb-vowel-table th{min-width:72px;font-size:16px}}.verb-ending{color:#e92d2d}.verb-vowel-table{direction:ltr}.verb-vowel-table td,.verb-vowel-table th{vertical-align:top;direction:ltr;text-align:center!important}.verb-vowel-table td{min-width:120px;padding:16px 10px}.verb-kind-cell{color:#0f172a;background:#f8fafc}.verb-cell-jp{color:#111827;text-align:center;direction:ltr;unicode-bidi:isolate;font-size:22px;line-height:1.5}.verb-cell-ar{color:#475569;text-align:center;direction:rtl;font-size:15px;line-height:1.8}.verb-table-desc{margin:8px 0 18px;line-height:1.95}.verb-vowel-block{border-top:1px solid #edf2f7;margin-top:18px;padding-top:18px}.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}@media (width<=720px){.verb-vowel-table td,.verb-vowel-table th{min-width:72px;font-size:16px}.verb-cell-jp{font-size:18px}.verb-cell-ar{font-size:13px}}.verb-base{color:#111827}.verb-changed{color:#2563eb;font-weight:600}.verb-ending{color:#e11d48;font-weight:600}.verb-group-jp,.verb-intro-jp{display:none}.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}@media (width<=1023px){.js-eq-change,.js-eq-examples,.js-eq-know,.js-eq-top{min-height:auto!important}}.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-block-title{align-items:center;gap:8px;margin-bottom:12px;font-size:20px;font-weight:800;display:flex}.verb-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-suru{color:#0369a1;background:#e0f2fe}.badge-kuru{color:#7c3aed;background:#f3e8ff}.verb-vowel-label-main{font-size:28px;font-weight:800;line-height:1.2}.verb-vowel-label-sub{margin-top:6px;font-size:18px}.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}@media (width<=900px){.verb-table-card{padding:22px 20px}.verb-table-head h3{font-size:24px}.verb-table-jp{font-size:20px}.verb-table-desc{font-size:15px}.verb-table-notes h4,.verb-vowel-label{font-size:17px}.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}}.verb-practice-list{flex-direction:column;gap:18px;display:flex}.verb-practice-item{background:#fff;border:1px solid #e2e8f0;border-radius:28px;grid-template-columns:72px minmax(420px,1.8fr) 180px minmax(220px,1fr);align-items:center;gap:20px;padding:20px 24px;display:grid}.verb-practice-number-side{justify-content:center;align-items:center;display:flex}.verb-practice-question-side{flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.verb-practice-question{color:#0f172a;text-align:right;flex:1;min-width:0;font-size:18px;line-height:1.8}.verb-practice-number{color:#6d28d9;background:#f3e8ff;border-radius:50%;flex:0 0 44px;width:44px;height:44px;font-weight:800}.verb-practice-button-side,.verb-practice-number{justify-content:center;align-items:center;display:flex}.verb-answer-toggle{color:#4338ca;cursor:pointer;background:#eef2ff;border:0;border-radius:999px;min-width:140px;padding:10px 18px;font-size:14px;font-weight:700}.verb-practice-answer-side{justify-content:flex-start;align-items:center;min-width:0;display:flex}.verb-practice-answer{color:#334155;text-align:left;font-size:17px;font-weight:700;line-height:1.8}@media (width<=1023px){.verb-practice-item{grid-template-columns:1fr;gap:14px}.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-number-side,.verb-practice-question-side{justify-content:flex-start}.verb-practice-answer,.verb-practice-question{text-align:right}}.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}@media (width<=1023px){.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}.verb-practice-item{gap:16px;grid-template-columns:64px minmax(280px,1.6fr) 160px minmax(180px,1fr)!important}}@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;grid-template-columns:1fr!important}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.verb-table-card{padding:22px 18px}.verb-table-head{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.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-item{align-items:stretch;gap:12px;padding:18px 16px;grid-template-columns:1fr!important}.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-number-side,.verb-practice-question-side{justify-content:flex-start!important}.verb-practice-question-side{flex-direction:row-reverse;gap:12px;display:flex}.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-table{min-width:620px}.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}.verb-practice-question{font-size:16px;line-height:1.85}.verb-answer-toggle{min-width:120px;padding:9px 14px;font-size:13px}}@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-practice-number{width:38px;height:38px;font-size:15px}.verb-badge,.verb-type-tag{padding:6px 12px;font-size:12px}.verb-table{min-width:560px}.verb-practice-question-side{flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:10px;display:flex}.verb-practice-item{align-items:center}}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%}@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-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.verb-mini-jp{font-size:clamp(20px,1vw,22px)}.verb-practice-list{flex-direction:column!important;gap:18px!important;display:flex!important}.verb-practice-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;grid-template-columns:72px minmax(420px,1.8fr) 180px minmax(220px,1fr)!important;align-items:center!important;gap:20px!important;padding:20px 24px!important;display:grid!important}.verb-practice-number-side{justify-content:center!important;align-items:center!important;display:flex!important}.verb-practice-question-side{justify-content:flex-start!important;align-items:center!important;min-width:0!important;display:flex!important}.verb-practice-button-side{justify-content:center!important;align-items:center!important;display:flex!important}.verb-practice-answer-side{justify-content:flex-start!important;min-width:0!important}.verb-practice-answer-side,.verb-practice-number{align-items:center!important;display:flex!important}.verb-practice-number{color:#6d28d9!important;background:#f3e8ff!important;border-radius:50%!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;font-weight:800!important}.verb-practice-question{text-align:right!important;min-width:0!important;font-size:18px!important;line-height:1.8!important}.verb-answer-toggle{white-space:nowrap!important;min-width:140px!important}.verb-practice-answer{text-align:left!important;white-space:nowrap!important}}@media (width<=1023px){.verb-practice-list{gap:16px!important}.verb-practice-item,.verb-practice-list{flex-direction:column!important;display:flex!important}.verb-practice-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;align-items:stretch!important;gap:12px!important;padding:18px 16px!important}.verb-practice-question-row{flex-direction:row-reverse!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.verb-practice-number-side{flex:none!important;justify-content:center!important;align-items:center!important;width:auto!important;display:flex!important}.verb-practice-number{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important}.verb-practice-question-side{flex:auto!important;align-items:center!important;min-width:0!important;display:flex!important}.verb-practice-question{text-align:right!important;width:100%!important;font-size:16px!important;line-height:1.85!important}.verb-practice-button-side{justify-content:center!important;width:100%!important;margin-top:4px!important;display:flex!important}.verb-practice-answer-side{text-align:right!important;width:100%!important}.verb-practice-answer{text-align:right!important;white-space:normal!important}}.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}@media (width<=1023px){.verb-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.verb-groups-grid{grid-template-columns:1fr}}@media (width<=768px){.verb-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.verb-table,.verb-vowel-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;min-width:520px!important}.verb-table td,.verb-table th,.verb-vowel-table td,.verb-vowel-table th{text-align:center!important;vertical-align:top!important;width:20%!important;min-width:0!important;padding:10px 4px!important}.verb-table th,.verb-vowel-table th{font-size:15px!important;line-height:1.2!important}.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!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;display:inline!important}.verb-table td .verb-cell-jp,.verb-vowel-table td .verb-cell-jp{white-space:normal!important;word-break:keep-all!important;direction:ltr!important;unicode-bidi:isolate!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{font-size:11px!important;line-height:1.45!important}}@media (width<=480px){.verb-table,.verb-vowel-table{min-width:460px!important}.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!important}.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{font-size:11px!important;line-height:1.1!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{font-size:10px!important;line-height:1.35!important}}@media (width<=768px){.verb-practice-answer{margin-inline:auto;text-align:center!important}}html{scroll-behavior:smooth}.scroll-top-btn{color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:999;background:#7c6cf2;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,background .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{background:#6757e6;transform:translateY(0)scale(1.08)}@media (width<=768px){.scroll-top-btn{width:46px;height:46px;font-size:18px;bottom:18px;left:18px}}.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!important;align-items:baseline!important;gap:0!important;display:inline-flex!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}.basics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.basics-card{border-radius:22px;padding:24px}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 h3{margin:0 0 10px;font-size:28px}.basics-card p{margin:0 0 16px}.basics-card a{color:#7c6cf2;font-weight:700;text-decoration:none}@media (width<=900px){.basics-grid{grid-template-columns:1fr}.basics-hero h1{font-size:30px}}.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}@media (width<=900px){.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}}.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-form-tag{color:#8d7ef5;white-space:nowrap;background:#f8f6ff;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.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-example-small{color:var(--adj-text-soft);background:#faf9ff;border:1px dashed #e7e0ff;border-radius:14px;padding:10px 12px;font-size:15px}.adj-usage-card{min-height:220px}.adj-usage-box{margin-top:4px}.adj-usage-line{color:var(--adj-text);gap:14px;font-size:16px}.adj-usage-line.result{border-top:1px dashed var(--adj-border-strong);color:var(--adj-purple);padding-top:6px;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;min-width:0;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{text-align:left;white-space:nowrap;grid-column:4;min-width:0;margin:0;font-size:18px;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important}.answer.show{display:block}.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}@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{text-align:right;grid-column:auto;font-size:16px}.show-answer-btn{grid-column:auto;justify-self:center;min-width:140px;font-size:15px}.answer{text-align:right;white-space:normal;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-small{font-size:13px}.adj-example-jp{font-size:16px}.q-text{font-size:15px}.show-answer-btn{padding:10px 16px;font-size:14px}.answer{font-size:15px}}.verb-practice-list{gap:16px!important;margin-top:18px!important;display:grid!important}.verb-practice-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;grid-template-columns:56px minmax(260px,1.5fr) 170px minmax(180px,1fr)!important;align-items:center!important;gap:18px!important;padding:20px 18px!important;display:grid!important;box-shadow:0 8px 20px #10182808!important}.verb-practice-number-side{grid-column:1!important;justify-content:flex-end!important;width:auto!important}.verb-practice-number,.verb-practice-number-side{align-items:center!important;display:flex!important}.verb-practice-number{color:#6d28d9!important;background:#f3e8ff!important;border-radius:50%!important;flex:0 0 44px!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;font-size:22px!important;font-weight:800!important}.verb-practice-question-side{grid-column:2!important;align-items:center!important;width:auto!important;min-width:0!important;display:flex!important}.verb-practice-question-row{display:contents!important}.verb-practice-question{color:var(--adj-text-soft)!important;text-align:right!important;width:100%!important;min-width:0!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.8!important}.verb-practice-button-side{grid-column:3!important;width:auto!important;display:flex!important}.verb-answer-toggle,.verb-practice-button-side{justify-content:center!important;align-items:center!important;margin:0!important}.verb-answer-toggle{color:#4f46d8!important;cursor:pointer!important;white-space:nowrap!important;background:#efecfb!important;border:none!important;border-radius:999px!important;min-width:140px!important;padding:12px 18px!important;font-family:Tajawal,sans-serif!important;font-size:16px!important;font-weight:700!important;transition:background .2s,transform .2s!important;display:inline-flex!important}.verb-answer-toggle:hover{background:#e3def8!important;transform:translateY(-1px)!important}.verb-practice-answer-side{text-align:left!important;grid-column:4!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:0!important;display:flex!important}.verb-practice-answer{color:var(--adj-text-soft)!important;text-align:left!important;white-space:nowrap!important;min-width:0!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.8!important}.verb-practice-answer[hidden]{display:none!important}.verb-practice-answer.show,.verb-practice-answer:not([hidden]){display:block!important}@media (width<=1100px){.verb-practice-item{grid-template-columns:52px minmax(220px,1.5fr) 150px minmax(150px,1fr)!important;gap:16px!important}.verb-practice-answer,.verb-practice-question{font-size:17px!important}.verb-answer-toggle{min-width:130px!important;font-size:15px!important}.verb-practice-number{width:42px!important;min-width:42px!important;height:42px!important;font-size:20px!important}}@media (width<=768px){.verb-practice-item{grid-template-columns:1fr!important;gap:12px!important;padding:18px 16px!important}.verb-practice-number-side{grid-column:auto!important;justify-content:flex-end!important}.verb-practice-question-side{grid-column:auto!important}.verb-practice-button-side{grid-column:auto!important;justify-content:center!important}.verb-practice-answer-side{grid-column:auto!important;justify-content:flex-start!important}.verb-practice-answer,.verb-practice-question{text-align:right!important;font-size:16px!important}.verb-practice-answer{white-space:normal!important}.verb-answer-toggle{min-width:140px!important;font-size:15px!important}.verb-practice-number{width:40px!important;min-width:40px!important;height:40px!important;font-size:20px!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!important;grid-template-columns:1fr!important;gap:12px!important;padding:18px 16px!important}.verb-practice-number-side,.verb-practice-question-side{grid-column:auto!important;justify-content:center!important}.verb-practice-question-side{display:flex!important}.verb-practice-answer-side,.verb-practice-button-side{grid-column:auto!important;justify-content:center!important}.verb-practice-answer-side{display:flex!important}.verb-practice-number{justify-self:center!important;margin:0 auto!important}.verb-practice-question{overflow-wrap:anywhere!important;text-align:center!important;white-space:normal!important;width:100%!important;min-width:0!important;max-width:100%!important}.verb-answer-toggle{align-self:center!important;margin:0 auto!important}.verb-practice-answer{text-align:center!important;white-space:normal!important;width:100%!important;min-width:0!important;max-width:100%!important}}.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}@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 .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{background:#faf9ff;border:1px dashed #e7e0ff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.adj-example-tag{color:#7c6cf2;white-space:nowrap;font-family:Tajawal,sans-serif;font-size:13px;font-weight:800}.adj-example-flow{direction:ltr;flex:1;justify-content:flex-start;align-items:center;gap:12px;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-to{color:#1d2939}.adj-example-arrow{color:#9b8cff;font-size:28px;font-weight:900;line-height:1}@media (width<=640px){.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-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}.na-highlight{color:#7c6cf2}.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}.adj-usage-rule{align-items:center;gap:10px;margin-top:4px;display:flex}.adj-usage-rule-label{color:#667085;font-weight:700}.adj-usage-rule-text{color:#1d2939;font-size:16px;font-weight:700}.adj-usage-rule-text .jp-inline{font-family:Noto Sans JP,sans-serif}@media (width<=640px){.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}.adj-usage-rule{flex-direction:column;align-items:flex-start}}.na-highlight{color:#e9a12b;font-weight:800}@media (width<=1023px){.adj-question-card{text-align:center}.adj-question-top{flex-direction:column;align-items:center;gap:10px}.q-number,.q-text{text-align:center}.show-answer-btn{align-self:center}.answer{text-align:center;margin:0 auto}}.adj-question-card{min-width:0!important;overflow:visible!important}.q-text{line-break:auto!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:normal!important;min-width:0!important;max-width:100%!important}.q-text .jp,.q-text .jp-inline{overflow-wrap:normal!important;white-space:normal!important;word-break:keep-all!important;display:inline!important}@media (width<=1023px){.adj-question-card{min-width:0!important;overflow:visible!important}.q-text{overflow-wrap:anywhere!important;text-align:center!important;white-space:normal!important;width:100%!important;min-width:0!important;max-width:100%!important}}.answer{overflow-wrap:anywhere!important;text-align:center!important;white-space:normal!important;width:100%!important;min-width:0!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-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.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;gap:8px;padding:14px}.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-request-formula{color:#4338ca;text-align:center;margin:0 0 14px;font-size:30px;font-weight:800}.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}@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}}.te-type-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.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}@media (width<=1024px){.te-ta-explain,.te-type-intro-grid{grid-template-columns:1fr}}.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}@media (width<=1024px){.te-main-columns{grid-template-columns:1fr}}.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}.cards-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cards-grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cards-grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.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,.learning-path 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,.learning-path,.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}.learning-path{text-align:center}.learning-path p{color:#3a4264;text-align:right;margin-bottom:16px}.step{box-shadow:none;background:#f3eeee;padding:10px 18px}.materials-grid .featured-card{background:linear-gradient(#fffffff2,#fff6f8f2);border:1px solid #f3bdc959}.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}.contact-note{background:#f6f2f2;border-radius:18px;margin-top:20px;padding:16px}.coming-soon-badge{color:#1c2340;background:#f2eded;border-radius:999px;margin-top:16px;padding:10px 16px;font-weight:700;display:inline-block}.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%}@media (width<=980px){.contact-grid{grid-template-columns:1fr}}@media (width<=700px){.page-hero{padding-top:64px}.encourage-box,.info-card,.learning-path,.material-card,.mission-box,.note-box,.resource-card{border-radius:22px;padding:22px 18px}.path-steps{gap:10px}.step{text-align:center;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}.path-steps{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;margin-bottom:25px;display:flex}.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}.learning-order{color:#4a506d;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-bottom:40px;font-size:15px;display:flex}.order-label{opacity:.7;margin-bottom:18px;margin-left:6px;font-size:18px;font-weight:600}.order-item{color:#2b3150;border:1px solid #f3eeee;border-radius:10px;padding:4px 10px;font-weight:600;transition:all .2s}.order-item.active{color:#1f254a;background:#f3eeee;font-weight:800}.order-arrow i{color:#968a8a;margin:0 2px;font-size:16px;font-weight:600;transform:translateY(-1px)}.order-item:hover{color:#1d2245}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{gap:10px;margin-top:0}.resource-links a{border-radius:14px;min-height:44px;padding:0 16px}.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-badge{color:#20264a;background:#f4efef;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.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{margin-bottom:14px}.card-header h2{margin:0;line-height:1.4}@media (width<=900px){.cards-grid-about{grid-template-columns:1fr}.about-cta-box{flex-direction:column}}@media (width<=768px){.page-section{padding:0}.learning-path{border-radius:22px;margin-bottom:18px;padding:20px 16px}.learning-path h2{margin-bottom:10px;font-size:1.8rem;line-height:1.4}.learning-path p{text-align:center;margin-bottom:14px;font-size:1rem;line-height:1.9}.learning-order{flex-direction:column;align-items:center;gap:8px;margin-top:8px;font-size:1rem;display:flex}.order-item{font-size:1.05rem;line-height:1.6}.order-item.active{border-radius:12px;padding:6px 14px}.order-arrow{opacity:.55;margin:0;font-size:14px;line-height:1;transform:rotate(-90deg)}.materials-grid{gap:18px;margin-top:18px}.material-card{border-radius:24px;padding:22px 18px}.featured-card,.material-card{min-height:auto}.card-header{gap:10px;margin-bottom:12px}.card-header h2{font-size:1.5rem;line-height:1.3}.card-icon{border-radius:14px;width:46px;height:46px}.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}.coming-soon-badge{text-align:center}.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}}body>main>section.page-section>div>div>p{text-align:center}.tip-header h2,.tip-header h3{margin:0;line-height:1.6}.tip-icon-img{width:34px;height:34px}@media (width<=768px){.about-cta-box{text-align:center;flex-direction:column;align-items:stretch}.about-cta-box .btn-primary{width:100%;min-width:0}.tip-header{justify-content:center}}.tip-header{gap:12px}.tip-header h3{line-height:1.6}.tip-icon-img{object-fit:contain;flex-shrink:0;width:36px;height:36px}@media (width<=768px){.tip-header{justify-content:center}.tip-header,body>main>section.page-section>div>div>p{text-align:center}}.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}.kana-modal-backdrop{background:#0f172a7a}.kana-modal-card.kana-modal-simple{background:#fff;border:1px solid #ebe7f5;border-radius:28px;width:min(920px,100% - 24px);max-height:calc(100vh - 24px);margin:12px auto;padding:24px;position:relative;overflow:auto;box-shadow:0 24px 60px #0f172a33}.kana-modal-close{cursor:pointer;background:#fff;border:1px solid #e6def8;border-radius:18px;width:48px;height:48px;font-size:22px;position:absolute;top:16px;left:16px;box-shadow:0 8px 18px #0f172a0f}.kana-modal-simple-head{justify-content:flex-end;margin-bottom:18px;display:flex}.kana-modal-badge{color:#5b3df5;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:16px;font-weight:800;display:inline-flex}.kana-modal-simple-body{gap:22px;display:grid}.kana-modal-main-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.kana-modal-char{color:#0f172a;margin:0;font-size:clamp(72px,8vw,120px);font-weight:800;line-height:1}.kana-modal-main-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kana-meta-pill{color:#6d28d9;direction:ltr;background:#faf7ff;border:1px solid #e9def8;border-radius:999px;justify-content:center;align-items:center;min-width:78px;min-height:78px;padding:10px 16px;font-size:22px;font-weight:800;display:inline-flex}.kana-play-big{color:#0f172a;cursor:pointer;background:#f4faf4;border:1px solid #cfe2cf;border-radius:999px;padding:16px 24px;font-family:inherit;font-size:18px;font-weight:800;box-shadow:0 8px 18px #0f172a0a}.kana-modal-figure{background:#fbfaff;border:1px solid #ebe7f5;border-radius:28px;place-items:center;min-height:420px;padding:24px;display:grid}.kana-modal-figure img{object-fit:contain;max-width:100%;max-height:360px}.kana-modal-simple-note{color:#64748b;text-align:right;background:#faf7ff;border:1px dashed #ddd1f7;border-radius:20px;margin:0;padding:18px 20px;font-size:18px;line-height:1.9}@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{border-radius:16px;min-height:96px;padding:8px 6px}.hira-char{font-size:24px}.hira-romaji{margin-top:4px;font-size:14px}.hira-play-btn{border-radius:8px;width:24px;height:24px;font-size:11px}.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}.kana-modal-card.kana-modal-simple{border-radius:22px;padding:18px}.kana-modal-close{width:42px;height:42px;font-size:20px}.kana-modal-main-info{flex-direction:column;align-items:flex-start}.kana-modal-char{font-size:72px}.kana-meta-pill{min-width:64px;min-height:64px;font-size:20px}.kana-play-big{padding:12px 18px;font-size:16px}.kana-modal-figure{min-height:260px;padding:18px}.kana-modal-figure img{max-height:220px}.kana-modal-simple-note{padding:16px 18px;font-size:16px}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.kana-modal{z-index:9999;position:fixed;inset:0}.kana-modal.hidden{display:none}.kana-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;position:absolute;inset:0}.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}@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}}.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}@media (width<=768px){.next-step-box{flex-direction:column;align-items:flex-start}.next-step-btn{text-align:center;width:100%}}.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 .kata-hero .hero-badge{color:#4f46e5;background:#eef2ff}.page-katakana .kata-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}.page-katakana .kata-card:hover,.page-katakana .kata-mini-card:hover{border-color:#d8cff3;transform:translateY(-4px);box-shadow:0 16px 30px #0f172a14}.page-katakana .kata-card:before{content:"";bottom:0;opacity:.95;inset-inline-end:0;background:linear-gradient(#818cf8,#ec4899);width:6px;position:absolute;top:0}.page-katakana .kata-card-top{direction:ltr;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.page-katakana .kata-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}.page-katakana .kata-char{color:#1f2937;text-align:right;direction:ltr;flex:1;margin:0;font-family:Noto Sans JP,sans-serif;font-size:clamp(42px,4vw,62px);font-weight:800;line-height:1}.page-katakana .kata-romaji{color:#5b3df5;text-align:left;direction:ltr;margin-top:10px;font-size:26px;font-weight:800}.page-katakana .kata-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 14px;font-family:inherit;font-weight:700}.page-katakana .kata-switch-btn.active{color:#5b3df5;background:#fff;box-shadow:0 6px 16px #0f172a0f}.page-katakana .kata-panel{display:none}.page-katakana .kata-panel.active{display:block}.page-katakana .kata-mini-card{cursor:default;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}.page-katakana .kata-mini-card .jp{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:34px;line-height:1}.page-katakana .kata-mini-card small{color:#5b3df5;font-size:21px;font-weight:800}.page-katakana .kata-mini-card{pointer-events:none}.page-katakana .kata-mini-card .mini-sound-btn{pointer-events:auto}.page-katakana .kata-mini-card:hover{transform:none;box-shadow:0 8px 20px #0f172a0a}.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}@media (width<=900px){.page-katakana .kata-card{border-radius:18px;min-height:122px;padding:10px 8px}.page-katakana .kata-char{font-size:32px}.page-katakana .kata-romaji{margin-top:6px;font-size:18px}.page-katakana .kata-play-btn{border-radius:10px;width:30px;height:30px;font-size:13px}.page-katakana .kata-mini-card{border-radius:16px;min-height:96px;padding:12px 8px 10px}.page-katakana .kata-mini-card .jp{font-size:24px}.page-katakana .kata-mini-card small{font-size:16px}}@media (width<=520px){.page-katakana .kata-card{border-radius:16px;min-height:96px;padding:8px 6px}.page-katakana .kata-char{font-size:24px}.page-katakana .kata-romaji{margin-top:4px;font-size:14px}.page-katakana .kata-play-btn{border-radius:8px;width:24px;height:24px;font-size:11px}.page-katakana .kata-card:before{width:4px}.page-katakana .kata-mini-card{border-radius:14px;min-height:78px;padding:10px 6px 8px}.page-katakana .kata-mini-card .jp{font-size:18px}.page-katakana .kata-mini-card small{font-size:13px}}.hira-panel{display:none!important}.hira-panel.active{display:block!important}.svg-modal{box-shadow:none!important;background:0 0!important;padding:0!important}.svg-viewer{background:#fff;border-radius:22px;place-items:center;min-width:280px;max-width:min(88vw,720px);min-height:280px;max-height:82vh;padding:16px;display:grid;overflow:hidden;box-shadow:0 18px 40px #0f172a38}.svg-viewer svg{width:min(78vw,520px);height:auto;max-height:72vh;display:block}.svg-viewer svg circle,.svg-viewer svg ellipse,.svg-viewer svg line,.svg-viewer svg path,.svg-viewer svg polygon,.svg-viewer svg polyline{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.4s forwards drawStroke}@keyframes drawStroke{to{stroke-dashoffset:0}}@media (width<=600px){.svg-viewer{border-radius:16px;min-width:220px;min-height:220px;padding:10px}.svg-viewer svg{width:min(88vw,360px);max-height:60vh}}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}@media (width<=768px){.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}}.hero-highlight{color:#7c5cff;letter-spacing:10px;opacity:.8;margin-top:12px;font-size:28px}.resources-section{margin-top:40px}.section-heading{text-align:center;margin-bottom:24px}.section-badge{margin-bottom:10px}.section-heading h2{margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.3}.section-heading p{color:#64748b;margin:0;font-size:16px;line-height:1.9}.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}@media (width<=1024px){.resources-grid{grid-template-columns:1fr}}.page-exercises{background:radial-gradient(circle at 100% 0,#818cf814,#0000 22%),radial-gradient(circle at 0 0,#ec48990d,#0000 28%),linear-gradient(#f8fbff,#fff 35%,#fff9fb)}.exercises-hero .hero-badge{color:#4f46e5;background:#eef2ff}.exercises-layout{flex-direction:column;gap:24px;display:flex}.exercises-toolbar-card{padding:24px}.exercises-toolbar-top p{color:#64748b;margin:0;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}.filter-label{color:#475569}.filter-chip{padding:10px 16px;font-size:14px;transition:all .2s}.exercise-results-bar{margin-top:20px}.exercise-results-bar p{font-weight:500}.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}@media (width<=1024px){.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-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}@media (width<=768px){.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{background:linear-gradient(#fff,#fcfbff);border:1px solid #ece7f7;border-radius:28px;padding:28px 24px;box-shadow:0 10px 28px #0f172a0a}.exercise-filters-header{text-align:center;margin-bottom:22px}.exercises-toolbar-top p{margin-bottom:40px}.exercise-filters-header h2{margin:0 0 8px;font-size:clamp(24px,3vw,32px);line-height:1.3}.exercise-filters-header p{color:#64748b;margin:0;font-size:15px;line-height:1.8}.exercise-filters-wrap{flex-direction:column;gap:22px;max-width:760px;margin:0 auto;display:flex}.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{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000;box-shadow:0 8px 20px #7c5cff40}.exercise-results-bar{text-align:center;border-top:1px dashed #e5e7eb;margin-top:22px;padding-top:16px}.exercise-results-bar p{color:#64748b;margin:0;font-size:15px;font-weight:600}@media (width<=768px){.exercises-toolbar-card{padding:22px 16px}.exercise-filters-wrap{max-width:100%}.exercise-filters-header h2{font-size:24px}.filter-chip{min-width:auto;padding:10px 14px;font-size:14px}}.filter-label{color:#64748b;font-size:14px;font-weight:700}.exercise-filters-wrap{gap:26px}.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}.search-results>.card.center-row:nth-last-child(2){grid-column:3/span 4}.search-results>.card.center-row:last-child{grid-column:7/span 4}@media (width<=1024px){.search-results>.card,.search-results>.card.center-row:last-child,.search-results>.card.center-row:nth-last-child(2){grid-column:span 6}}@media (width<=620px){.search-results>.card,.search-results>.card.center-row:last-child,.search-results>.card.center-row:nth-last-child(2){grid-column:span 12}}img{pointer-events:none}@media (width<=1023px){.variant-head{flex-direction:column-reverse}}.section-title{text-align:center;margin:0 0 8px;font-weight:800;font-size:clamp(24px,3vw,30px)!important}.section-subtitle{color:var(--muted);max-width:760px;margin:0 auto 26px;line-height:1.9;text-align:center!important;font-size:18px!important}.page-materials .explore-section .section-subtitle,.page-materials .start-section .section-subtitle{text-align:center;margin-bottom:30px}.start-grid{max-width:860px;margin:0 auto}.materials-grid,.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.next-card{background:#faf7ffbf;border:1px dashed #cfc4ef}.featured-card{border:1px solid #b7d9c3e6;box-shadow:0 14px 34px #14192d14}.explore-section{margin-bottom:34px}.start-section{margin-bottom:75px}@media (width<=850px){.materials-grid,.start-grid{grid-template-columns:1fr}.start-section{margin-bottom:65px}.materials-grid .material-card{border:1px solid var(--adj-special-border)}}.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}@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}.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}}.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{z-index:2;position:absolute;top:18px;left:18px}.vocab-detail-card{position:relative}.detail-sound-btn{z-index:2;position:absolute;top:18px;left:18px}.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{flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!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,.search-page #list article h3 .g-title{text-align:center!important;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!important}.page-materials .page-hero{padding-bottom:10px}.navlinks a.mobile-start-link{display:none}@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-submenu-title{color:#98a2b3;text-align:center;margin-bottom:6px;font-size:13px;font-weight:700}.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%}.order-item{min-width:150px}.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-top{flex-direction:column}.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:14px;line-height:1.15}.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;background-color:red!important}}.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}@media (width<=850px){.about-points{grid-template-columns:1fr}.about-lead{font-size:18px}}@media (width<=960px){.desktop-more .dropdown-menu{min-width:150px}}
/*$vite$:1*/