:root{--page-ffffff:#fff;--bg-000000:#000;--bg-000000-a02:#00000005;--bg-000000-a35:#00000059;--bg-0d7a38:#0d7a38;--bg-0ea5e9:#0ea5e9;--bg-0f172a-a45:#0f172a73;--bg-0f172a-a55:#0f172a8c;--bg-0f172a-a58:#0f172a94;--bg-142818-a50:#14281880;--bg-142818-a55:#1428188c;--bg-15803d:#15803d;--bg-16a34a-a08:#16a34a14;--bg-16a34a-a12:#16a34a1f;--bg-16a34a-a16:#16a34a29;--bg-1f2937:#1f2937;--bg-1f5d24:#1f5d24;--bg-20264a:#20264a;--bg-2e7d32:#2e7d32;--bg-2e7d32-a00:#2e7d3200;--bg-2e7d32-a03:#2e7d3208;--bg-2e7d32-a05:#2e7d320d;--bg-2e7d32-a07:#2e7d3212;--bg-2e7d32-a10:#2e7d321a;--bg-2e7d32-a18:#2e7d322e;--bg-3a9a40:#3a9a40;--bg-3b82f6-a08:#3b82f614;--bg-3f9a45:#3f9a45;--bg-525659:#525659;--bg-6366f1:#6366f1;--bg-6757e6:#6757e6;--bg-78aaff-a00:#78aaff00;--bg-78aaff-a08:#78aaff14;--bg-7c3aed-a10:#7c3aed1a;--bg-7c6cf2:#7c6cf2;--bg-7da2e3:#7da2e3;--bg-818cf8-a09:#818cf817;--bg-8b5cf6:#8b5cf6;--bg-8b5cf6-a10:#8b5cf61a;--bg-8fb398:#8fb398;--bg-a78bfa:#a78bfa;--bg-a78bfa-a08:#a78bfa14;--bg-add8e6-a12:#add8e61f;--bg-c0392b:#c0392b;--bg-c084fc:#c084fc;--bg-cbd5e1:#cbd5e1;--bg-ccfbf1:#ccfbf1;--bg-cdd3df:#cdd3df;--bg-d4eed6:#d4eed6;--bg-d8efdb:#d8efdb;--bg-d9483b:#d9483b;--bg-d97706-a10:#d977061a;--bg-dbeafe:#dbeafe;--bg-dfe3ec:#dfe3ec;--bg-dff1e1:#dff1e1;--bg-e11d48-a06:#e11d480f;--bg-e11d48-a08:#e11d4814;--bg-e11d48-a10:#e11d481a;--bg-e11d48-a14:#e11d4824;--bg-e2f3e8:#e2f3e8;--bg-e3def8:#e3def8;--bg-e3e7ec:#e3e7ec;--bg-e7e3ee:#e7e3ee;--bg-e7eef5:#e7eef5;--bg-e7efe9:#e7efe9;--bg-e7f1ff:#e7f1ff;--bg-e7f6e9:#e7f6e9;--bg-e8f0fb:#e8f0fb;--bg-e8f7e9:#e8f7e9;--bg-e8f8f0:#e8f8f0;--bg-eaf1fb:#eaf1fb;--bg-eaf6ea:#eaf6ea;--bg-eaf7ee:#eaf7ee;--bg-eafaea:#eafaea;--bg-ec4899:#ec4899;--bg-ec4899-a06:#ec48990f;--bg-ece7ff:#ece7ff;--bg-eceef2:#eceef2;--bg-ecfdf5:#ecfdf5;--bg-ecfeff:#ecfeff;--bg-ede9fe:#ede9fe;--bg-eef0f4:#eef0f4;--bg-eef1f4:#eef1f4;--bg-eef1f5:#eef1f5;--bg-eef2ee:#eef2ee;--bg-eef2ef:#eef2ef;--bg-eef2ff:#eef2ff;--bg-eef7f1:#eef7f1;--bg-ef6c00:#ef6c00;--bg-efecfb:#efecfb;--bg-f0f9ff:#f0f9ff;--bg-f0fdf4:#f0fdf4;--bg-f1efff:#f1efff;--bg-f1f3f7:#f1f3f7;--bg-f1f5f9:#f1f5f9;--bg-f1f6f0:#f1f6f0;--bg-f2fcfa:#f2fcfa;--bg-f3e8ff:#f3e8ff;--bg-f3eee9:#f3eee9;--bg-f3f0f0:#f3f0f0;--bg-f3f0fb:#f3f0fb;--bg-f3f0ff:#f3f0ff;--bg-f3f4f6:#f3f4f6;--bg-f472b6-a08:#f472b614;--bg-f4efef:#f4efef;--bg-f4f1ff:#f4f1ff;--bg-f4f8f5:#f4f8f5;--bg-f4f8ff:#f4f8ff;--bg-f5efef:#f5efef;--bg-f5f3ff:#f5f3ff;--bg-f5f9ff:#f5f9ff;--bg-f6f6f6:#f6f6f6;--bg-f6f7f9:#f6f7f9;--bg-f6faf6:#f6faf6;--bg-f6fbf6:#f6fbf6;--bg-f7f3f3:#f7f3f3;--bg-f7f3ff:#f7f3ff;--bg-f7f4ff:#f7f4ff;--bg-f7f5ff-a75:#f7f5ffbf;--bg-f7f8fc:#f7f8fc;--bg-f7f9fb:#f7f9fb;--bg-f7faf7:#f7faf7;--bg-f7faf8:#f7faf8;--bg-f7fbf9:#f7fbf9;--bg-f7fbff:#f7fbff;--bg-f7fdf8:#f7fdf8;--bg-f8f6ff:#f8f6ff;--bg-f8f7fc:#f8f7fc;--bg-f8f9fb-a90:#f8f9fbe6;--bg-f8fafb:#f8fafb;--bg-f8fafc:#f8fafc;--bg-f8fbf8:#f8fbf8;--bg-f8fbff:#f8fbff;--bg-f8fcf8:#f8fcf8;--bg-f8fffb:#f8fffb;--bg-f9a8d4:#f9a8d4;--bg-f9fafb:#f9fafb;--bg-faf7ff:#faf7ff;--bg-faf8ff:#faf8ff;--bg-fafafa:#fafafa;--bg-fafaff:#fafaff;--bg-fafbfc:#fafbfc;--bg-fafffe:#fafffe;--bg-fbc02d:#fbc02d;--bg-fbe8b8:#fbe8b8;--bg-fbeceb:#fbeceb;--bg-fbf8f8:#fbf8f8;--bg-fbf9ff:#fbf9ff;--bg-fbfbfb:#fbfbfb;--bg-fbfbfd:#fbfbfd;--bg-fbfdfc:#fbfdfc;--bg-fbfdff:#fbfdff;--bg-fdeaf0:#fdeaf0;--bg-fdecea:#fdecea;--bg-fdecec:#fdecec;--bg-fdf0db:#fdf0db;--bg-fdf3f3:#fdf3f3;--bg-fdf4ff:#fdf4ff;--bg-fdfdf0:#fdfdf0;--bg-fef3c7:#fef3c7;--bg-ffb6c1-a10:#ffb6c11a;--bg-ffb86c-a00:#ffb86c00;--bg-ffb86c-a10:#ffb86c1a;--bg-ffd54f:#ffd54f;--bg-ffe9ec:#ffe9ec;--bg-ffeaf2:#ffeaf2;--bg-fff1f2:#fff1f2;--bg-fff2cc:#fff2cc;--bg-fff3e0:#fff3e0;--bg-fff4e0:#fff4e0;--bg-fff4e5:#fff4e5;--bg-fff7ed:#fff7ed;--bg-fff7f6:#fff7f6;--bg-fff8ec:#fff8ec;--bg-fff8fb:#fff8fb;--bg-fffaf0:#fffaf0;--bg-fffaf5:#fffaf5;--bg-fffafc:#fffafc;--bg-fffbeb:#fffbeb;--bg-fffdf6:#fffdf6;--bg-fffdf7:#fffdf7;--bg-fffdf8:#fffdf8;--bg-fffef7:#fffef7;--bg-ffffff:#fff;--bg-ffffff-a16:#ffffff29;--bg-ffffff-a18:#ffffff2e;--bg-ffffff-a22:#ffffff38;--bg-ffffff-a28:#ffffff47;--bg-ffffff-a65:#ffffffa6;--bg-ffffff-a72:#ffffffb8;--bg-ffffff-a75:#ffffffbf;--bg-ffffff-a82:#ffffffd1;--bg-ffffff-a85:#ffffffd9;--bg-ffffff-a88:#ffffffe0;--bg-ffffff-a90:#ffffffe6;--bg-ffffff-a92:#ffffffeb;--bg-ffffff-a95:#fffffff2;--bg-ffffff-a98:#fffffffa;--fg-000000:#000;--fg-047857:#047857;--fg-0f1730:#0f1730;--fg-0f766e:#0f766e;--fg-101828:#101828;--fg-111827:#111827;--fg-12172f:#12172f;--fg-141936:#141936;--fg-163b6b:#163b6b;--fg-1877f2:#1877f2;--fg-1d2340:#1d2340;--fg-1d2342:#1d2342;--fg-1d2939:#1d2939;--fg-1d4ed8:#1d4ed8;--fg-1e2340:#1e2340;--fg-1e293b:#1e293b;--fg-1e3a8a:#1e3a8a;--fg-1e40af:#1e40af;--fg-1e5aa8:#1e5aa8;--fg-1e5bb8:#1e5bb8;--fg-1f2540:#1f2540;--fg-1f2937:#1f2937;--fg-1f2a44:#1f2a44;--fg-1f2f66:#1f2f66;--fg-1f5d24:#1f5d24;--fg-1f6b3b:#1f6b3b;--fg-1f7a2e:#1f7a2e;--fg-229ed2:#229ed2;--fg-22c55e:#22c55e;--fg-23402a:#23402a;--fg-252b56:#252b56;--fg-2563a8:#2563a8;--fg-2563eb:#2563eb;--fg-25d366:#25d366;--fg-2a2f4a:#2a2f4a;--fg-2b3150:#2b3150;--fg-2d3452:#2d3452;--fg-2e7d32:#2e7d32;--fg-2f3550:#2f3550;--fg-334155:#334155;--fg-365314:#365314;--fg-374151:#374151;--fg-3a4264:#3a4264;--fg-3b4262:#3b4262;--fg-4338ca:#4338ca;--fg-45506f:#45506f;--fg-475467:#475467;--fg-475569:#475569;--fg-4a516f:#4a516f;--fg-4b5563:#4b5563;--fg-4d6580:#4d6580;--fg-4f46d8:#4f46d8;--fg-4f46e5:#4f46e5;--fg-4f7c5d:#4f7c5d;--fg-525e79:#525e79;--fg-555555:#555;--fg-57617c:#57617c;--fg-5a6275:#5a6275;--fg-5b3df5:#5b3df5;--fg-5b6472:#5b6472;--fg-5b6b7a:#5b6b7a;--fg-5f6b7a:#5f6b7a;--fg-6366f1:#6366f1;--fg-64748b:#64748b;--fg-666666:#666;--fg-6b3fa0:#6b3fa0;--fg-6b5418:#6b5418;--fg-6b8f71:#6b8f71;--fg-6b9170:#6b9170;--fg-6c5ce7:#6c5ce7;--fg-6d28d9:#6d28d9;--fg-7b8398:#7b8398;--fg-7c2d12:#7c2d12;--fg-7c5cff:#7c5cff;--fg-7c6ff0:#7c6ff0;--fg-7c8798:#7c8798;--fg-7c9b73:#7c9b73;--fg-8b7cf6:#8b7cf6;--fg-8b82f7:#8b82f7;--fg-8b93a7:#8b93a7;--fg-94a3b8:#94a3b8;--fg-963c3c:#963c3c;--fg-98a0b3:#98a0b3;--fg-98a2b3:#98a2b3;--fg-9a6a00:#9a6a00;--fg-9aa1b2:#9aa1b2;--fg-9aa3ad:#9aa3ad;--fg-9aa7b4:#9aa7b4;--fg-9b8cff:#9b8cff;--fg-a16207:#a16207;--fg-a23a3a:#a23a3a;--fg-a3271f:#a3271f;--fg-a39516:#a39516;--fg-b04a4a:#b04a4a;--fg-b36b00:#b36b00;--fg-b45309:#b45309;--fg-b4534f:#b4534f;--fg-b4750f:#b4750f;--fg-b91c1c:#b91c1c;--fg-bb2f56:#bb2f56;--fg-be185d:#be185d;--fg-c0392b:#c0392b;--fg-c0395c:#c0395c;--fg-c1477a:#c1477a;--fg-c2410c:#c2410c;--fg-c62839:#c62839;--fg-c77700:#c77700;--fg-c7c0fa:#c7c0fa;--fg-c96a2c:#c96a2c;--fg-cbd5e1:#cbd5e1;--fg-d10000:#d10000;--fg-d97706:#d97706;--fg-e1306c:#e1306c;--fg-e2574c:#e2574c;--fg-e3342f:#e3342f;--fg-e67e22:#e67e22;--fg-e9a12b:#e9a12b;--fg-ec4899:#ec4899;--fg-ef4444-a60:#ef444499;--fg-f59e0b:#f59e0b;--fg-fbc02d:#fbc02d;--fg-ffdada:#ffdada;--fg-ffffff:#fff;--fg-ffffff-a82:#ffffffd1;--fg-ffffff-a92:#ffffffeb;--line-000000-a04:#0000000a;--line-000000-a05:#0000000d;--line-000000-a10:#0000001a;--line-0d9488:#0d9488;--line-0f172a-a08:#0f172a14;--line-0f172a-a10:#0f172a1a;--line-16a34a:#16a34a;--line-16a34a-a18:#16a34a2e;--line-16a34a-a22:#16a34a38;--line-16a34a-a25:#16a34a40;--line-1f254a-a06:#1f254a0f;--line-1f5d24:#1f5d24;--line-2563eb:#2563eb;--line-2e7d32:#2e7d32;--line-2e7d32-a10:#2e7d321a;--line-3b82f6-a22:#3b82f638;--line-5e9f63:#5e9f63;--line-7a917c:#7a917c;--line-7c3aed-a28:#7c3aed47;--line-7c6cf2-a46:#7c6cf276;--line-7c6ff0-a12:#7c6ff01f;--line-7c9b73:#7c9b73;--line-8aa1b8:#8aa1b8;--line-8fb398:#8fb398;--line-8fcda4:#8fcda4;--line-99f6e4:#99f6e4;--line-9aa79a:#9aa79a;--line-b7d9c3:#b7d9c3;--line-b7e4c7:#b7e4c7;--line-b8c4ff:#b8c4ff;--line-b8e0bb:#b8e0bb;--line-b9d3ff:#b9d3ff;--line-bae6fd:#bae6fd;--line-bfd7f5:#bfd7f5;--line-bfdbfe:#bfdbfe;--line-bff0e6:#bff0e6;--line-c2d8f2:#c2d8f2;--line-c3f3ea:#c3f3ea;--line-c7ead0:#c7ead0;--line-c9b6ba:#c9b6ba;--line-c9ecd0:#c9ecd0;--line-cde0c8:#cde0c8;--line-cde7cf:#cde7cf;--line-cfd6e4:#cfd6e4;--line-cfe0fb:#cfe0fb;--line-cfe3ff:#cfe3ff;--line-d7e3ef:#d7e3ef;--line-d7e3f7:#d7e3f7;--line-d8cff3:#d8cff3;--line-d97706:#d97706;--line-d97706-a28:#d9770647;--line-d9c3ff:#d9c3ff;--line-d9cff3:#d9cff3;--line-d9dbe7:#d9dbe7;--line-d9dde7:#d9dde7;--line-d9ddee:#d9ddee;--line-d9e1ea:#d9e1ea;--line-d9efe2:#d9efe2;--line-dbe3ea:#dbe3ea;--line-dbeafe:#dbeafe;--line-dcd3ff:#dcd3ff;--line-ddd2fb:#ddd2fb;--line-ddd6d6:#ddd6d6;--line-ddd6fe:#ddd6fe;--line-dfe3ea:#dfe3ea;--line-e05656:#e05656;--line-e0a82e:#e0a82e;--line-e0a9a9:#e0a9a9;--line-e0e4ec:#e0e4ec;--line-e11d48-a18:#e11d482e;--line-e11d48-a22:#e11d4838;--line-e11d48-a35:#e11d4859;--line-e2e8f0:#e2e8f0;--line-e3342f:#e3342f;--line-e3574c:#e3574c;--line-e3c9c9:#e3c9c9;--line-e3dcff:#e3dcff;--line-e3e7ec:#e3e7ec;--line-e3e8e4:#e3e8e4;--line-e3eaf2:#e3eaf2;--line-e5dcdc:#e5dcdc;--line-e5e9e6:#e5e9e6;--line-e6ddfb:#e6ddfb;--line-e6dfff:#e6dfff;--line-e6e6ef:#e6e6ef;--line-e6ece6:#e6ece6;--line-e6f4ec:#e6f4ec;--line-e7dede:#e7dede;--line-e7def7:#e7def7;--line-e7ece8:#e7ece8;--line-e8dcfa:#e8dcfa;--line-e8ddff:#e8ddff;--line-e8e0ff:#e8e0ff;--line-e9d8a6:#e9d8a6;--line-e9def8:#e9def8;--line-e9defd:#e9defd;--line-e9e1fa:#e9e1fa;--line-e9e6f5:#e9e6f5;--line-e9edf2:#e9edf2;--line-eaeef5:#eaeef5;--line-ebe7f5:#ebe7f5;--line-ecc45a:#ecc45a;--line-ece4ff:#ece4ff;--line-ece7f7:#ece7f7;--line-edf2f7:#edf2f7;--line-eee3e3:#eee3e3;--line-eef0f4:#eef0f4;--line-eef1f4:#eef1f4;--line-eef2f7:#eef2f7;--line-efeaff:#efeaff;--line-f0d4d4:#f0d4d4;--line-f0d68a:#f0d68a;--line-f0f0f0:#f0f0f0;--line-f1c58a:#f1c58a;--line-f1e4c4:#f1e4c4;--line-f1f5f9:#f1f5f9;--line-f3c2c2:#f3c2c2;--line-f3d8e3:#f3d8e3;--line-f3dfb3:#f3dfb3;--line-f3e2bd:#f3e2bd;--line-f5c2c2:#f5c2c2;--line-f6d79a:#f6d79a;--line-f6d9a8:#f6d9a8;--line-f7d8e6:#f7d8e6;--line-fae6b0:#fae6b0;--line-fbe7b2:#fbe7b2;--line-fde68a:#fde68a;--line-fde7d4:#fde7d4;--line-fed7aa:#fed7aa;--line-ffc2c8:#ffc2c8;--line-ffd9a8:#ffd9a8;--line-ffe2bd:#ffe2bd;--line-ffffff:#fff;--line-ffffff-a40:#fff6;--line-ffffff-a45:#ffffff73;--line-ffffff-a65:#ffffffa6;--shadow-000000-a05:#0000000d;--shadow-000000-a06:#0000000f;--shadow-000000-a08:#00000014;--shadow-000000-a09:#00000017;--shadow-000000-a10:#0000001a;--shadow-000000-a12:#0000001f;--shadow-000000-a14:#00000024;--shadow-000000-a15:#00000026;--shadow-000000-a18:#0000002e;--shadow-000000-a20:#0003;--shadow-000000-a25:#00000040;--shadow-000000-a28:#00000047;--shadow-000000-a30:#0000004d;--shadow-000000-a35:#00000059;--shadow-020617-a07:#02061712;--shadow-0f172a-a03:#0f172a08;--shadow-0f172a-a04:#0f172a0a;--shadow-0f172a-a05:#0f172a0d;--shadow-0f172a-a06:#0f172a0f;--shadow-0f172a-a08:#0f172a14;--shadow-0f172a-a10:#0f172a1a;--shadow-0f172a-a22:#0f172a38;--shadow-0f172a-a24:#0f172a3d;--shadow-0f172a-a35:#0f172a59;--shadow-101828-a03:#10182808;--shadow-101828-a04:#1018280a;--shadow-101828-a08:#10182814;--shadow-14192d-a08:#14192d14;--shadow-14192d-a10:#14192d1a;--shadow-14192d-a14:#14192d24;--shadow-14192d-a16:#14192d29;--shadow-142337-a06:#1423370f;--shadow-16a34a-a12:#16a34a1f;--shadow-16a34a-a14:#16a34a24;--shadow-16a34a-a18:#16a34a2e;--shadow-16a34a-a20:#16a34a33;--shadow-16a34a-a22:#16a34a38;--shadow-16a34a-a25:#16a34a40;--shadow-16a34a-a32:#16a34a52;--shadow-1f5d24-a04:#1f5d240a;--shadow-1f5d24-a05:#1f5d240d;--shadow-1f5d24-a06:#1f5d240f;--shadow-1f5d24-a07:#1f5d2412;--shadow-1f5d24-a12:#1f5d241f;--shadow-1f5d24-a28:#1f5d2447;--shadow-20264a-a12:#20264a1f;--shadow-22c55e-a12:#22c55e1f;--shadow-2e7d32-a12:#2e7d321f;--shadow-2e7d32-a14:#2e7d3224;--shadow-2e7d32-a22:#2e7d3238;--shadow-2e7d32-a25:#2e7d3240;--shadow-2e7d32-a28:#2e7d3247;--shadow-2e7d32-a30:#2e7d324d;--shadow-2e7d32-a45:#2e7d3273;--shadow-7c5cff-a25:#7c5cff40;--shadow-7c5cff-a35:#7c5cff59;--shadow-7c6cf2-a15:#7c6cf226;--shadow-7c6cf2-a25:#7c6cf240;--shadow-8fb398-a15:#8fb39826;--shadow-8fb398-a18:#8fb3982e;--shadow-c9b6ba-a14:#c9b6ba24;--shadow-e05656-a14:#e0565624;--shadow-ec4899-a10:#ec48991a;--shadow-ef6c00-a40:#ef6c0066;--shadow-ffffff-a60:#fff9;--shadow-ffffff-a75:#ffffffbf;--shadow-ffffff-a85:#ffffffd9;--border-bg:#e5e7eb;--ex-deep-bg:#15803d;--ex-green-line:#16a34a;--green-200-line:#bbf7d0;--green-200-shadow:#bbf7d0;--green-50-page:#f1fbf6;--green-600-bg:#16a34a;--green-600-line:#16a34a;--muted-line:#6b7280;--pink-50-bg:#fff1f2}*{--accent-fg:var(--accent);--accent-line:var(--accent);--accent-border-line:var(--accent-border);--accent-soft-bg:var(--accent-soft);--scroll-top-bg-bg:var(--scroll-top-bg);--sr-accent-bg:var(--sr-accent);--sr-accent-fg:var(--sr-accent);--sr-accent-line:var(--sr-accent);--sr-border-bg:var(--sr-border);--sr-border-line:var(--sr-border);--sr-deep-bg:var(--sr-deep);--sr-deep-fg:var(--sr-deep);--sr-soft-bg:var(--sr-soft)}.g-end.t-blue{--tone-line:#69c}.g-end.t-green{--tone-line:#5fa86a}.g-end.t-lilac{--tone-line:#a78bc8}.g-end.t-orange{--tone-line:#e0935a}.g-end.t-pink{--tone-line:#d98aa8}.g-end.t-purple{--tone-line:#8d7bd6}.g-end.t-warn{--tone-line:#dd9b3c}.lesson-page{--n5-deep-line:#1f5d24;--n5-deep-bg:#1f5d24;--n5-fg:#2e7d32;--n5-soft-line:#e8f7e9;--n5-border-bg:#b8e0bb;--n5-line:#2e7d32}.level-node[data-level=n1]{--lv-line:#c62839}.level-node[data-level=n2]{--lv-line:#6b3fa0}.level-node[data-level=n3]{--lv-line:#c77700}.level-node[data-level=n4]{--lv-line:#1e5bb8}.level-node[data-level=n5]{--lv-line:#2e7d32}.page-n5-path{--n5-deep-line:#1f5d24;--n5-deep-bg:#1f5d24;--n5-fg:#2e7d32;--n5-soft-line:#e8f7e9;--n5-border-bg:#b8e0bb;--n5-line:#2e7d32}.popup-section{--ok-fg:#3b82f6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-ffffff:#0a0d0b;--bg-000000:#000;--bg-000000-a02:#00000005;--bg-000000-a35:#00000059;--bg-0d7a38:#007131;--bg-0ea5e9:#009bdd;--bg-0f172a-a45:#0f172a73;--bg-0f172a-a55:#0f172a8c;--bg-0f172a-a58:#0f172a94;--bg-142818-a50:#14281880;--bg-142818-a55:#1428188c;--bg-15803d:#007735;--bg-16a34a-a08:#00994214;--bg-16a34a-a12:#0099421f;--bg-16a34a-a16:#00994229;--bg-1f2937:#1f2937;--bg-1f5d24:#1f5d24;--bg-20264a:#20264a;--bg-2e7d32:#247429;--bg-2e7d32-a00:#24742900;--bg-2e7d32-a03:#24742908;--bg-2e7d32-a05:#2474290d;--bg-2e7d32-a07:#24742912;--bg-2e7d32-a10:#2474291a;--bg-2e7d32-a18:#2474292e;--bg-3a9a40:#2f9137;--bg-3b82f6-a08:#3278ec14;--bg-3f9a45:#35913c;--bg-525659:#4a4e51;--bg-6366f1:#5b5ce7;--bg-6757e6:#5f4ddc;--bg-78aaff-a00:#6fa0f500;--bg-78aaff-a08:#6fa0f514;--bg-7c3aed-a10:#742de21a;--bg-7c6cf2:#7462e8;--bg-7da2e3:#7499d9;--bg-818cf8-a09:#7883ee17;--bg-8b5cf6:#8252eb;--bg-8b5cf6-a10:#8252eb1a;--bg-8fb398:#86aa8f;--bg-a78bfa:#9e82f0;--bg-a78bfa-a08:#9e82f014;--bg-add8e6-a12:#083a461f;--bg-c0392b:#b62e21;--bg-c084fc:#b67bf2;--bg-cbd5e1:#2b333d;--bg-ccfbf1:#002a24;--bg-cdd3df:#2e333d;--bg-d4eed6:#1e3520;--bg-d8efdb:#1f3323;--bg-d9483b:#ce3e32;--bg-d97706-a10:#cd6f001a;--bg-dbeafe:#112034;--bg-dfe3ec:#2c2f36;--bg-dff1e1:#132616;--bg-e11d48-a06:#d6023f0f;--bg-e11d48-a08:#d6023f14;--bg-e11d48-a10:#d6023f1a;--bg-e11d48-a14:#d6023f24;--bg-e2f3e8:#14271c;--bg-e3def8:#302b41;--bg-e3e7ec:#2b2e33;--bg-e7e3ee:#302c36;--bg-e7eef5:#1c232a;--bg-e7efe9:#1c241e;--bg-e7f1ff:#1a2432;--bg-e7f6e9:#18281b;--bg-e8f0fb:#1b242f;--bg-e8f7e9:#19291b;--bg-e8f8f0:#182922;--bg-eaf1fb:#1d242e;--bg-eaf6ea:#1c281c;--bg-eaf7ee:#1b2920;--bg-eafaea:#1a2b1a;--bg-ec4899:#e13d90;--bg-ec4899-a06:#e13d900f;--bg-ece7ff:#221c34;--bg-eceef2:#202226;--bg-ecfdf5:#192c24;--bg-ecfeff:#182c2e;--bg-ede9fe:#231e33;--bg-eef0f4:#212327;--bg-eef1f4:#212427;--bg-eef1f5:#212428;--bg-eef2ee:#212521;--bg-eef2ef:#212522;--bg-eef2ff:#202431;--bg-eef7f1:#1f2822;--bg-ef6c00:#e16500;--bg-efecfb:#23202f;--bg-f0f9ff:#1f292f;--bg-f0fdf4:#1e2c23;--bg-f1efff:#242131;--bg-f1f3f7:#232529;--bg-f1f5f9:#22262a;--bg-f1f6f0:#222721;--bg-f2fcfa:#202b29;--bg-f3e8ff:#281c33;--bg-f3eee9:#27221d;--bg-f3f0f0:#212523;--bg-f3f0fb:#26222d;--bg-f3f0ff:#252231;--bg-f3f4f6:#232625;--bg-f472b6-a08:#e968ad14;--bg-f4efef:#272222;--bg-f4f1ff:#262231;--bg-f4f8f5:#242825;--bg-f4f8ff:#23272f;--bg-f5efef:#282222;--bg-f5f3ff:#262430;--bg-f5f9ff:#24282e;--bg-f6f6f6:#242726;--bg-f6f7f9:#242826;--bg-f6faf6:#252925;--bg-f6fbf6:#252a25;--bg-f7f3f3:#282424;--bg-f7f3ff:#282430;--bg-f7f4ff:#28242f;--bg-f7f5ff-a75:#27252fbf;--bg-f7f8fc:#26272b;--bg-f7f9fb:#252927;--bg-f7faf7:#262926;--bg-f7faf8:#262927;--bg-f7fbf9:#252a27;--bg-f7fbff:#25292d;--bg-f7fdf8:#252b26;--bg-f8f6ff:#28262f;--bg-f8f7fc:#28262c;--bg-f8f9fb-a90:#252927e6;--bg-f8fafb:#262928;--bg-f8fafc:#262928;--bg-f8fbf8:#262926;--bg-f8fbff:#26292d;--bg-f8fcf8:#262a26;--bg-f8fffb:#252c28;--bg-f9a8d4:#551f40;--bg-f9fafb:#262928;--bg-faf7ff:#29262e;--bg-faf8ff:#29272e;--bg-fafafa:#262928;--bg-fafaff:#28282d;--bg-fafbfc:#262a28;--bg-fafffe:#262c2b;--bg-fbc02d:#453100;--bg-fbe8b8:#2a1e00;--bg-fbeceb:#2e1f1e;--bg-fbf8f8:#252927;--bg-fbf9ff:#29272d;--bg-fbfbfb:#262a28;--bg-fbfbfd:#272a28;--bg-fbfdfc:#272b29;--bg-fbfdff:#272b29;--bg-fdeaf0:#2f1d24;--bg-fdecea:#2f1f1d;--bg-fdecec:#2f1f1f;--bg-fdf0db:#2f2209;--bg-fdf3f3:#2d2324;--bg-fdf4ff:#2d232f;--bg-fdfdf0:#2b2a1d;--bg-fef3c7:#2c2403;--bg-ffb6c1-a10:#581c2a1a;--bg-ffb86c-a00:#4e2c0000;--bg-ffb86c-a10:#4e2c001a;--bg-ffd54f:#3d2f00;--bg-ffe9ec:#311c20;--bg-ffeaf2:#311c25;--bg-fff1f2:#2f2223;--bg-fff2cc:#2d2303;--bg-fff3e0:#30230e;--bg-fff4e0:#30240d;--bg-fff4e5:#2f2414;--bg-fff7ed:#2e261c;--bg-fff7f6:#2e2625;--bg-fff8ec:#2e271a;--bg-fff8fb:#2d2629;--bg-fffaf0:#2d281e;--bg-fffaf5:#2d2823;--bg-fffafc:#2d282a;--bg-fffbeb:#2d2917;--bg-fffdf6:#2c2a23;--bg-fffdf7:#2c2a24;--bg-fffdf8:#2c2a25;--bg-fffef7:#2c2b23;--bg-ffffff:#282c2a;--bg-ffffff-a16:#282c2a29;--bg-ffffff-a18:#282c2a2e;--bg-ffffff-a22:#282c2a38;--bg-ffffff-a28:#282c2a47;--bg-ffffff-a65:#282c2aa6;--bg-ffffff-a72:#282c2ab8;--bg-ffffff-a75:#282c2abf;--bg-ffffff-a82:#282c2ad1;--bg-ffffff-a85:#282c2ad9;--bg-ffffff-a88:#282c2ae0;--bg-ffffff-a90:#282c2ae6;--bg-ffffff-a92:#282c2aeb;--bg-ffffff-a95:#282c2af2;--bg-ffffff-a98:#282c2afa;--fg-000000:#eee;--fg-047857:#76d3ad;--fg-0f1730:#cbd9fc;--fg-0f766e:#78cfc5;--fg-101828:#d3dae7;--fg-111827:#d3dae7;--fg-12172f:#d5d9e7;--fg-141936:#ccd6fe;--fg-163b6b:#abceff;--fg-1877f2:#86b7ff;--fg-1d2340:#c8d3f9;--fg-1d2342:#c7d2fb;--fg-1d2939:#cbd4e1;--fg-1d4ed8:#9fbeff;--fg-1e2340:#c9d2f9;--fg-1e293b:#cbd4e1;--fg-1e3a8a:#b0c9ff;--fg-1e40af:#aac4ff;--fg-1e5aa8:#98c3ff;--fg-1e5bb8:#99c0ff;--fg-1f2540:#c8d2f6;--fg-1f2937:#cbd4e1;--fg-1f2a44:#c3d2f4;--fg-1f2f66:#baceff;--fg-1f5d24:#98d899;--fg-1f6b3b:#8bd59e;--fg-1f7a2e:#7ed584;--fg-229ed2:#4dbef3;--fg-22c55e:#51e57c;--fg-23402a:#b5d7bc;--fg-252b56:#c2cdff;--fg-2563a8:#8fc2ff;--fg-2563eb:#95b9ff;--fg-25d366:#25d366;--fg-2a2f4a:#cccfdd;--fg-2b3150:#c3cdf4;--fg-2d3452:#c2ccf2;--fg-2e7d32:#83d283;--fg-2f3550:#c9cddb;--fg-334155:#c2cbd7;--fg-365314:#b1d493;--fg-374151:#c2cad7;--fg-3a4264:#bcc7f0;--fg-3b4262:#bdc7ed;--fg-4338ca:#b2bdff;--fg-45506f:#b6c3e8;--fg-475467:#bbc4d0;--fg-475569:#bbc4d0;--fg-4a516f:#b9c2e5;--fg-4b5563:#bbc4d0;--fg-4d6580:#a6c1df;--fg-4f46d8:#aeb8ff;--fg-4f46e5:#acb7ff;--fg-4f7c5d:#97c7a5;--fg-525e79:#b9bfcd;--fg-555555:#c2c2c2;--fg-57617c:#b9becc;--fg-5a6275:#b8becb;--fg-5b3df5:#aeb4ff;--fg-5b6472:#b6becb;--fg-5b6b7a:#b2bdc8;--fg-5f6b7a:#b3bdc8;--fg-6366f1:#a3aeff;--fg-64748b:#b1b9c6;--fg-666666:#bdbdbd;--fg-6b3fa0:#ceafff;--fg-6b5418:#d9bf84;--fg-6b8f71:#89ae8f;--fg-6b9170:#89b08e;--fg-6c5ce7:#adadff;--fg-6d28d9:#c0b2ff;--fg-7b8398:#99a1b7;--fg-7c2d12:#ffb098;--fg-7c5cff:#aea8ff;--fg-7c6ff0:#9a95ff;--fg-7c8798:#9aa5b7;--fg-7c9b73:#9aba91;--fg-8b7cf6:#aaa3ff;--fg-8b82f7:#aba8ff;--fg-8b93a7:#aab2c7;--fg-94a3b8:#b3c2d8;--fg-963c3c:#ffa39f;--fg-98a0b3:#b7bfd3;--fg-98a2b3:#b7c1d3;--fg-9a6a00:#e1ae5b;--fg-9aa1b2:#b9c0d2;--fg-9aa3ad:#b9c2cd;--fg-9aa7b4:#b8c6d3;--fg-9b8cff:#bab5ff;--fg-a16207:#eda95f;--fg-a23a3a:#ffa19b;--fg-a3271f:#ffa598;--fg-a39516:#c2b442;--fg-b04a4a:#ff9995;--fg-b36b00:#eea250;--fg-b45309:#ff9c64;--fg-b4534f:#ff968f;--fg-b4750f:#d5943c;--fg-b91c1c:#ffa094;--fg-bb2f56:#ff98a9;--fg-be185d:#ff98b2;--fg-c0392b:#ff9a8a;--fg-c0395c:#ff94a7;--fg-c1477a:#ff8cb7;--fg-c2410c:#ff9a7a;--fg-c62839:#ff9997;--fg-c77700:#e99638;--fg-c7c0fa:#c7c0fa;--fg-c96a2c:#eb894e;--fg-cbd5e1:#cbd5e1;--fg-d10000:#ff9a8b;--fg-d97706:#fc973c;--fg-e1306c:#ff5f8b;--fg-e2574c:#ff7d70;--fg-e3342f:#ff6458;--fg-e67e22:#ffa360;--fg-e9a12b:#e9a12b;--fg-ec4899:#ff7eb6;--fg-ef4444-a60:#ff7c7499;--fg-f59e0b:#f59e0b;--fg-fbc02d:#fbc02d;--fg-ffdada:#ffdada;--fg-ffffff:#fff;--fg-ffffff-a82:#ffffffd1;--fg-ffffff-a92:#ffffffeb;--line-000000-a04:#eeeeee0a;--line-000000-a05:#eeeeee0d;--line-000000-a10:#eeeeee1a;--line-0d9488:#007a70;--line-0f172a-a08:#c0cde714;--line-0f172a-a10:#c0cde71a;--line-16a34a:#00883a;--line-16a34a-a18:#00883a2e;--line-16a34a-a22:#00883a38;--line-16a34a-a25:#00883a40;--line-1f254a-a06:#b3beee0f;--line-1f5d24:#7ebc7e;--line-2563eb:#0b48cf;--line-2e7d32:#12671b;--line-2e7d32-a10:#12671b1a;--line-3b82f6-a22:#2169da38;--line-5e9f63:#46864c;--line-7a917c:#637965;--line-7c3aed-a28:#6712d147;--line-7c6cf2-a46:#6652d676;--line-7c6ff0-a12:#6656d41f;--line-7c9b73:#65835c;--line-8aa1b8:#72899f;--line-8fb398:#779a80;--line-8fcda4:#76b38b;--line-99f6e4:#005046;--line-9aa79a:#828e82;--line-b7d9c3:#2d523c;--line-b7e4c7:#225237;--line-b8c4ff:#404770;--line-b8e0bb:#2c5231;--line-b9d3ff:#32486e;--line-bae6fd:#164b62;--line-bfd7f5:#314967;--line-bfdbfe:#2b486a;--line-bff0e6:#104e46;--line-c2d8f2:#334962;--line-c3f3ea:#114d45;--line-c7ead0:#294e35;--line-c9b6ba:#b09da1;--line-c9ecd0:#294e33;--line-cde0c8:#394c34;--line-cde7cf:#324c35;--line-cfd6e4:#404755;--line-cfe0fb:#354560;--line-cfe3ff:#324560;--line-d7e3ef:#3a4651;--line-d7e3f7:#394458;--line-d8cff3:#4a4064;--line-d97706:#b76300;--line-d97706-a28:#b7630047;--line-d9c3ff:#4f3f68;--line-d9cff3:#4b4063;--line-d9dbe7:#434550;--line-d9dde7:#41454f;--line-d9ddee:#404455;--line-d9e1ea:#3e454e;--line-d9efe2:#32483c;--line-dbe3ea:#3d454c;--line-dbeafe:#354457;--line-dcd3ff:#483e68;--line-ddd2fb:#4a3e66;--line-ddd6d6:#4b4545;--line-ddd6fe:#473e66;--line-dfe3ea:#40444b;--line-e05656:#c43b3f;--line-e0a82e:#c58f00;--line-e0a9a9:#c69090;--line-e0e4ec:#40444b;--line-e11d48-a18:#bd00372e;--line-e11d48-a22:#bd003738;--line-e11d48-a35:#bd003759;--line-e2e8f0:#3d434b;--line-e3342f:#c60211;--line-e3574c:#c73c34;--line-e3c9c9:#5a4141;--line-e3dcff:#463e60;--line-e3e7ec:#3f4348;--line-e3e8e4:#404441;--line-e3eaf2:#3c434b;--line-e5dcdc:#4b4242;--line-e5e9e6:#404441;--line-e6ddfb:#483e5b;--line-e6dfff:#463e5d;--line-e6e6ef:#42424a;--line-e6ece6:#3e443e;--line-e6f4ec:#37443d;--line-e7dede:#4b4242;--line-e7def7:#483f57;--line-e7ece8:#3f4340;--line-e8dcfa:#4a3d5a;--line-e8ddff:#483d5e;--line-e8e0ff:#463d5b;--line-e9d8a6:#544512;--line-e9def8:#493e57;--line-e9defd:#483d5b;--line-e9e1fa:#463e56;--line-e9e6f5:#43404e;--line-e9edf2:#3e4247;--line-eaeef5:#3e4148;--line-ebe7f5:#44404d;--line-ecc45a:#5a4817;--line-ece4ff:#463d57;--line-ece7f7:#443f4e;--line-edf2f7:#3c4146;--line-eee3e3:#4b4040;--line-eef0f4:#3f4144;--line-eef1f4:#3e4144;--line-eef2f7:#3d4145;--line-efeaff:#433e52;--line-f0d4d4:#583e3e;--line-f0d68a:#544512;--line-f0f0f0:#414141;--line-f1c58a:#5f4318;--line-f1e4c4:#4f4220;--line-f1f5f9:#3c4044;--line-f3c2c2:#68393a;--line-f3d8e3:#553c47;--line-f3dfb3:#554110;--line-f3e2bd:#524118;--line-f5c2c2:#69383a;--line-f6d79a:#574212;--line-f6d9a8:#584112;--line-f7d8e6:#573a48;--line-fae6b0:#51410d;--line-fbe7b2:#51400d;--line-fde68a:#4e430e;--line-fde7d4:#523d2a;--line-fed7aa:#5c3e15;--line-ffc2c8:#67373d;--line-ffd9a8:#5b3e13;--line-ffe2bd:#593c11;--line-ffffff:#3d3d3d;--line-ffffff-a40:#3d3d3d66;--line-ffffff-a45:#3d3d3d73;--line-ffffff-a65:#3d3d3da6;--shadow-000000-a05:#0000001a;--shadow-000000-a06:#0000001f;--shadow-000000-a08:#00000029;--shadow-000000-a09:#0000002e;--shadow-000000-a10:#0003;--shadow-000000-a12:#0000003d;--shadow-000000-a14:#00000047;--shadow-000000-a15:#0000004d;--shadow-000000-a18:#0000005c;--shadow-000000-a20:#0006;--shadow-000000-a25:#00000080;--shadow-000000-a28:#0000008c;--shadow-000000-a30:#0000008c;--shadow-000000-a35:#0000008c;--shadow-020617-a07:#00000024;--shadow-0f172a-a03:#0000000f;--shadow-0f172a-a04:#00000014;--shadow-0f172a-a05:#0000001a;--shadow-0f172a-a06:#0000001f;--shadow-0f172a-a08:#00000029;--shadow-0f172a-a10:#0003;--shadow-0f172a-a22:#00000070;--shadow-0f172a-a24:#0000007a;--shadow-0f172a-a35:#0000008c;--shadow-101828-a03:#0000000f;--shadow-101828-a04:#00000014;--shadow-101828-a08:#00000029;--shadow-14192d-a08:#00000029;--shadow-14192d-a10:#0003;--shadow-14192d-a14:#00000047;--shadow-14192d-a16:#00000052;--shadow-142337-a06:#0000001f;--shadow-16a34a-a12:#16a34a1f;--shadow-16a34a-a14:#16a34a24;--shadow-16a34a-a18:#16a34a2e;--shadow-16a34a-a20:#16a34a33;--shadow-16a34a-a22:#16a34a38;--shadow-16a34a-a25:#16a34a40;--shadow-16a34a-a32:#16a34a52;--shadow-1f5d24-a04:#1f5d240a;--shadow-1f5d24-a05:#1f5d240d;--shadow-1f5d24-a06:#1f5d240f;--shadow-1f5d24-a07:#1f5d2412;--shadow-1f5d24-a12:#1f5d241f;--shadow-1f5d24-a28:#1f5d2447;--shadow-20264a-a12:#0000003d;--shadow-22c55e-a12:#22c55e1f;--shadow-2e7d32-a12:#2e7d321f;--shadow-2e7d32-a14:#2e7d3224;--shadow-2e7d32-a22:#2e7d3238;--shadow-2e7d32-a25:#2e7d3240;--shadow-2e7d32-a28:#2e7d3247;--shadow-2e7d32-a30:#2e7d324d;--shadow-2e7d32-a45:#2e7d3273;--shadow-7c5cff-a25:#7c5cff40;--shadow-7c5cff-a35:#7c5cff59;--shadow-7c6cf2-a15:#7c6cf226;--shadow-7c6cf2-a25:#7c6cf240;--shadow-8fb398-a15:#8fb39826;--shadow-8fb398-a18:#8fb3982e;--shadow-c9b6ba-a14:#c9b6ba24;--shadow-e05656-a14:#e0565624;--shadow-ec4899-a10:#ec48991a;--shadow-ef6c00-a40:#ef6c0066;--shadow-ffffff-a60:#ffffff17;--shadow-ffffff-a75:#ffffff1d;--shadow-ffffff-a85:#ffffff21;--border-bg:#2c2e31;--ex-deep-bg:#007735;--ex-green-line:#00883a;--green-200-line:#1e4e33;--green-200-shadow:#bbf7d026;--green-50-page:#080e0b;--green-600-bg:#009942;--green-600-line:#00883a;--muted-line:#555b69;--pink-50-bg:#2f2223}:root[data-theme=dark] *{--accent-fg:oklch(from var(--accent) calc(.95 - l * .3) c h);--accent-line:oklch(from var(--accent) max(calc(l - .08),.45) c h);--accent-border-line:oklch(from var(--accent-border) calc(.36 + (1 - l) * .3) min(c * 1.2,.07) h);--accent-soft-bg:oklch(from var(--accent-soft) calc(.24 + (l - .93) * .7) min(c * 1.4,.05) h);--scroll-top-bg-bg:oklch(from var(--scroll-top-bg) calc(l - .03) c h);--sr-accent-bg:oklch(from var(--sr-accent) calc(l - .03) c h);--sr-accent-fg:oklch(from var(--sr-accent) calc(.95 - l * .3) c h);--sr-accent-line:oklch(from var(--sr-accent) max(calc(l - .08),.45) c h);--sr-border-bg:oklch(from var(--sr-border) calc(.3 + (.93 - l) * .3) min(c * 1.1,.09) h);--sr-border-line:oklch(from var(--sr-border) calc(.36 + (1 - l) * .3) min(c * 1.2,.07) h);--sr-deep-bg:var(--sr-deep);--sr-deep-fg:oklch(from var(--sr-deep) calc(.95 - l * .3) c h);--sr-soft-bg:oklch(from var(--sr-soft) calc(.24 + (l - .93) * .7) min(c * 1.4,.05) h)}:root[data-theme=dark] .g-end.t-blue{--tone:#84b8ed;--tone-soft:#20262d;--tone-border:#374655;--tone-line:#4e81b2}:root[data-theme=dark] .g-end.t-green{--tone:#7ec888;--tone-soft:#212921;--tone-border:#324d36;--tone-line:#468f53}:root[data-theme=dark] .g-end.t-lilac{--tone:#c7aae9;--tone-soft:#27232c;--tone-border:#4b3f57;--tone-line:#8f73ae}:root[data-theme=dark] .g-end.t-orange{--tone:#ffb076;--tone-soft:#2d241c;--tone-border:#583f23;--tone-line:#c57a41}:root[data-theme=dark] .g-end.t-pink{--tone:#faa8c7;--tone-soft:#2d2327;--tone-border:#573b46;--tone-line:#be728f}:root[data-theme=dark] .g-end.t-purple{--tone:#ab9af8;--tone-soft:#26232d;--tone-border:#4a405e;--tone-line:#7663bb}:root[data-theme=dark] .g-end.t-warn{--tone:#f9b559;--tone-soft:#2e271a;--tone-border:#524118;--tone-line:#c38219}:root[data-theme=dark] .lesson-page{--n5:#247429;--n5-deep:#98d899;--n5-soft:#19291b;--n5-border:#2c5231;--n5-deep-line:#7ebc7e;--n5-deep-bg:#1f5d24;--n5-fg:#83d283;--n5-soft-line:#364537;--n5-border-bg:#153c1b;--n5-line:#12671b}:root[data-theme=dark] .level-node[data-level=n1]{--lv:#bb1a30;--lv-soft:#311c20;--lv-border:#67373d;--lv-shadow:#c628393d;--lv-line:#a70025}:root[data-theme=dark] .level-node[data-level=n2]{--lv:#633696;--lv-soft:#281c33;--lv-border:#4f3f68;--lv-shadow:#6b3fa03d;--lv-line:#66399a}:root[data-theme=dark] .level-node[data-level=n3]{--lv:#bb6f00;--lv-soft:#30230e;--lv-border:#5b3e13;--lv-shadow:#c777003d;--lv-line:#a66300}:root[data-theme=dark] .level-node[data-level=n4]{--lv:#1452ae;--lv-soft:#1a2432;--lv-border:#32486e;--lv-shadow:#1e5bb842;--lv-line:#1150ac}:root[data-theme=dark] .level-node[data-level=n5]{--lv:#247429;--lv-soft:#19291b;--lv-border:#2c5231;--lv-shadow:#2e7d3247;--lv-line:#12671b}:root[data-theme=dark] .page-n5-path{--n5:#247429;--n5-deep:#98d899;--n5-soft:#19291b;--n5-border:#2c5231;--n5-ring:#12671b2e;--n5-deep-line:#7ebc7e;--n5-deep-bg:#1f5d24;--n5-fg:#83d283;--n5-soft-line:#364537;--n5-border-bg:#153c1b;--n5-line:#12671b}:root[data-theme=dark] .popup-section{--ok:#2169da;--ok-fg:#6ea5ff}:root[data-theme=dark] .story-reader{--sr-ink:#cbd4e1;--sr-muted:#b2b9c6;--sr-line:#404441}:root[data-theme=dark]{--muted:#b2b9c6;--text:#d4dae8;--green-50:#202a25;--green-100:#0c2c1b;--green-200:#00391e;--green-600:#46c368;--pink-50:#110a0b;--pink-200:#4b2229;--pink-600:#ff9196;--border:#414347;--shadow:0 10px 30px #0003;--adj-bg-soft:#2a292d;--adj-border:#433e55;--adj-border-strong:#4a3e67;--adj-purple:#9a93ff;--adj-purple-soft:#252032;--adj-text:#d4dae8;--adj-text-soft:#b3bac7;--adj-shadow:0 10px 24px #0000001a;--adj-na-accent:#2b282d;--adj-i-accent:#272a2c;--adj-na-border:#4b3c65;--adj-i-border:#314558;--adj-special-bg:#2d2729;--adj-special-border:#563c48;--adj-special-text:#ff92b0;--adj-i-ending:#ffa6a1;--ex-green:#009942;--ex-deep:#75d48b;--ex-soft:#0c2c1b;--ex-hover:#202a25;--ex-border:#1e4e33;--ex-line:#414347}.theme-switching,.theme-switching *,.theme-switching :after,.theme-switching :before{transition:none!important}.navtools{margin-inline-start:auto}.theme-toggle{background:var(--bg-ffffff);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.theme-toggle:hover{background:var(--bg-e8f7e9)}.theme-toggle:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.ti{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.ti .fill,.ti-dark{fill:currentColor;stroke:none}.theme-toggle .ti{display:none}:root[data-theme=dark] .theme-toggle .ti-light,:root[data-theme=light] .theme-toggle .ti-dark{display:block}@media (width<=850px){.theme-toggle{order:1;margin-inline-start:auto}}:root[data-theme=dark] img[src*=-trace\/],:root[data-theme=dark] img[src*="/img/kanji/"]{filter:invert()hue-rotate(180deg)brightness(1.5);mix-blend-mode:lighten}:root[data-theme=dark] .kanji-side-image,:root[data-theme=dark] .kw-ref{background:0 0}:root[data-theme=dark] img[src$=eye-closed\.svg i],:root[data-theme=dark] img[src$=eye-open\.svg i],:root[data-theme=dark] img[src$=speaker\.svg i]{filter:invert()brightness(.9)}:root[data-theme=dark] .card-thumb img:not([src*="/img/kanji/"]),:root[data-theme=dark] .word-image img{filter:brightness(.8)}: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-page),var(--page-ffffff) 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);background:var(--bg-ffffff-a75);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.header-top{border-bottom:1px solid var(--line-000000-a04)}.header-bottom{background:var(--bg-ffffff-a88)}.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{background:var(--bg-ffffff);border:1px solid var(--border);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{background:var(--bg-ffffff);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:600}.btn.primary{background:linear-gradient(135deg,var(--bg-16a34a-a12),var(--bg-e11d48-a10));border-color:var(--line-16a34a-a25)}.btn:hover{filter:brightness(.98)}.hero-cta{background:linear-gradient(135deg,var(--bg-fffafc),var(--bg-f3eee9));border:2px solid var(--line-b7d9c3);box-shadow:0 10px 24px var(--shadow-14192d-a10);color:var(--fg-12172f);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}.hero-cta:hover{border-color:var(--line-8fcda4);box-shadow:0 14px 30px var(--shadow-14192d-a16);transform:translateY(-2px)}.hero-cta:active{transform:translateY(0)}.navlinks{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.dropdown-toggle,.navlinks a{color:var(--fg-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:var(--bg-16a34a-a08);border-color:var(--line-16a34a-a18)}.navlinks a.active{background:var(--bg-e11d48-a08);border-color:var(--line-e11d48-a18)}.dropdown-menu{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:var(--shadow);z-index:100;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:var(--fg-000000);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{background:radial-gradient(circle at 15% 25%,var(--bg-16a34a-a16),transparent 40%),radial-gradient(circle at 85% 20%,var(--bg-e11d48-a14),transparent 40%),linear-gradient(180deg,var(--bg-ffffff-a85),var(--bg-ffffff-a65));border:1px solid var(--border);box-shadow:var(--shadow);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{background:var(--bg-ffffff-a85);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;width:100%;max-width:360px;padding:16px}.hero-illustration>.card>h3{background:linear-gradient(270deg,var(--fg-22c55e),var(--fg-f59e0b),var(--fg-ec4899),var(--fg-6366f1),var(--fg-22c55e));color:#0000;letter-spacing:.5px;text-shadow:0 0 10px var(--shadow-22c55e-a12),0 0 20px var(--shadow-ec4899-a10);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;padding-top:15px;font-size:30px;font-weight:800;line-height:1.3;animation:14s infinite gradientFlow;display:inline-block;transform:translateY(2px)}@keyframes gradientFlow{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.latest-box-content{line-height:1.9}.latest-inline-icon{vertical-align:middle;width:1.1em;height:1.1em;margin-inline-end:4px}.heading-inline-icon,.latest-inline-icon{filter:drop-shadow(0 3px 6px var(--shadow-000000-a20));display:inline-block}.heading-inline-icon{vertical-align:-.25em;width:1.3em;height:1.3em}.start-here{margin:30px 0}.start-here-card{background:linear-gradient(135deg,var(--bg-f8f6ff),var(--bg-ffffff));border:2px solid var(--line-efeaff);text-align:center;border-radius:20px;padding:22px 28px;transition:all .3s}.start-here-card:hover{box-shadow:0 12px 30px var(--shadow-7c6cf2-a15);transform:translateY(-4px)}.start-here-content h2{margin-bottom:10px;font-size:26px}.start-here-content p{color:var(--fg-666666);margin-bottom:18px}.start-here-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;display:flex}.start-here-tags span{background:var(--bg-f1efff);color:var(--adj-purple);border-radius:999px;padding:6px 12px;font-size:13px}.start-here-btn{background:var(--bg-7c6cf2);color:var(--fg-ffffff);border-radius:12px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.start-here-btn:hover{background:var(--bg-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{background:var(--bg-ffffff-a88);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);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 0 var(--shadow-000000-a12)) drop-shadow(0 0 1px var(--shadow-000000-a15)) drop-shadow(0 2px 2px var(--shadow-000000-a08));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{background:var(--bg-ffffff);border:1px solid var(--border);color:var(--fg-111827);border-radius:999px;padding:6px 10px;font-size:12px}.tag.green{background:var(--bg-16a34a-a08);border-color:var(--line-16a34a-a22)}.tag.pink{background:var(--bg-e11d48-a08);border-color:var(--line-e11d48-a22)}.tag.blue{background:var(--bg-3b82f6-a08);border-color:var(--line-3b82f6-a22)}.tag.concept{background:var(--bg-7c3aed-a10);border-color:var(--line-7c3aed-a28);color:var(--fg-6b3fa0)}.tag.summary{background:var(--bg-d97706-a10);border-color:var(--line-d97706-a28);color:var(--fg-b45309)}.level-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.level-tags .tag{padding:6px 10px;font-size:11px}.tag.level-n5{background:var(--bg-e8f7e9);border:1px solid var(--line-b8e0bb);color:var(--fg-2e7d32)}.tag.level-n4{background:var(--bg-e7f1ff);border:1px solid var(--line-b9d3ff);color:var(--fg-1e5bb8)}.tag.level-n3{background:var(--bg-fff3e0);border:1px solid var(--line-ffd9a8);color:var(--fg-c77700)}.tag.level-n2{background:var(--bg-f3e8ff);border:1px solid var(--line-d9c3ff);color:var(--fg-6b3fa0)}.tag.level-n1{background:var(--bg-ffe9ec);border:1px solid var(--line-ffc2c8);color:var(--fg-c62839)}.tag.yellow-orange{background:var(--bg-fff3e0);border:1px solid var(--line-ffd9a8);color:var(--fg-c77700)}.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:var(--text);font-weight:700}.link:hover{color:var(--green-600)}.pagehead{background:var(--bg-ffffff-a85);border:1px solid var(--border);box-shadow:var(--shadow);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{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:999px;outline:none;padding:10px 12px;font-size:14px}select.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;background-size:18px 18px;padding-left:44px}.input{min-width:240px}.detail{grid-template-columns:1fr .45fr;gap:14px;margin-top:14px;display:grid}.detail.no-practice{grid-template-columns:1fr}.panel{background:var(--bg-ffffff-a90);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);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:var(--fg-111827)}.muted{color:var(--muted)}.hr{background:var(--border-bg);height:1px;margin:20px 0}.example{background:var(--bg-e11d48-a06);border:1px dashed var(--line-e11d48-a35);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:var(--fg-334155)}.example .ar{color:var(--text);font-size:18px}.badge{background:var(--bg-ffffff);border:1px solid var(--border);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{background:var(--bg-ffffff-a72);border:1px solid var(--line-1f254a-a06);box-shadow:0 8px 18px var(--shadow-14192d-a08),inset 0 1px 1px var(--shadow-ffffff-a75);color:var(--fg-252b56);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}.social-link:hover{background:var(--bg-ffffff);box-shadow:0 14px 26px var(--shadow-14192d-a14),inset 0 1px 1px var(--shadow-ffffff-a85);transform:translateY(-4px)scale(1.04)}.social-link[aria-label=Instagram]:hover{color:var(--fg-e1306c)}.social-link[aria-label=TikTok]:hover{color:var(--fg-111827)}.social-link[aria-label=Facebook]:hover{color:var(--fg-1877f2)}.social-link[aria-label=Email]:hover{color:var(--fg-7c6ff0)}.social-link i{transition:transform .22s}.social-link:hover i{transform:scale(1.12)}.word-image img{background:var(--bg-ffffff);border:1px solid var(--border);object-fit:contain;object-position:center;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{background:var(--bg-ffffff);border:1px solid var(--border);object-fit:contain;border-radius:14px;width:120px;height:120px}#head>div>div>p{margin-right:16px;font-size:18px}.no-scroll{overflow:hidden}.popup{background:var(--bg-000000-a35);z-index:9999;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.popup-box{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:18px;width:min(520px,100%);max-height:88vh;padding:18px 18px 14px;line-height:1.85;overflow-y:auto}.popup-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.popup-x{background:var(--bg-ffffff);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:6px 10px}.popup-section{--ok:#3b82f6;border:1px solid var(--border);border-inline-start:4px solid var(--ok);border-radius:14px;margin:10px 0;padding:12px 14px}.popup-section b{color:var(--ok-fg)}.popup-example{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:8px;display:flex}.jp{text-align:left;direction:ltr;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.popup-tip{background:var(--bg-f8fafc);border:1px solid var(--border);border-radius:14px;margin-top:12px;padding:10px 12px}.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{box-shadow:0 10px 25px var(--shadow-000000-a08);transform:translateY(-5px)}.kv-term{align-items:center;gap:7px;display:inline-flex}.onkun-help{background:var(--green-50);border:1px solid var(--green-200-line);color:var(--green-600);cursor:pointer;font:inherit;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;padding:0;font-size:13px;font-weight:800;line-height:1;transition:background .15s,border-color .15s;display:grid;position:relative}.onkun-help:after{content:"";position:absolute;inset:-7px}.onkun-help:hover{background:var(--green-100);border-color:var(--green-600-line)}.search-results .card h3{margin:0 0 8px;font-size:25px;line-height:1.35}.search-results .card p{color:var(--muted);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:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow-000000-a05);border-radius:18px;padding:14px;overflow:hidden}.num-top{text-align:center;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:14px;display:flex}.num-main{min-width:0}.num-line{justify-content:center;align-items:center;gap:10px;display:flex}.num-digit{font-size:54px;font-weight:900;line-height:1;display:none}.num-kanji{color:var(--fg-0f1730);margin-bottom:8px;font-size:34px;font-weight:800;line-height:1.1}.num-kana{color:var(--fg-c96a2c);margin-top:6px;margin-bottom:6px;font-size:18px}.num-kana-row{justify-content:center;align-items:center;display:flex}.num-meaning{color:var(--fg-0f1730);margin-top:22px;margin-bottom:20px;font-size:20px;font-weight:500}.num-media{background:var(--bg-f8fafc);border:1px solid var(--border);border-radius:16px;flex:none;justify-content:center;align-items:center;width:100%;height:175px;display:flex;overflow:hidden}.num-media img{object-fit:contain;width:100%;height:100%}.num-tip{background:var(--bg-f8fafc);border:1px solid var(--border);border-radius:14px;margin-top:12px;padding:10px 12px;line-height:1.8}.num-section{border-top:1px solid var(--line-eef2f7);margin-top:12px;padding-top:12px;display:none}.num-sec-title{margin-bottom:8px;font-weight:800}.num-rows .row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pill{background:var(--bg-ffffff);direction:ltr;border-radius:999px;align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.num-examples .ex,.pill{border:1px solid var(--border)}.num-examples .ex{border-radius:14px;margin-top:10px;padding:10px 12px;line-height:2}.numbers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px;padding:12px;display:grid}.num-card{position:relative}.number-sound-btn{z-index:5;width:42px;height:42px;position:absolute;top:22px;left:22px}.card-thumb{border:1px solid var(--line-e6e6ef);border-radius:18px;flex:0 0 130px;justify-content:center;align-items:center;width:150px;height:150px;padding:12px;display:flex;overflow:hidden}.card-thumb img{width:auto;max-width:100%;height:auto;max-height:100%}.card-thumb img,.card-thumb.fit-cover img{object-fit:contain;object-position:center;display:block}.card-thumb.fit-cover img{width:100%;height:100%}.card-thumb.fit-contain{width:100%;padding:10px}.card-thumb.fit-contain img{object-fit:contain;width:100%;height:100%;display:block}.card-row{align-items:flex-start;gap:16px;display:flex}.page-grammar .g-title{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.page-grammar .g-ar{text-align:center;font-size:22px;font-weight:800}.page-grammar .g-jp{letter-spacing:1px;text-align:center;direction:ltr;unicode-bidi:isolate;font-size:20px;font-weight:600}.hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0 14px;display:grid}.hub-card{background:var(--bg-ffffff);border:1px solid var(--line-0f172a-a10);box-sizing:border-box;cursor:pointer;text-align:start;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 var(--shadow-0f172a-a08)}.hub-card.active{background:var(--bg-f8fcf8);border:2px solid var(--line-8fb398)}.hub-card.active:before{background:var(--bg-8fb398);content:"";bottom:0;inset-inline-end:0;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:var(--bg-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:var(--fg-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:var(--muted);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{background:var(--bg-000000-a02);border:1px solid var(--line-000000-a10);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px}.hub-action-hint{border-top:1px dashed var(--line-0f172a-a10);box-sizing:border-box;color:var(--fg-64748b);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:var(--fg-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:var(--fg-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:var(--fg-64748b);margin:0 0 14px;line-height:1.9}.counter-hero{background:linear-gradient(135deg,var(--bg-f8fcf8),var(--bg-ffffff));border:1px solid var(--line-0f172a-a08);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:var(--bg-ffffff);border:1px solid var(--line-0f172a-a08);box-shadow:0 10px 24px var(--shadow-0f172a-a04);border-radius:24px;align-items:flex-start;gap:16px;padding:18px;display:flex}.counter-media{background:var(--bg-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:var(--fg-475569);margin:8px 0;line-height:1.8}.counter-example,.counter-note{background:var(--bg-f8fafc);border:1px dashed var(--line-0f172a-a08);border-radius:18px;margin-top:14px;padding:14px;line-height:1.9}#countersPanel>div.example-box{margin:18px 0}.counter-hero .counter-hero-text li{margin-bottom:14px;line-height:1.9}.mini-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.mini-info-card{background:var(--bg-ffffff);border:1px solid var(--line-0f172a-a08);box-shadow:0 8px 22px var(--shadow-0f172a-a04);border-radius:22px;padding:18px}.mini-info-icon{font-size:24px}.mini-info-icon img{fill:none;filter:drop-shadow(0 2px 3px var(--shadow-000000-a20));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:var(--bg-ffffff);border:1px solid var(--line-0f172a-a08);box-shadow:0 10px 24px var(--shadow-0f172a-a04);border-radius:24px;margin-bottom:18px;padding:20px}.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 var(--line-0f172a-a08);margin:16px 0}.study-table{border-collapse:collapse;width:100%;overflow:hidden}.study-table td,.study-table th{border:1px solid var(--line-0f172a-a08);text-align:start;vertical-align:top;padding:12px 10px}.study-table th{background:var(--bg-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:var(--bg-f8fafc);border:1px solid var(--line-0f172a-a08);border-radius:18px;flex-direction:column;justify-content:space-between;gap:8px;min-height:92px;padding:14px 10px;display:flex}.day-box.highlight{background:var(--bg-f8fcf8);border-color:var(--line-8fb398);box-shadow:0 6px 16px var(--shadow-8fb398-a15)}.day-num{color:var(--text);font-size:22px;font-weight:800}#datesPanel .day-box{text-align:center;align-items:center}#datesPanel .day-box .jp{font-size:18px;line-height:1.7}#datesPanel .day-box.highlight{border-width:2px}.dates-top-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dates-pattern{text-align:center;margin:6px 0;font-size:20px}.note-box{margin-top:18px;line-height:1.9}.note-box strong{margin-bottom:6px;font-size:20px;display:block}.note-box .rule{text-align:center;margin:8px 0;font-size:18px;font-weight:600}.note-box .example{margin-top:6px}.resources-page .note-box p{text-align:right}.tip-header h3 .tip-icon-img{vertical-align:middle;width:32px;height:32px;margin-left:8px;display:inline-block}.search-field-wrap{background:var(--bg-ffffff);border:1px solid var(--line-0f172a-a10);box-shadow:0 8px 20px var(--shadow-0f172a-a04);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}.search-field-wrap:focus-within{border-color:var(--line-8fb398);box-shadow:0 10px 24px var(--shadow-8fb398-a18);transform:translateY(-1px)}.section-search-input{box-shadow:none;color:var(--text);background:0 0;border:0;outline:0;width:100%;padding-top:0;padding-bottom:0;font-size:17px}.section-search-input::placeholder{color:var(--fg-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 0 var(--shadow-000000-a12)) drop-shadow(0 2px 3px var(--shadow-000000-a12));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:var(--fg-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{background:var(--bg-ffffff);border:1px solid var(--line-0f172a-a10);box-shadow:0 6px 16px var(--shadow-0f172a-a05);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;padding:10px 16px}.study-list{margin:14px 0 0;padding-inline-start:18px;line-height:1.9}.study-list li{margin-bottom:10px}#countersPanel .study-list{margin:16px 0 0;padding-inline-start:22px;list-style:outside}#countersPanel .study-list li{margin-bottom:14px;line-height:1.9;display:list-item}#countersPanel .study-list li .jp{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}.calendar-card h3,.example-box h3,.table-card h3{margin-bottom:0}.page-grammar .card-main span.g-ar{color:var(--text);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:var(--fg-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:var(--muted);text-align:right;flex-wrap:wrap;min-height:60px;margin:0 0 14px;padding:0 10px;line-height:1.8}#list>article .chips,#list>article .tags{flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;display:flex}#list>article .chips>*,#list>article .tags>*{justify-content:center;align-items:center;display:inline-flex}.pagehead.grammar-detail-head{text-align:center}.grammar-title-ar{color:var(--text);margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.25}.grammar-title-jp{color:var(--fg-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{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow-000000-a08);z-index:50;border-radius:16px;width:100%;min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.tag-filter-menu.hidden{display:none}.tag-filter-menu .tag-filter-search{width:180px;min-width:0;margin:0 auto 12px;padding:8px 12px;font-size:14px;display:block}.tag-filter-options{flex-direction:column;gap:8px;max-height:260px;padding-left:12px;display:flex;overflow-y:auto}.tag-option{background:var(--bg-ffffff);border:1px solid var(--border);cursor:pointer;text-align:right;border-radius:12px;padding:10px 12px}.tag-option.active,.tag-option:hover{background:var(--bg-f7f8fc);border-color:var(--line-cfd6e4)}#count{background:var(--bg-f8fafb);border:1px solid var(--line-d9dde7);color:var(--fg-5f6b7a);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:8px 14px 20px 0;padding:8px 14px;font-size:15px;font-weight:400;display:inline-flex}.usage-list{margin:10px 0 0;line-height:2}.formation-box{flex-direction:column;gap:14px;margin-top:10px;display:flex}.formation-item{background:var(--bg-f8fafc);border:1px solid var(--border);border-radius:18px;padding:14px 16px}.formation-main{color:var(--fg-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:var(--fg-64748b);text-align:center;margin-top:6px;font-size:1rem;font-weight:500;line-height:1.8}.formation-variants{flex-direction:column;gap:14px;margin-top:12px;display:flex}.formation-variant{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:block}.variant-number{background:var(--bg-7da2e3);color:var(--fg-ffffff);border-radius:50%;flex-shrink:0;justify-content:center;width:38px;height:38px;font-size:20px;font-weight:700}.variant-head,.variant-number{align-items:center;display:flex}.variant-head{flex-direction:row-reverse;justify-content:space-between;gap:16px;margin-bottom:10px}.variant-label{color:var(--fg-64748b);white-space:nowrap;font-size:1.05rem;font-weight:700}.formation-meaning{background:var(--bg-fff7ed);border:1px solid var(--line-f1c58a);color:var(--text);border-radius:12px;width:100%;max-width:100%;margin-top:14px;padding:10px 14px;font-size:1rem;line-height:1.8;display:block}.formation-steps{flex-direction:column;gap:16px;margin-top:14px;display:flex}.formation-step{background:var(--bg-f8fafc);border:1px solid var(--border);border-radius:16px;gap:14px;padding:14px;display:flex}.step-number{background:var(--bg-0ea5e9);color:var(--fg-ffffff);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:var(--fg-b91c1c);font-weight:700}.step-type-ar{color:var(--fg-334155);margin-right:6px}.step-rule{color:var(--fg-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:var(--fg-64748b);margin-top:4px;line-height:1.8}.g-jp,.variant-jp{color:var(--fg-1e3a8a);font-weight:700}.variant-jp{text-align:left;direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-family:Noto Sans JP,sans-serif;font-size:1.35rem}.variant-right{direction:rtl;align-items:center;gap:10px;display:flex}.grammar-plus{color:var(--fg-d97706);padding:0 4px;font-weight:800}.grammar-term{padding-top:14px;line-height:1;display:inline-block;position:relative}.grammar-term-ar{color:var(--fg-7c8798);white-space:nowrap;font-size:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.grammar-term-en{color:var(--fg-1e3a8a);font-weight:700}body>main>section{align-items:start}body>main>section>aside{height:fit-content}.qa-box{background:var(--bg-f4f8ff);border:1px dashed var(--line-bfd7f5)}.qa-part{padding:2px 0}.qa-label{color:var(--fg-e67e22);margin-bottom:8px;font-size:16px;font-weight:700}.qa-divider{border-top:1px dashed var(--line-d7e3f7);margin:14px 0}.jp-inline-word{direction:ltr;unicode-bidi:isolate;margin-inline:.28em;font-family:Noto Sans JP,sans-serif;display:inline-block}.formation-table th{text-wrap:nowrap}.formation-table td{direction:rtl}.formation-table .jp-example{text-align:center;direction:ltr;display:inline-block}.verb-hero .hero-card{background:linear-gradient(135deg,var(--bg-fffdf8) 0,var(--bg-f7f3ff) 100%);border:1px solid var(--line-ece7f7);box-shadow:0 10px 30px var(--shadow-0f172a-a05);border-radius:28px;margin-top:30px;padding:28px 24px}.verb-hero .hero-badge{background:var(--bg-eef2ff);color:var(--fg-4338ca);border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.verb-hero p{color:var(--fg-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:var(--bg-ffffff);border:1px solid var(--line-eaeef5);box-shadow:0 8px 24px var(--shadow-0f172a-a04);border-radius:24px;padding:22px}.verb-intro-jp{color:var(--fg-1e293b);text-align:left;direction:ltr;unicode-bidi:isolate;margin-bottom:12px;font-size:24px;font-weight:800}.verb-group-jp,.verb-intro-jp{display:none}.verb-intro-card p{color:var(--fg-475569);margin:0 0 10px;line-height:1.95}.verb-groups-grid{align-items:stretch;gap:20px;display:grid}.verb-group-card{overflow:hidden}.verb-group-card.ichidan{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-f8fffb) 100%)}.verb-group-card.godan{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-fffaf5) 100%)}.verb-group-top h2{margin-top:10px}.verb-group-jp{color:var(--text);text-align:left;direction:ltr;unicode-bidi:isolate;margin-top:8px;font-size:21px;font-weight:800}.verb-group-summary{color:var(--fg-475569);margin:25px 0 0;line-height:1.9;display:none}.verb-badge{background:var(--bg-ecfeff);border:1px solid var(--line-bae6fd);color:var(--fg-0f766e);letter-spacing:.3px;margin-bottom:12px;display:inline-block}.verb-compare-card h2,.verb-group-section h3,.verb-practice-card h2,.verb-table-card h3,.verb-warning-card h2{color:var(--text);margin:0 0 10px;font-size:20px}.verb-bullet-list{margin:0;padding-right:18px;line-height:1.95}.verb-bullet-list li{color:var(--fg-334155);margin-bottom:8px}.verb-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.verb-mini-example{background:var(--bg-f8fafc);border:1px solid var(--line-e2e8f0);border-radius:18px;padding:14px 12px}.verb-mini-jp{color:var(--fg-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:var(--fg-64748b);margin-top:4px;font-size:15px}.verb-mini-ar{color:var(--fg-334155);margin-top:8px;font-size:14px;line-height:1.7}.verb-warning-card{background:linear-gradient(180deg,var(--bg-fffef7) 0,var(--bg-fffbeb) 100%);border-color:var(--line-fde68a)}.verb-tables-stack{gap:18px;display:grid}.verb-table-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.verb-table-jp{text-align:left;direction:ltr;unicode-bidi:isolate}.verb-type-tag{background:var(--bg-f1f5f9);color:var(--fg-334155);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.verb-table td,.verb-table th{border-bottom:1px solid var(--line-edf2f7);text-align:right;vertical-align:middle;padding:12px 10px}.verb-table th{background:var(--bg-f8fafc);color:var(--text);font-weight:800}.verb-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.verb-compare-item{background:var(--bg-f8fafc);border:1px solid var(--line-e2e8f0);border-radius:18px;padding:16px}.verb-compare-type{color:var(--text);text-align:left;direction:ltr;unicode-bidi:isolate;margin-bottom:6px;font-size:20px;font-weight:800}.verb-compare-rule{color:var(--fg-475569);line-height:1.8}.verb-practice-item{line-height:1.9}.verb-vowel-table td{font-size:18px;line-height:1.8}.verb-table-notes{background:var(--bg-fffdf8);border:1px dashed var(--line-e9d8a6)}.verb-table-notes h4{margin:0 0 10px;font-size:17px}.verb-vowel-table{direction:ltr}.verb-vowel-table td,.verb-vowel-table th{text-align:center;vertical-align:top;direction:ltr}.verb-vowel-table td{min-width:120px;padding:16px 10px}.verb-kind-cell{background:var(--bg-f8fafc);color:var(--text)}.verb-cell-jp{text-align:center;direction:ltr;unicode-bidi:isolate}.verb-cell-ar{text-align:center;direction:rtl}.verb-vowel-block{border-top:1px solid var(--line-edf2f7)}.verb-vowel-block:first-of-type{border-top:0;margin-top:0;padding-top:0}.verb-base{color:var(--fg-111827)}.verb-changed{color:var(--fg-2563eb);font-weight:600}.verb-ending{color:var(--pink-600);font-weight:600}.intro-list{margin:0;padding:0;list-style:none}.intro-list li{color:var(--fg-475569);margin-bottom:12px;padding-right:20px;line-height:1.9;position:relative}.intro-list li:before{color:var(--fg-6366f1);content:"•";font-weight:700;position:absolute;right:0}.verb-group-top h2{color:var(--fg-1e293b);margin-bottom:8px;font-size:28px;font-weight:800;display:block;position:relative}.verb-group-top h2:after{background:linear-gradient(to left,var(--bg-6366f1),var(--bg-a78bfa));content:"";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:var(--fg-475569);counter-increment:step;margin:14px 0;padding-right:38px;line-height:1.9;position:relative}.steps-list li:before{background:linear-gradient(to left,var(--bg-6366f1),var(--bg-a78bfa));color:var(--fg-ffffff);content:counter(step);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex;position:absolute;top:2px;right:0}.steps-list li:hover:before{transform:scale(1.1)}.verb-group-card{flex-direction:column;height:100%;display:flex}.note-verbs-grid{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.note-verb{background:var(--bg-f3f0ff);text-align:center;border-radius:14px;min-width:80px;padding:8px 12px}.note-verb span{color:var(--fg-6c5ce7);font-size:16px;font-weight:700;display:block}.note-verb small{color:var(--fg-666666);margin-top:2px;font-size:12px;display:block}.no-bullet{margin-right:0;padding-right:0;list-style:none}.variant-ichidan{background:var(--bg-fdf4ff)}.variant-godan{background:var(--bg-f0f9ff)}.verb-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.verb-vowel-label-main.kuru,.verb-vowel-label-main.suru{color:var(--fg-2563eb)}.verb-table-card{padding:28px 34px}.verb-table-head h3{color:var(--text);margin:0 0 18px;font-size:30px;font-weight:600;line-height:1.35}.verb-table-jp{color:var(--fg-525e79);letter-spacing:.01em;margin-top:10px;margin-bottom:14px;font-size:30px;font-weight:600;line-height:1.3}.verb-table-desc{color:var(--fg-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{color:var(--text);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:var(--text);font-size:20px;font-weight:600;line-height:1.6}.verb-cell-ar{color:var(--fg-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:var(--text);font-size:24px;font-weight:600;line-height:1.35}.verb-vowel-label-sub{color:var(--fg-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:var(--fg-475569);font-size:15px;line-height:1.95}.verb-vowel-block{margin-top:20px;padding-top:20px}.verb-practice-question-side{flex-direction:row-reverse;gap:12px}.verb-practice-question{flex:1}.page-verbs{overflow-x:hidden}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}*,:after,:before{box-sizing:border-box}.page-shell,main{width:100%;max-width:100%;overflow-x:hidden}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{margin-inline:auto}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-card,.verb-practice-item,.verb-practice-question-side,.verb-table-card,.verb-table-head,.verb-warning-card{min-width:0}.verb-intro-card{margin-inline:auto}.verb-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.verb-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px}.verb-compare-grid,.verb-groups-grid,.verb-mini-grid,.verb-practice-list,.verb-tables-stack{width:100%;min-width:0;max-width:100%}.verb-compare-card,.verb-group-card,.verb-groups-grid,.verb-groups-grid>*,.verb-intro-card,.verb-layout,.verb-layout>*,.verb-practice-card,.verb-table-card,.verb-types-page,.verb-types-page .container,.verb-warning-card{min-width:0;max-width:100%}.verb-types-page .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto;overflow-x:clip}.verb-groups-grid,.verb-layout,.verb-layout>*{width:100%;min-width:0;max-width:100%}.verb-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.verb-groups-grid>*{width:auto;min-width:0;max-width:100%}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{width:100%;max-width:100%;overflow:hidden}.verb-compare-card *,.verb-group-card *,.verb-intro-card *,.verb-practice-card *,.verb-table-card *,.verb-warning-card *{min-width:0}html{scroll-behavior:smooth}.scroll-top-btn{background:var(--scroll-top-bg-bg,var(--bg-7c6cf2));box-shadow:0 10px 24px var(--shadow-7c6cf2-a25);color:var(--fg-ffffff);cursor:pointer;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;transition:opacity .25s,transform .25s,visibility .25s,filter .25s;display:flex;position:fixed;bottom:20px;left:20px;transform:translateY(12px)}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{filter:brightness(.9);transform:translateY(0)scale(1.08)}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-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;line-break:strict!important;overflow-wrap:normal!important;white-space:nowrap!important;word-break:keep-all!important;direction:ltr!important;unicode-bidi:isolate!important;max-width:none!important;display:inline-block!important}.verb-table td .verb-cell-jp,.verb-vowel-table td .verb-cell-jp{justify-content:center;align-items:baseline;display:inline-flex;gap:0!important}.basics-page{padding:32px 0 56px}.basics-hero{background:linear-gradient(135deg,var(--bg-faf8ff),var(--bg-ffffff));border:1px solid var(--adj-border);text-align:center;border-radius:24px;margin-bottom:28px;padding:32px 20px}.page-badge{background:var(--adj-purple-soft);color:var(--adj-purple);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:var(--adj-text-soft);max-width:760px;margin:0 auto;line-height:1.9}a.basics-card.main-card{border:2px solid var(--line-7c6cf2-a46);box-shadow:0 10px 30px var(--shadow-7c6cf2-a15)}a.basics-card.main-card:hover{box-shadow:0 20px 40px var(--shadow-7c6cf2-a15);transition:all .3s;transform:translateY(-4px)}.basics-card a{color:var(--adj-purple);font-weight:700;text-decoration:none}.basics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.basics-card{background:var(--bg-ffffff);border:1px solid var(--line-ebe7f5);box-shadow:0 10px 30px var(--shadow-101828-a04);box-sizing:border-box;color:inherit;cursor:pointer;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}.basics-card:hover{border-color:var(--line-dcd3ff);box-shadow:0 14px 34px var(--shadow-101828-a08);transform:translateY(-4px)}.basics-card h3{color:var(--fg-101828);margin:0 0 14px;font-size:32px;line-height:1.3}.basics-card p{color:var(--adj-text-soft);margin:0;font-size:18px;line-height:1.9}.basics-link{color:var(--adj-purple);margin-top:22px;font-size:18px;font-weight:700;display:inline-block}.featured-card-title{gap:10px;margin:0;display:inline-flex}.card-highlight{color:var(--fg-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 .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{background:linear-gradient(135deg,var(--bg-faf8ff),var(--bg-ffffff));border:1px solid var(--adj-border);box-shadow:var(--adj-shadow);text-align:center;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{background:var(--bg-ffffff);border:1px solid var(--adj-border);box-shadow:var(--adj-shadow);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{background:var(--bg-ffffff);border:1px solid var(--adj-border);border-radius:20px;padding:18px 20px}.adj-na-card{background:linear-gradient(180deg,var(--adj-na-accent),var(--bg-ffffff));border-color:var(--adj-na-border)}.adj-i-card{background:linear-gradient(180deg,var(--adj-i-accent),var(--bg-ffffff));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{background:var(--bg-eef2ff);color:var(--fg-4f46e5)}.form-label.negative{background:var(--bg-fff1f2);color:var(--pink-600)}.form-label.past{background:var(--bg-f0fdf4);color:var(--green-600)}.form-label.past-negative{background-color:var(--bg-fdfdf0);color:var(--fg-a39516)}.form-card h3{margin-bottom:10px;font-size:20px;font-weight:800}.form-card.present{color:var(--fg-4f46e5)}.form-card.negative{color:var(--pink-600)}.form-card.past{color:var(--green-600)}.form-card.past-negative{color:var(--fg-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{background:var(--bg-f4f1ff);border:1px solid var(--line-ece4ff);color:var(--adj-purple);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),var(--bg-ffffff));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{background:var(--bg-ffeaf2);color:var(--fg-c1477a);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{background:var(--bg-ffffff);border:1px solid var(--adj-special-border);text-align:center;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{background:var(--bg-ffffff);border:1px solid var(--adj-border);border-radius:18px;padding:16px}.adj-form-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.adj-form-item h4{font-size:20px;font-weight:800;line-height:1.4}.adj-steps{margin:10px 0 12px;padding-right:18px}.adj-steps li{color:var(--adj-text);margin-bottom:6px;font-size:16px;font-weight:600}.adj-usage-card{min-height:220px}.adj-usage-line{color:var(--adj-text);font-size:16px}.adj-usage-line.result{color:var(--adj-purple);font-weight:700}.adj-ar-desc{margin-top:6px;font-size:16px}.adj-example-card.new{background:var(--bg-fafaff);border-radius:18px;padding:20px}.adj-example-jp{color:var(--fg-1d2939);text-align:left;font-size:19px;font-weight:700;line-height:1.8}.adj-divider{background:var(--bg-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:var(--bg-ffffff);border:1px solid var(--line-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{background:var(--bg-f3e8ff);color:var(--fg-6d28d9);border-radius:50%;grid-column:1;justify-content:center;justify-self:end;align-items:center;width:44px;min-width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.q-text{color:var(--adj-text-soft);text-align:right;grid-column:2;margin:0;font-size:18px;font-weight:700;line-height:1.8}.show-answer-btn{background:var(--bg-efecfb);color:var(--fg-4f46d8);cursor:pointer;white-space:nowrap;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:var(--bg-e3def8);transform:translateY(-1px)}.answer{grid-column:4;margin:0;font-size:18px;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important}.adj-conjugation-grid>.adj-na-card,.adj-types-grid>.adj-na-card,.adj-usage-grid>.adj-na-card{order:1}.adj-conjugation-grid>.adj-i-card,.adj-types-grid>.adj-i-card,.adj-usage-grid>.adj-i-card{order:2}.verb-practice-list{display:grid;gap:16px!important;margin-top:18px!important}.verb-practice-item{grid-template-columns:56px minmax(260px,1.5fr) 170px minmax(180px,1fr);align-items:center;display:grid;background:var(--bg-ffffff)!important;border:1px solid var(--line-e2e8f0)!important;box-shadow:0 8px 20px var(--shadow-101828-a03)!important;border-radius:28px!important;gap:18px!important;padding:20px 18px!important}.verb-practice-number-side{grid-column:1;justify-content:flex-end;align-items:center;display:flex;width:auto!important}.verb-practice-number{flex:0 0 44px;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:22px;display:flex;background:var(--bg-f3e8ff)!important;color:var(--fg-6d28d9)!important;border-radius:50%!important;width:44px!important;font-weight:800!important}.verb-practice-question-side{grid-column:2;align-items:center;min-width:0;display:flex;width:auto!important}.verb-practice-question{text-align:right;width:100%;min-width:0;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important;margin:0!important;font-size:18px!important}.verb-practice-button-side{grid-column:3;display:flex;width:auto!important}.verb-answer-toggle,.verb-practice-button-side{justify-content:center;align-items:center;margin:0!important}.verb-answer-toggle{background:var(--bg-efecfb);cursor:pointer;white-space:nowrap;min-width:140px;font-family:Tajawal,sans-serif;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;color:var(--fg-4f46d8)!important;border:none!important;border-radius:999px!important;padding:12px 18px!important;font-size:16px!important}.verb-answer-toggle:hover{transform:translateY(-1px);background:var(--bg-e3def8)!important}.verb-practice-answer-side{text-align:left;grid-column:4;justify-content:center;align-items:center;min-width:0;display:flex;width:auto!important}.verb-practice-answer{text-align:left;white-space:nowrap;min-width:0;font-weight:700;line-height:1.8;color:var(--adj-text-soft)!important;margin:0!important;font-size:18px!important}.verb-practice-answer[hidden]{display:none}.verb-practice-answer.show{display:block!important}.verb-practice-answer:not([hidden]){display:block}.adj-chip-list-meaning{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.adj-chip-card{background:var(--bg-f7f4ff);border:1px solid var(--line-e8e0ff);text-align:center;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:var(--adj-purple);font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700;line-height:1.4}.adj-chip-meaning{color:var(--adj-text-soft);font-size:14px;font-weight:600;line-height:1}.adj-ii-note-card{background:linear-gradient(135deg,var(--bg-fffdf8),var(--bg-ffffff));border:1px solid var(--line-f3dfb3);box-shadow:0 10px 24px var(--shadow-0f172a-a05);border-radius:26px;margin-bottom:24px;padding:26px}.adj-ii-head{margin-bottom:16px}.adj-ii-badge{background:var(--bg-fff2cc);color:var(--fg-a16207);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:var(--text);font-size:28px;font-weight:800}.adj-ii-intro{color:var(--adj-text-soft);margin-bottom:10px;font-size:17px;line-height:2}.adj-ii-flow{background:var(--bg-fffaf0);border:1px dashed var(--line-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:var(--bg-ffffff);border:1px solid var(--line-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:var(--fg-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:var(--bg-ffffff);border:1px solid var(--line-f1e4c4);border-radius:20px;padding:18px}.adj-ii-form-card h3{color:var(--text);margin-bottom:10px;font-size:20px;font-weight:800}.adj-ii-jp{color:var(--fg-a16207);text-align:left;margin-bottom:8px;font-size:22px;font-weight:700}.adj-ii-ar{color:var(--adj-text-soft);font-size:15px;line-height:1.8}.adj-ii-summary{background:var(--bg-ffffff);border:1px solid var(--line-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:var(--text);margin-bottom:6px;font-size:16px;line-height:1.9}.formula-list .jp-inline{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif}.formula-list small{color:var(--adj-purple);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:var(--adj-purple);white-space:nowrap;font-family:Tajawal,sans-serif;font-size:14px;font-weight:800}.formula-pattern{color:var(--text);text-align:left;direction:ltr;unicode-bidi:isolate;font-family:Tajawal,sans-serif;font-size:18px;font-weight:700}.formula-pattern .jp-inline{font-family:Noto Sans JP,sans-serif;font-weight:700}.adj-example-line{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.adj-example-tag{white-space:nowrap;font-family:Tajawal,sans-serif;font-weight:800}.adj-example-flow{direction:ltr;flex:1;justify-content:flex-start;align-items:center;display:flex}.adj-example-from,.adj-example-to{color:var(--fg-475467);font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:700;line-height:1.6}.adj-example-arrow{color:var(--fg-9b8cff);font-size:28px;font-weight:900;line-height:1}.adj-example-line{background:var(--adj-bg-soft);border:1px dashed var(--line-e3dcff);border-radius:14px;padding:12px 14px}.adj-example-tag{color:var(--fg-8b7cf6);font-size:12px}.adj-example-flow{gap:10px}.adj-example-from{color:var(--fg-98a2b3);font-weight:600}.adj-example-to{color:var(--fg-475467);font-weight:700}.adj-example-to br{line-height:1.6}.adj-usage-box{flex-direction:column;gap:10px;margin-top:6px;display:flex}.adj-usage-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.adj-usage-label{color:var(--adj-text-soft);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:var(--adj-text-soft);font-size:15px}.adj-usage-line.result{border-top:1px dashed var(--adj-border-strong);margin-top:4px;padding-top:8px}.na-highlight{color:var(--fg-e9a12b);font-weight:800}.adj-question-card{min-width:0;overflow:visible}.q-text{line-break:auto;overflow-wrap:anywhere;white-space:normal;word-break:normal;min-width:0;max-width:100%!important}.q-text .jp,.q-text .jp-inline{overflow-wrap:normal;word-break:keep-all;display:inline;white-space:normal!important}.answer{overflow-wrap:anywhere;text-align:center;min-width:0;white-space:normal!important;width:100%!important;max-width:100%!important}.q-number{margin:0 auto}.te-use-link{color:var(--fg-6b8f71);margin-top:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.te-use-link:hover{color:var(--fg-4f7c5d)}.use-arrow{margin-right:5px;font-size:18px;font-weight:900}.teform-page{padding-bottom:48px}.teform-hero .hero-card{background:linear-gradient(135deg,var(--bg-fffdf8) 0,var(--bg-f7f3ff) 100%);border:1px solid var(--line-ece7f7);box-shadow:0 10px 30px var(--shadow-0f172a-a05);text-align:center;border-radius:28px;margin-top:30px;padding:30px 24px}.teform-hero .hero-badge{background:var(--bg-eef2ff);color:var(--fg-4338ca);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:var(--fg-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:var(--bg-ffffff);border:1px solid var(--line-eaeef5);box-shadow:0 8px 24px var(--shadow-0f172a-a04);border-radius:24px;padding:22px}.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:var(--fg-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(180deg,var(--bg-ffffff) 0,var(--adj-bg-soft) 100%);border:1px solid var(--line-ece7f7);border-radius:20px;padding:18px}.te-use-card h3{margin:0 0 8px;font-size:28px}.te-use-formula{color:var(--fg-4338ca);margin-bottom:10px;font-size:22px;font-weight:700}.te-use-desc{color:var(--fg-64748b);line-height:1.9}.te-mini-example{background:var(--bg-fafafa);border:1px dashed var(--line-e6dfff);border-radius:16px;margin-top:14px;padding:14px}.te-mini-example p{margin:0}.te-mini-example .jp{color:var(--fg-111827);margin-bottom:6px;font-size:20px;font-weight:700}.te-rule-item{background:var(--bg-ffffff);border:1px solid var(--line-eaeef5);border-radius:22px;padding:18px}.rule-soft-purple{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--adj-bg-soft) 100%);border-color:var(--line-e8ddff)}.rule-soft-green{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-f8fffb) 100%);border-color:var(--line-d9efe2)}.rule-soft-blue{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-f8fbff) 100%);border-color:var(--line-dbeafe)}.rule-soft-orange{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-fffaf5) 100%);border-color:var(--line-fde7d4)}.rule-soft-pink{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-fff8fb) 100%);border-color:var(--line-f7d8e6)}.rule-soft-lilac{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--bg-fbf9ff) 100%);border-color:var(--line-e9defd)}.te-rule-head{gap:10px;margin-bottom:14px;display:grid}.te-rule-badge{background:var(--adj-purple-soft);color:var(--adj-purple);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:var(--fg-334155);font-size:18px;line-height:1.9}.te-rule-example{direction:ltr}.te-rule-example p{color:var(--fg-64748b);margin:0;line-height:1.9}.te-rule-example .jp{color:var(--fg-111827);font-weight:700}.te-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.te-special-item{background:var(--bg-ffffff);border:1px solid var(--line-eaeef5);text-align:center;border-radius:20px;padding:20px}.te-special-warning{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--adj-special-bg) 100%);border-color:var(--line-f3d8e3)}.te-special-label{background:var(--adj-purple-soft);color:var(--adj-purple);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{background:var(--bg-fff1f2);color:var(--pink-600)}.te-special-flow{direction:ltr;justify-content:center;align-items:center;gap:10px;font-size:30px;font-weight:800;display:flex}.te-arrow{color:var(--fg-8b82f7);font-size:24px}.te-special-item p{color:var(--fg-64748b);margin:12px 0 0}.te-double-grid{gap:18px;display:grid}.te-practice-section{border-color:var(--adj-na-border)}.teform-page .answer .jp,.teform-page .jp,.teform-page .jp-inline,.teform-page .q-text .jp{direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif}.te-type-intro-card{background:linear-gradient(180deg,var(--bg-ffffff) 0,var(--adj-bg-soft) 100%);border:1px solid var(--line-eaeef5);border-radius:20px;padding:18px}.te-type-intro-card h3{margin:0 0 8px;font-size:28px}.te-type-intro-card p{color:var(--fg-64748b);margin:0;line-height:1.9}.te-old{position:relative}.te-old:after{color:var(--fg-ef4444-a60);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:var(--adj-purple);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(180deg,var(--bg-ffffff) 0,var(--adj-bg-soft) 100%);border:1px solid var(--line-eaeef5);border-radius:18px;padding:18px}.te-ta-mini-card h3{margin:0 0 8px;font-size:24px}.te-ta-formula{color:var(--fg-4338ca);margin:0 0 14px;font-size:24px;font-weight:800}.answer{display:none}.answer.visible{display:block}.te-main-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.te-column{gap:18px;display:grid}.te-example-row{text-align:left;direction:ltr;grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:10px;padding:2px 0;display:grid}.te-example-side{justify-items:center;gap:2px;display:grid}.te-meaning{color:var(--fg-94a3b8);font-size:14px;line-height:1.6}.te-rule-example{background:var(--bg-fafafa);border:1px dashed var(--border);border-radius:16px;gap:16px;margin-top:16px;padding:16px;display:grid}.te-arrow{justify-self:center;margin-inline:2px}.te-godan-column>.te-type-intro-card,.te-ichidan-column>.te-type-intro-card{min-height:220px}.te-special-flow-meaning{text-align:left;direction:ltr;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:10px;display:grid}.te-special-side{justify-items:center;gap:2px;display:grid}.te-special-side .te-meaning{color:var(--fg-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{background:var(--bg-f8fafc);border:1px solid var(--line-0f172a-a08);white-space:nowrap;border-radius:999px;justify-content:center;align-items:end;gap:4px;padding:4px 8px;display:inline-flex}.jp-date-exceptions b{color:var(--text)}.inner-page{min-height:100vh}.page-hero{text-align:center;padding:80px 20px 34px}.page-hero-soft{position:relative}.page-hero-soft:before{background:radial-gradient(circle at top left,var(--bg-ffb6c1-a10),transparent 28%),radial-gradient(circle at top right,var(--bg-add8e6-a12),transparent 30%);content:"";pointer-events:none;position:absolute;inset:0}.page-hero .container{z-index:1;position:relative}.hero-badge{background:var(--bg-ffffff);box-shadow:0 8px 20px var(--shadow-000000-a05);color:var(--fg-1d2340);border-radius:999px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}.page-hero h1{color:var(--fg-141936);margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.hero-lead{color:var(--fg-2b3150);max-width:820px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:2}.page-section{padding:26px 20px 70px}.cards-grid{gap:24px;display:grid}.info-card,.resource-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--bg-ffffff-a88);border:1px solid var(--line-ffffff-a65);box-shadow:0 14px 35px var(--shadow-000000-a06);border-radius:28px;padding:28px 24px}.hover-card{transition:transform .25s,box-shadow .25s}.hover-card:hover{box-shadow:0 18px 38px var(--shadow-000000-a09);transform:translateY(-5px)}.encourage-box h3,.info-card h2,.resource-card h2{color:var(--fg-141936);margin:0 0 14px;line-height:1.4}.encourage-box p,.info-card p,.note-box p,.resource-card p{color:var(--fg-2d3452);margin:0;font-size:18px;line-height:2}.clean-list{color:var(--fg-2d3452);margin:0;padding-right:20px;line-height:2}.encourage-box,.note-box{background:var(--bg-ffffff-a82);box-shadow:0 12px 30px var(--shadow-000000-a05);border-radius:28px;margin-bottom:28px;padding:24px}.soft-box{margin-top:28px}.step{box-shadow:none}.contact-grid{grid-template-columns:.9fr 1.2fr;gap:24px;display:grid}.contact-form .form-group{margin-bottom:18px}.contact-form label{color:var(--fg-141936);margin-bottom:8px;font-weight:700;display:block}.contact-form input,.contact-form textarea{background:var(--bg-ffffff);border:1px solid var(--line-ddd6d6);color:var(--fg-1e2340);font:inherit;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:var(--line-c9b6ba);box-shadow:0 0 0 4px var(--shadow-c9b6ba-a14);outline:none}.btn-primary{background:var(--bg-20264a);box-shadow:0 8px 18px var(--shadow-20264a-a12);color:var(--fg-ffffff);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:hover{transform:translateY(-2px)}.btn-full{width:100%}.step{background:var(--bg-f5efef);border:1px solid var(--line-e7dede);color:var(--fg-2a2f4a);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}body>main>section.page-section>div>div>h2{margin-bottom:50px}.hide{display:none}.resource-card{height:100%}.resource-card .card-header{align-items:center;gap:12px;min-height:72px;margin-bottom:12px;display:flex}.resource-card .card-header h2{margin:0}.resource-card>p{min-height:88px;margin:0 0 16px;line-height:1.9}.resource-links{margin-top:0}.resource-links a{min-height:44px}.resource-card small{min-height:52px;margin-top:18px;line-height:1.8;display:block}.contact-side-card{flex-direction:column;gap:18px;display:flex}.side-intro{color:var(--fg-3b4262);margin:0;line-height:2}.contact-help-list{color:var(--fg-2d3452);margin:0;padding-right:18px;line-height:2.1}.contact-help-list li{margin-bottom:6px}.contact-tip-box{background:var(--bg-f7f3f3);border:1px solid var(--line-eee3e3);border-radius:20px;padding:18px}.contact-tip-box h3{color:var(--fg-1d2342);margin:0 0 10px;font-size:1.1rem}.contact-tip-box p{color:var(--fg-4a516f);margin:0;line-height:1.9}.contact-mini-note{background:var(--bg-fbf8f8);border:1px dashed var(--line-e5dcdc);border-radius:18px;padding:16px 18px}.contact-mini-note strong{color:var(--fg-1d2342);margin-bottom:8px;display:block}.contact-mini-note p{color:var(--fg-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{background:var(--bg-e8f8f0);border:1px solid var(--line-b7e4c7);color:var(--fg-1f6b3b);margin-top:15px;display:block}.form-status.error{background:var(--bg-fdecec);border:1px solid var(--line-f5c2c2);color:var(--fg-a23a3a);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:var(--bg-ffffff-a90);box-shadow:0 14px 35px var(--shadow-000000-a05);border-radius:28px;margin-bottom:24px;padding:26px 28px}.about-highlight p{color:var(--fg-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:var(--fg-2d3452);font-size:18px;line-height:2.2}.about-card .clean-list{margin:0}.about-cta-box{flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.about-cta-text{flex:1}body>main>section.page-section>div>div.encourage-box.about-cta-box>div>div{justify-content:center}.about-cta-text h3{margin:0 0 10px}.about-cta-text p{text-align:center;margin:0;line-height:2}.card-header h2{margin:0;line-height:1.4}body>main>section.page-section>div>div>p{text-align:center}.tip-header h2,.tip-header h3{margin:0;line-height:1.6}.tip-header h3{line-height:1.6}.tip-icon-img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.page-hiragana{background:radial-gradient(circle at top right,var(--bg-f472b6-a08),transparent 24%),radial-gradient(circle at top left,var(--bg-a78bfa-a08),transparent 28%),linear-gradient(180deg,var(--bg-f7fbf9),var(--bg-ffffff) 35%,var(--adj-special-bg))}.hira-page{padding-bottom:48px}.hira-hero .hero-card{background:linear-gradient(135deg,var(--bg-fffdf8) 0,var(--bg-f7f3ff) 100%);border:1px solid var(--line-ece7f7);box-shadow:0 10px 30px var(--shadow-0f172a-a05);text-align:center;border-radius:28px;margin-top:30px;padding:30px 24px}.hira-hero .hero-badge{background:var(--bg-eef2ff);color:var(--fg-4338ca);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:var(--fg-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:var(--bg-ffffff-a82);border:1px solid var(--line-ebe7f5);box-shadow:0 8px 24px var(--shadow-0f172a-a04);border-radius:20px;padding:16px}.hira-stat strong{color:var(--fg-1f2937);font-size:24px;font-weight:800;display:block}.hira-stat span{color:var(--fg-64748b);margin-top:6px;font-size:14px;display:block}.hira-layout{gap:24px;margin-top:26px;display:grid}.hira-section-card{background:var(--bg-ffffff);border:1px solid var(--line-eaeef5);box-shadow:0 8px 24px var(--shadow-0f172a-a04);border-radius:24px;padding:22px}.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:var(--fg-64748b);margin:0;font-size:16px;line-height:1.9}.hira-section-badge{background:var(--bg-eef2ff);color:var(--fg-4338ca);border-radius:999px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.hira-section-badge.soft-purple{background:var(--bg-f5f3ff);color:var(--fg-6d28d9)}.hira-section-badge.soft-pink{background:var(--bg-fff1f2);color:var(--fg-be185d)}.hira-section-badge.soft-green{background:var(--bg-ecfdf5);color:var(--fg-047857)}.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(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ebe7f5);box-shadow:0 8px 22px var(--shadow-0f172a-a04);border-radius:22px;padding:18px}.card-header{gap:12px;margin-bottom:12px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(145deg,var(--bg-ffffff),var(--bg-f3f0f0));box-shadow:0 6px 14px var(--shadow-000000-a08),inset 0 1px 2px var(--shadow-ffffff-a60);border-radius:16px;flex-shrink:0;justify-content:center;width:52px;height:52px;margin-bottom:16px}.card-icon img{filter:drop-shadow(0 2px 0 var(--shadow-000000-a15)) drop-shadow(0 5px 8px var(--shadow-000000-a18));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:var(--fg-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{background:radial-gradient(circle at top right,var(--bg-8b5cf6-a10),transparent 38%),linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ebe7f5);box-shadow:0 10px 24px var(--shadow-0f172a-a05);cursor:pointer;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}.hira-card:hover,.kana-mini-card:hover{border-color:var(--line-d8cff3);box-shadow:0 16px 30px var(--shadow-0f172a-a08);transform:translateY(-4px)}.hira-card:before{background:linear-gradient(180deg,var(--bg-c084fc),var(--bg-f9a8d4));content:"";bottom:0;opacity:.95;inset-inline-end:0;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{background:var(--bg-ffffff);border:1px solid var(--line-e9def8);box-shadow:0 6px 16px var(--shadow-0f172a-a05);cursor:pointer;border-radius:14px;flex-shrink:0;width:38px;height:38px;font-size:16px}.hira-play-btn:hover{background:var(--bg-faf7ff)}.hira-char{color:var(--fg-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:var(--fg-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:var(--bg-f8fafc);border:1px solid var(--line-ebe7f5);border-radius:999px;gap:8px;margin-bottom:18px;padding:6px;display:inline-flex}.kana-switch-btn{color:var(--fg-64748b);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 14px;font-family:inherit;font-weight:700}.kana-switch-btn.active{background:var(--bg-ffffff);box-shadow:0 6px 16px var(--shadow-0f172a-a06);color:var(--fg-5b3df5)}.kana-panel{display:none}.kana-panel.active{display:block}.kana-mini-card{background:linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ebe7f5);box-shadow:0 8px 20px var(--shadow-0f172a-a04);cursor:pointer;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}.kana-mini-card .jp{color:var(--fg-1f2937);font-family:Noto Sans JP,sans-serif;font-size:34px;line-height:1}.kana-mini-card small{color:var(--fg-5b3df5);font-size:21px;font-weight:800}.mini-sound-btn{background:var(--bg-ffffff-a95);border:1px solid var(--line-e8dcfa);box-shadow:0 6px 16px var(--shadow-0f172a-a05);border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;display:grid;position:absolute;top:10px;left:10px}.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{background:var(--bg-faf7ff);border:1px solid var(--line-ece7f7);color:var(--fg-1f2937);border-radius:14px;margin-top:10px;padding:10px 12px;line-height:1.8}.study-note-list{color:var(--fg-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:var(--bg-faf7ff);border:1px solid var(--line-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(180deg,var(--adj-bg-soft),var(--bg-faf7ff));border:1px solid var(--line-e9e1fa);box-shadow:0 8px 20px var(--shadow-0f172a-a03);border-radius:20px;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.practice-row strong{background:var(--bg-f3e8ff);color:var(--fg-6d28d9);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(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ebe7f5);border-radius:22px;padding:18px}.note-box p{color:var(--fg-64748b);margin:0;line-height:1.9}.sr-only{clip:rect(0,0,0,0);height:1px;position:absolute;overflow:hidden;white-space:nowrap!important;border:0!important;width:1px!important;margin:-1px!important;padding:0!important}.kana-modal{z-index:9999}.kana-modal.hidden{display:none}.kana-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-0f172a-a58)}.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{box-shadow:0 18px 40px var(--shadow-0f172a-a22);object-fit:contain;width:auto;max-width:min(88vw,720px);height:auto;max-height:82vh;display:block}.kana-gif-close{background:var(--bg-000000);border:3px solid var(--line-ffffff);box-shadow:0 10px 24px var(--shadow-0f172a-a24);color:var(--fg-ffffff);cursor:pointer;z-index:5;border-radius:999px;place-items:center;width:54px;height:54px;font-size:24px;line-height:1;display:grid;position:absolute;top:-18px;right:-18px}body.modal-open{overflow:hidden}.kana-mini-card{pointer-events:none}.kana-mini-card .mini-sound-btn{pointer-events:auto}.next-step-box{border-top:1px dashed var(--border);text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.next-step-text{color:var(--fg-555555);max-width:600px;font-size:15px;line-height:1.8}.next-step-text span{color:var(--fg-7c5cff);font-weight:600}.next-step-btn{background:linear-gradient(135deg,var(--bg-8b5cf6),var(--bg-ec4899));box-shadow:0 6px 18px var(--shadow-7c5cff-a25);color:var(--fg-ffffff);border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.next-step-btn:hover{box-shadow:0 10px 25px var(--shadow-7c5cff-a35);transform:translateY(-2px)}.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 top right,var(--bg-818cf8-a09),transparent 24%),radial-gradient(circle at top left,var(--bg-ec4899-a06),transparent 28%),linear-gradient(180deg,var(--bg-f7fbff),var(--bg-ffffff) 35%,var(--adj-special-bg))}.page-katakana .next-step-box{border-top:1px dashed var(--border);text-align:center;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:var(--fg-64748b);max-width:700px;margin:0;font-size:16px;line-height:1.9}.page-katakana .next-step-text span{color:var(--fg-7c5cff);font-weight:700}.page-katakana .next-step-btn{background:linear-gradient(135deg,var(--bg-8b5cf6),var(--bg-ec4899));box-shadow:0 8px 22px var(--shadow-7c5cff-a25);color:var(--fg-ffffff);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}.page-katakana .next-step-btn:hover{box-shadow:0 12px 28px var(--shadow-7c5cff-a35);transform:translateY(-2px)}.hira-panel{display:none}.hira-panel.active{display:block}@keyframes drawStroke{to{stroke-dashoffset:0}}body>main>section.container.hira-layout>section:nth-child(5)>div.hira-notes-grid>article:nth-child(3)>div.card-header>div,body>main>section.container.hira-layout>section:nth-child(6)>div.hira-notes-grid>article:nth-child(3)>div.card-header>div{font-size:16px}.compact-rule-note{background:linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ebe7f5);box-shadow:0 8px 22px var(--shadow-0f172a-a04);border-radius:24px;margin:18px 0 20px;padding:20px}.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:var(--fg-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:var(--bg-ffffff);border:1px solid var(--line-ebe7f5);border-radius:20px;padding:16px}.rule-compare-card.good{background:linear-gradient(180deg,var(--bg-faf8ff),var(--bg-ffffff));border-color:var(--line-ddd2fb)}.rule-compare-card.plain{background:linear-gradient(180deg,var(--bg-fbfbfb),var(--bg-ffffff))}.rule-compare-card h4{color:var(--fg-1f2937);margin:0 0 10px;font-size:17px}.rule-big-example{background:var(--bg-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:var(--fg-5b3df5);font-size:24px}.rule-compare-card p{color:var(--fg-64748b);margin:0;line-height:1.8}.rule-mini-note{background:var(--bg-f9fafb);border:1px dashed var(--line-d9dbe7);color:var(--fg-475569);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{background:var(--bg-faf8ff);border:1px solid var(--line-e6ddfb);color:var(--fg-1f2937);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:var(--fg-5b3df5)}.rule-final-tip{background:var(--bg-fff7ed);border:1px solid var(--line-fed7aa);color:var(--fg-7c2d12);border-radius:16px;padding:14px 16px;line-height:1.9}.resources-section{margin-top:40px}.section-badge{margin-bottom:10px}.resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.resource-card{background:linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ece7f7);box-shadow:0 10px 28px var(--shadow-0f172a-a04);border-radius:28px;flex-direction:column;min-height:100%;padding:26px;display:flex}.resource-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.resource-top h3{margin:0;font-size:22px}.resource-icon{background:var(--bg-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 0 var(--shadow-000000-a15)) drop-shadow(0 6px 10px var(--shadow-000000-a18));width:70%;height:70%;display:block}.resource-desc{color:var(--fg-64748b);margin:0 0 20px;font-size:16px;line-height:2}.resource-links{flex-direction:column;gap:14px;display:flex}.resource-links a{background:var(--bg-f8f7fc);color:var(--fg-374151);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:var(--bg-f3f0fb);box-shadow:0 8px 18px var(--shadow-0f172a-a06);transform:translateY(-2px)}.resource-links span{background:var(--bg-ede9fe);color:var(--fg-6d28d9);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.resource-footer{color:var(--fg-64748b);margin-top:auto;padding-top:18px;font-size:15px;line-height:1.9}.exercises-hero .hero-badge{background:var(--bg-eef2ff);color:var(--fg-4f46e5)}.exercises-layout{flex-direction:column;gap:24px;display:flex}.exercises-toolbar-top p{line-height:1.9}.section-badge{background:var(--bg-f5f3ff);color:var(--fg-6d28d9);padding:8px 14px;font-weight:700}.exercise-filters{flex-direction:column;gap:18px;margin-top:24px;display:flex}.exercise-files-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;display:grid}.exercise-file-card{background:linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ece7f7);box-shadow:0 10px 28px var(--shadow-0f172a-a04);border-radius:28px;flex-direction:column;min-height:100%;padding:24px;display:flex}.file-card-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.file-icon{background:var(--bg-faf8ff);border:1px solid var(--line-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.level{background:var(--bg-ecfeff);color:var(--fg-0f766e)}.exercise-file-card h3{margin:0;font-size:22px;line-height:1.5}.file-description{color:var(--fg-64748b);margin:0 0 16px;font-size:15px;line-height:1.9}.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{background:linear-gradient(135deg,var(--bg-8b5cf6),var(--bg-ec4899));box-shadow:0 8px 20px var(--shadow-7c5cff-a25);color:var(--fg-ffffff)}.file-btn.primary:hover{transform:translateY(-2px)}.file-btn.secondary{background:var(--bg-f8f7fc);border:1px solid var(--line-e7def7);color:var(--fg-374151)}.file-btn.secondary:hover{background:var(--bg-f3f0fb)}.exercise-empty-state{width:100%}.exercise-empty-state.hidden{display:none}.empty-card{background:var(--bg-ffffff);border:1px dashed var(--line-ddd6fe);text-align:center;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:var(--fg-64748b);margin:0;line-height:1.9}.exercises-page .container,.page-exercises .container{max-width:1280px}.exercises-hero .hero-card{text-align:center;max-width:1100px;margin:0 auto;padding:34px 28px}.exercises-hero .hero-card h1{margin:10px 0 14px;font-size:clamp(30px,5vw,50px);line-height:1.2}.exercises-hero .hero-card p{text-align:center;max-width:980px;margin:0 auto;font-size:18px;line-height:2}.exercises-layout{max-width:1100px;margin:0 auto}.exercises-toolbar-card{width:100%;margin-top:35px}.exercises-toolbar-top{text-align:center}.exercises-toolbar-top h2{margin:12px 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.25}.exercises-toolbar-top p{text-align:center;max-width:760px;margin:0 auto}.exercises-toolbar-card{background:linear-gradient(180deg,var(--bg-ffffff),var(--adj-bg-soft));border:1px solid var(--line-ece7f7);box-shadow:0 10px 28px var(--shadow-0f172a-a04);border-radius:28px;padding:28px 24px}.exercises-toolbar-top p{margin-bottom:40px}.filter-group{flex-direction:column;align-items:center;gap:10px;display:flex}.filter-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.filter-chip{background:var(--bg-ffffff);border:1px solid var(--line-e7def7);color:var(--fg-475569);cursor:pointer;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:var(--bg-faf8ff);border-color:var(--line-d9cff3);transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,var(--bg-8b5cf6),var(--bg-ec4899));box-shadow:0 8px 20px var(--shadow-7c5cff-a25);border-color:#0000}.exercise-results-bar{text-align:center;margin-top:22px;padding-top:16px}.exercise-results-bar p{color:var(--fg-64748b);margin:0;font-size:15px;font-weight:600}.filter-label{color:var(--fg-64748b);font-size:14px;font-weight:700}.exercise-results-bar{border-top:1px dashed var(--line-e9e6f5)}.search-results{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.search-results>.card{grid-column:span 4}img{pointer-events:none}.section-title{text-align:center;margin:0 0 8px;font-weight:800;font-size:clamp(24px,3vw,30px)!important}.section-subtitle{color:var(--muted);text-align:center;max-width:760px;margin:0 auto 26px;line-height:1.9;font-size:18px!important}.formation-section{margin-top:12px}.formation-section-head{color:var(--text);margin-bottom:12px;font-size:1.05rem}.formation-table-wrap{-webkit-overflow-scrolling:touch;background:var(--bg-ffffff);border:1px solid var(--border);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{background:var(--bg-f8fafc);border-bottom:1px solid var(--border);color:var(--text);text-align:right;vertical-align:middle;white-space:normal;padding:16px 18px;font-weight:800;line-height:1.7}.formation-table td{border-bottom:1px solid var(--line-f1f5f9);color:var(--fg-334155);text-align:right;vertical-align:top;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:var(--fg-7c8798);margin-top:4px;font-size:.84em;line-height:1.55;display:block}.formation-cards-mobile{display:none}.sound-btn{background:var(--bg-ffffff);border:1px solid var(--line-d9ddee);box-shadow:0 4px 14px var(--shadow-0f172a-a06);cursor:pointer;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}.sound-btn:hover{border-color:var(--line-b8c4ff);box-shadow:0 8px 18px var(--shadow-0f172a-a10);transform:translateY(-1px)}.sound-btn:active{transform:scale(.96)}.card.card--study{position:relative}.vocab-sound-btn{top:18px}.detail-sound-btn,.vocab-sound-btn{z-index:2;position:absolute;left:18px}.detail-sound-btn{margin-block:auto;top:0;bottom:0}.vocab-detail-head{position:relative}#list>article>div.card-body>div{flex-direction:column-reverse;align-items:center}#list>article>div.card-body>div>div{text-align:center;align-items:center}.search-page #list article h3{text-align:center!important}.search-page #list article h3 .g-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;width:100%!important}.search-page #list article .card-title-main,.search-page #list article .card-title-sub,.search-page #list article h3 .g-ar,.search-page #list article h3 .g-jp{text-align:center;width:100%!important}.search-page #list article[data-type=grammar] .card-body,.search-page #list article[data-type=grammar] .card-body>div,.search-page #list article[data-type=grammar] .card-body>div>div{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:auto!important;display:flex!important}.search-page #list article[data-type=grammar] .card-desc,.search-page #list article[data-type=grammar] p{min-height:unset!important}.search-page #list article[data-type=grammar] .actions{margin-top:12px}.page-materials .page-hero{padding-bottom:10px}.navlinks a.mobile-start-link{display:none}.about-highlight{text-align:center;flex-direction:column;align-items:center;display:flex}.about-highlight,.about-highlight .card-header{justify-content:center}.about-lead{color:var(--muted);max-width:850px;padding-bottom:20px;font-size:22px;line-height:2}.about-points{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:0 auto;display:grid}.about-points div{background:var(--bg-f7f5ff-a75);border:1px solid var(--line-7c6ff0-a12);border-radius:18px;padding:18px 16px}.about-points strong{color:var(--ink);margin-bottom:8px;font-size:18px;display:block}.about-points span{color:var(--muted);line-height:1.8;display:block}.reading-block{flex-direction:column;align-items:center;display:flex}.reading-row{display:inline-block;position:relative}.reading-row span{text-align:center;display:block}.reading-eye-btn{cursor:pointer;background:0 0;border:none;margin:0;padding:0;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.reading-eye-btn img{opacity:.75;width:25px;height:25px;display:block}.reading-eye-btn:hover img{opacity:1}.romaji-line{color:gray;text-align:center;direction:ltr;margin-top:9px;margin-bottom:10px;font-family:Noto Sans,sans-serif;font-size:1.15rem;font-style:italic}.romaji-line.hidden{display:none}.kanji-detail-page .romaji-line,.numbers-page .romaji-line,.page-grammar-detail .romaji-line,.vocab-detail-page .romaji-line{color:gray;margin-top:0;font-size:1rem}.example .reading-block{align-items:flex-start;width:100%}.example .reading-row{align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:static}.example .reading-row span{overflow-wrap:anywhere;text-align:left;word-break:break-word;flex:0 auto;min-width:0}.example .reading-eye-btn{flex-shrink:0;margin-top:5px;position:static;transform:none}.example .romaji-line{text-align:left;margin-top:6px;margin-bottom:10px}.numbers-page .num-examples .reading-block{align-items:flex-end}.numbers-page .num-examples .reading-row{flex-direction:row-reverse;align-items:center;gap:8px;display:flex;position:relative}.numbers-page .num-examples .reading-row span{text-align:left}.numbers-page .num-examples .reading-eye-btn{margin:0;position:static;transform:none}.numbers-page .romaji-line{color:gray;margin-top:6px;font-size:18px}.section-card{background:var(--bg-ffffff);border:1px solid var(--line-e3e7ec);box-shadow:0 8px 22px var(--shadow-142337-a06);border-radius:22px;margin:28px 0;padding:24px}.grammar-section-toggle{cursor:pointer;text-align:right;direction:rtl;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:22px;font-family:inherit;display:flex}.grammar-section-title-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;min-width:0;display:flex}.grammar-section-jp{color:var(--fg-1f2f66);direction:ltr;unicode-bidi:isolate}.grammar-section-ar,.grammar-section-jp{font-size:1.35rem;font-weight:600;line-height:1.4}.grammar-section-ar{color:var(--fg-111827)}.grammar-section-arrow{color:var(--fg-64748b);flex:none;font-size:1rem}.section-block{margin-top:24px}.grammar-section-body{display:block}.section-card.collapsed .grammar-section-body{display:none}.section-card.collapsed .grammar-section-arrow{transform:rotate(-90deg)}.section-card.collapsed{padding:18px 24px}.section-card.collapsed .grammar-section-toggle{margin-bottom:0}.grammar-section-toggle{background:0 0;border:0;padding:0}.grammar-section-title-wrap{flex:1}@media (width<=980px){.verb-compare-grid,.verb-groups-grid{grid-template-columns:1fr}}@media (width<=850px){.verb-hero .hero-card{border-radius:22px;padding:22px 18px}.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:20px;padding:18px}}@media (width<=720px){.verb-vowel-table td,.verb-vowel-table th{min-width:72px;font-size:16px}}@media (width<=1023px){.js-eq-change,.js-eq-examples,.js-eq-know,.js-eq-top{min-height:auto}}@media (width<=900px){.verb-table-desc{font-size:15px}.verb-cell-jp,.verb-vowel-table th{font-size:16px}.verb-cell-ar{font-size:13px}.verb-vowel-label-main{font-size:21px}.verb-vowel-label-sub{font-size:14px}}@media (width<=1023px){.verb-practice-answer,.verb-practice-question{text-align:right}.verb-compare-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{padding:24px 20px}.verb-groups-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.verb-group-card{min-height:auto}.verb-group-title{font-size:26px}.verb-group-jp{font-size:22px}.verb-table-head h3{font-size:26px}.verb-table-jp{font-size:22px}}@media (width<=992px){.verb-intro-card{text-align:right;padding:22px 18px}.verb-intro-card h2{font-size:34px;line-height:1.35}.verb-intro-jp{font-size:22px}.intro-list li{font-size:16px;line-height:1.9}.verb-groups-grid{gap:18px}.verb-group-card{padding:22px 18px}.js-eq-change,.js-eq-examples,.js-eq-know,.js-eq-top,.verb-group-top{min-height:auto!important}.verb-mini-grid{gap:12px}.verb-table-card{padding:22px 18px}.verb-type-tag{align-self:flex-start}.verb-table-head h3{font-size:24px}.verb-table-jp{font-size:20px}.verb-table-notes h4{font-size:18px}.verb-practice-answer-side,.verb-practice-button-side,.verb-practice-number-side,.verb-practice-question-side{justify-content:flex-start}.verb-practice-question-side{flex-direction:row-reverse;gap:12px}.verb-practice-answer,.verb-practice-question{text-align:right}}@media (width<=768px){.verb-compare-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:22px;padding:18px 14px}.verb-intro-card h2{font-size:28px}.verb-intro-jp{font-size:19px}.intro-list li{padding-right:16px;font-size:15px;line-height:1.85}.verb-group-title{font-size:24px}.verb-group-jp{font-size:20px}.steps-list li,.verb-bullet-list li,.verb-group-summary{font-size:15px;line-height:1.9}.verb-mini-example{min-height:auto}.verb-vowel-table th{padding:14px 10px;font-size:16px}.verb-cell-jp{font-size:16px}.verb-cell-ar{font-size:13px;line-height:1.8}}@media (width<=480px){.verb-intro-card h2{font-size:24px}.verb-group-title,.verb-table-head h3{font-size:21px}.verb-group-jp,.verb-table-jp{font-size:18px}.verb-badge,.verb-type-tag{padding:6px 12px;font-size:12px}.verb-practice-question-side{flex-direction:row-reverse;gap:10px}}@media (width<=992px){.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{padding:20px 16px}.verb-groups-grid{grid-template-columns:1fr!important}.verb-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verb-table-head{flex-direction:column;align-items:flex-start;gap:10px;display:flex}}@media (width<=768px){.verb-compare-card,.verb-group-card,.verb-intro-card,.verb-practice-card,.verb-table-card,.verb-warning-card{border-radius:22px;padding:16px 14px}.verb-group-title,.verb-intro-card h2,.verb-table-head h3{font-size:24px;line-height:1.35}.verb-group-jp,.verb-intro-jp,.verb-table-jp{font-size:18px}.verb-table{min-width:520px}}@media (width<=480px){.verb-table{min-width:480px}.verb-group-title,.verb-intro-card h2,.verb-table-head h3{font-size:21px}}@media (width>=1024px){.verb-mini-jp{font-size:clamp(20px,1vw,22px)}.verb-practice-list{flex-direction:column}.verb-practice-question-side{justify-content:flex-start}}@media (width<=1023px){.verb-practice-item,.verb-practice-list{flex-direction:column}.verb-practice-number-side{flex:none}.verb-practice-question-side{flex:auto}.verb-practice-button-side{margin-top:4px!important}}@media (width<=768px){.verb-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.verb-table,.verb-vowel-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:520px}.verb-table td,.verb-table th,.verb-vowel-table td,.verb-vowel-table th{text-align:center;vertical-align:top;min-width:0;width:20%!important;padding:10px 4px!important}.verb-table th,.verb-vowel-table th{font-size:15px;line-height:1.2}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-vowel-table td .verb-base,.verb-vowel-table td .verb-cell-jp,.verb-vowel-table td .verb-changed,.verb-vowel-table td .verb-ending{letter-spacing:0;font-weight:700;line-height:1.15;display:inline;font-size:12px!important}.verb-table td .verb-cell-jp,.verb-vowel-table td .verb-cell-jp{word-break:keep-all;direction:ltr;unicode-bidi:isolate;white-space:normal!important}.verb-table td .verb-cell-ar,.verb-table td div:not(.verb-cell-jp),.verb-table td small,.verb-vowel-table td .verb-cell-ar,.verb-vowel-table td div:not(.verb-cell-jp),.verb-vowel-table td small{line-height:1.45;font-size:11px!important}}@media (width<=480px){.verb-table,.verb-vowel-table{min-width:460px}.verb-table td,.verb-table th,.verb-vowel-table td,.verb-vowel-table th{padding:8px 3px!important}.verb-table th,.verb-vowel-table th{font-size:14px}.verb-table td .verb-base,.verb-table td .verb-cell-jp,.verb-table td .verb-changed,.verb-table td .verb-ending,.verb-vowel-table td .verb-base,.verb-vowel-table td .verb-cell-jp,.verb-vowel-table td .verb-changed,.verb-vowel-table td .verb-ending{line-height:1.1;font-size:11px!important}.verb-table td .verb-cell-ar,.verb-table td div:not(.verb-cell-jp),.verb-table td small,.verb-vowel-table td .verb-cell-ar,.verb-vowel-table td div:not(.verb-cell-jp),.verb-vowel-table td small{line-height:1.35;font-size:10px!important}}@media (width<=768px){.verb-practice-answer{margin-inline:auto}.scroll-top-btn{width:46px;height:46px;font-size:18px;bottom:18px;left:18px}}@media (width<=900px){.basics-hero h1{font-size:30px}.basics-grid{grid-template-columns:1fr}.basics-card{min-height:220px;padding:22px}.basics-card h3{font-size:28px}.basics-card p{font-size:17px}}@media (width<=1100px){.adj-hero h1{font-size:34px}.adj-hero p{font-size:17px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:25px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:22px}.adj-question-card{grid-template-columns:52px minmax(220px,1.5fr) 150px minmax(150px,1fr);gap:16px}.answer,.q-text{font-size:17px}.show-answer-btn{min-width:130px;font-size:15px}}@media (width<=900px){.adj-conjugation-grid,.adj-example-grid,.adj-special-grid,.adj-types-grid,.adj-usage-grid{grid-template-columns:1fr}.adj-hero h1{font-size:30px}.adj-hero p{font-size:16px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:23px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:20px}.adj-ar-desc,.adj-card-top p,.adj-example-ar.big,.adj-section-title-wrap p,.adj-special-sub,.adj-type-desc{font-size:15px}.adj-special-text.strong{font-size:17px}.adj-steps li{font-size:15px}.adj-example-jp{white-space:normal;font-size:18px}.adj-question-card{grid-template-columns:1fr;gap:12px;padding:18px 16px}.q-number{grid-column:auto;justify-self:end;width:40px;min-width:40px;height:40px;font-size:20px}.q-text{grid-column:auto;font-size:16px}.show-answer-btn{grid-column:auto;justify-self:center;min-width:140px;font-size:15px}.answer{grid-column:auto;font-size:16px}}@media (width<=640px){.adjectives-page{padding:20px 0 36px}.adj-hero,.adj-practice-section,.adj-section-card,.adj-special-case-card{border-radius:22px;padding:18px}.adj-conjugation-card,.adj-example-card,.adj-special-item,.adj-type-card,.adj-usage-card{border-radius:18px;padding:15px}.adj-hero h1{font-size:26px}.adj-hero p{font-size:15px}.adj-practice-section h2,.adj-section-title-wrap h2,.adj-special-head h2{font-size:21px}.adj-conjugation-card h3,.adj-type-card h3,.adj-usage-card h3{font-size:18px}.adj-ar-desc,.adj-card-top p,.adj-example-ar.big,.adj-section-title-wrap p,.adj-special-sub,.adj-type-desc{font-size:14px}.adj-chip{min-height:36px;padding:6px 12px;font-size:15px}.adj-form-head{flex-direction:column;align-items:flex-start}.adj-form-item h4{font-size:17px}.adj-steps{padding-right:18px}.adj-steps li{font-size:14px}.adj-example-jp{font-size:16px}.q-text{font-size:15px}.show-answer-btn{padding:10px 16px;font-size:14px}.answer{font-size:15px}}@media (width<=1100px){.verb-practice-item{grid-template-columns:52px minmax(220px,1.5fr) 150px minmax(150px,1fr);gap:16px!important}.verb-practice-answer,.verb-practice-question{font-size:17px!important}.verb-answer-toggle{min-width:130px;font-size:15px!important}.verb-practice-number{min-width:42px;height:42px;width:42px!important;font-size:20px!important}}@media (width<=768px){.verb-practice-answer,.verb-practice-question{font-size:16px!important}.verb-answer-toggle{min-width:140px;font-size:15px!important}.verb-practice-number{min-width:40px;height:40px;width:40px!important}}@media (width<=480px){.verb-practice-answer,.verb-practice-question{font-size:15px!important}.verb-answer-toggle{padding:10px 16px!important;font-size:14px!important}}@media (width<=1023px){.verb-practice-item{text-align:center;grid-template-columns:1fr;gap:12px!important;padding:18px 16px!important}.verb-practice-number-side,.verb-practice-question-side{grid-column:auto;justify-content:center}.verb-practice-question-side{display:flex}.verb-practice-answer-side,.verb-practice-button-side{grid-column:auto;justify-content:center}.verb-practice-answer-side{display:flex}.verb-practice-number{justify-self:center;margin:0 auto!important}.verb-practice-question{overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%;min-width:0;max-width:100%}.verb-answer-toggle{align-self:center;margin:0 auto!important}.verb-practice-answer{text-align:center;white-space:normal;width:100%;min-width:0;max-width:100%}}@media (width<=900px){.adj-ii-forms{grid-template-columns:1fr}.adj-ii-head h2{font-size:24px}.adj-ii-intro{font-size:16px}.adj-ii-jp{font-size:20px}}@media (width<=640px){.adj-ii-note-card{border-radius:20px;padding:18px}.adj-ii-head h2{font-size:21px}.adj-ii-ar,.adj-ii-intro,.adj-ii-summary li{font-size:14px}.adj-ii-jp{font-size:18px}.adj-ii-flow{padding:12px}.formula-list li{gap:10px;font-size:15px}.formula-label{font-size:12px}.adj-example-line{flex-direction:column;align-items:flex-start}.adj-example-flow{flex-wrap:wrap;justify-content:flex-start;width:100%}.adj-example-from,.adj-example-to{font-size:17px}.adj-usage-jp-wrap,.adj-usage-line{align-items:flex-start}.adj-usage-jp-wrap{flex-direction:column;gap:4px}.adj-usage-jp-wrap .jp,.adj-usage-line.result .jp{font-size:16px}.adj-usage-meaning{font-size:14px}}@media (width<=1023px){.adj-question-card,.q-number{text-align:center}.show-answer-btn{align-self:center}.answer{margin:0 auto}.adj-question-card{min-width:0;overflow:visible}.q-text{overflow-wrap:anywhere;text-align:center;min-width:0;white-space:normal!important;width:100%!important;max-width:100%!important}}@media (width<=1024px){.te-double-grid,.te-special-grid,.te-uses-grid{grid-template-columns:1fr}.teform-hero h1{font-size:34px}.te-section-title-wrap h2{font-size:26px}.te-rule-head h3,.te-use-card h3{font-size:22px}}@media (width<=640px){.te-card,.teform-hero .hero-card{border-radius:22px;padding:18px}.te-rule-example p,.te-section-title-wrap p,.te-steps li,.teform-hero p{font-size:15px}}@media (width<=1024px){.te-main-columns,.te-ta-explain{grid-template-columns:1fr}}@media (width<=980px){.contact-grid{grid-template-columns:1fr}}@media (width<=700px){.page-hero{padding-top:64px}.encourage-box,.info-card,.note-box,.resource-card{border-radius:22px;padding:22px 18px}.step{text-align:center;width:100%}}@media (width<=900px){.cards-grid-about{grid-template-columns:1fr}.about-cta-box{flex-direction:column}}@media (width<=768px){.page-section{padding:0}.card-header h2{font-size:1.5rem;line-height:1.3}.encourage-box{border-radius:22px;padding:20px 18px}.encourage-box h3{line-height:1.4}.encourage-box p{font-size:1rem;line-height:1.9}.resource-card>p{min-height:0}body>main>section.page-section>div>div>h2{margin-bottom:10px}body>main>section.page-section>div>div>p{margin-bottom:22px}.about-cta-box{text-align:center;flex-direction:column;align-items:stretch}.about-cta-box .btn-primary{width:100%;min-width:0}.tip-header,body>main>section.page-section>div>div>p{text-align:center}}@media (width<=1100px){.hira-info-grid,.hira-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hira-hero-stats{grid-template-columns:1fr}.hira-section-head{flex-direction:column}.hira-info-grid,.hira-notes-grid,.hira-similar-grid{grid-template-columns:1fr}.hira-grid-compact,.hira-grid-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hira-card{border-radius:18px;min-height:122px;padding:10px 8px}.hira-play-btn{border-radius:10px;width:30px;height:30px;font-size:13px}.hira-char{font-size:32px}.hira-romaji{margin-top:6px;font-size:18px}.kana-mini-card{border-radius:16px;min-height:96px;padding:12px 8px 10px}.kana-mini-card .jp{font-size:24px}.kana-mini-card small{font-size:16px}.mini-sound-btn{width:24px;height:24px;font-size:11px;top:8px;left:8px}.kana-mobile-switch{width:100%;display:flex}.kana-switch-btn{text-align:center;flex:1;padding:10px 8px;font-size:14px}}@media (width<=520px){.hira-section-card{border-radius:18px;padding:14px}.hira-grid-compact,.hira-grid-table{gap:8px}.hira-card{padding:8px 6px}.hira-romaji{margin-top:4px;font-size:14px}.hira-card:before{width:4px}.kana-mini-card{border-radius:14px;min-height:78px;padding:10px 6px 8px}.kana-mini-card .jp{margin-top:18px;font-size:18px}.kana-mini-card small{font-size:13px}.mini-sound-btn{border-radius:7px;width:20px;height:20px;font-size:9px;top:6px;left:6px}}@media (width<=700px){.kana-gif-image{max-width:94vw;max-height:74vh}.kana-gif-close{border-width:2px;width:44px;height:44px;font-size:20px;top:-12px;right:-12px}}@media (width<=768px){.next-step-box{flex-direction:column;align-items:flex-start}.next-step-btn{text-align:center;width:100%}.rule-compare-grid{grid-template-columns:1fr}.compact-rule-note .card-header h3{font-size:20px}.rule-intro{font-size:16px}.rule-big-example{flex-direction:column;align-items:flex-start}.rule-big-example strong{font-size:22px}}@media (width<=1024px){.resources-grid{grid-template-columns:1fr}.exercise-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.exercise-files-grid{grid-template-columns:1fr}.file-actions{flex-direction:column}.exercise-file-card,.exercises-toolbar-card{padding:18px}.exercises-hero .hero-card{padding:24px 18px}.exercises-hero .hero-card h1{font-size:clamp(32px,9vw,46px)}.exercises-hero .hero-card p{font-size:16px}.exercises-toolbar-top h2{font-size:clamp(26px,8vw,38px)}.exercises-toolbar-card{padding:22px 16px}.filter-chip{min-width:auto;padding:10px 14px;font-size:14px}}@media (width<=1024px){.search-results>.card{grid-column:span 6}}@media (width<=620px){.search-results>.card{grid-column:span 12}}@media (width<=1023px){.variant-head{flex-direction:column-reverse}}@media (width<=768px){.formation-table-desktop{display:none}.formation-cards-mobile{gap:14px;margin-top:8px;display:grid}.formation-card{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow-0f172a-a05);border-radius:20px;overflow:hidden}.formation-card-row{border-bottom:1px solid var(--line-eef2f7);padding:14px 16px}.formation-card-row:last-child{border-bottom:0}.formation-card-label{color:var(--text);margin-bottom:8px;font-size:.98rem;font-weight:800}.formation-card-value{color:var(--fg-334155);overflow-wrap:anywhere;text-align:center;word-break:break-word;line-height:1.9}.formation-card-value .jp-example{text-align:center;max-width:100%;display:block}.formation-card-value.g-card-jp{overflow-wrap:anywhere;word-break:break-word;direction:ltr;font-family:Noto Sans JP,Tajawal,sans-serif}.formation-card-value .g-cell-jp{display:block}.formation-card-value .g-cell-kana{color:var(--muted,var(--muted));direction:ltr;margin-top:3px;font-size:12.5px;display:block}.formation-card-value .g-cell-ar{color:var(--fg-4b5563);direction:rtl;margin-top:4px;font-size:13px;display:block}.lesson-page .formation-card{border-color:var(--n5-border,var(--line-b8e0bb));box-shadow:0 6px 18px var(--shadow-1f5d24-a07)}.lesson-page .formation-card-row{border-bottom-color:var(--n5-border,var(--line-cde7cf))}.lesson-page .formation-card-label{background:var(--n5-soft,var(--bg-e8f7e9));border-inline-start:4px solid var(--n5-deep-line,var(--line-1f5d24));color:var(--n5-deep,var(--fg-1f5d24));border-radius:9px;padding:7px 11px;display:block}.lesson-page .formation-card-value{color:var(--fg-1f2937)}.hira-play-btn{text-align:center;border-radius:8px;width:18px;height:18px;padding:0;font-size:11px}.hira-card{border-radius:16px;min-height:50px}.hira-char{font-size:16px}}@media (width<=700px){.example .ar{margin-top:12px}}@media (width<=850px){.navlinks a.mobile-start-link{border:1px solid var(--line-b7d9c3);box-shadow:0 6px 14px var(--shadow-14192d-a08);color:var(--fg-12172f);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;background:var(--bg-eef7f1)!important}.navlinks a.mobile-start-link:hover{background:var(--bg-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);background:var(--bg-ffffff-a98);border:1px solid var(--border);box-shadow:var(--shadow);z-index:1000;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:var(--bg-fafafa);border-radius:12px;margin-top:4px}#navlinks>a{color:var(--fg-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:var(--bg-16a34a-a08);border-color:var(--line-16a34a-a18)}#navlinks>a.active{background:var(--bg-e11d48-a08);border-color:var(--line-e11d48-a18)}.mobile-menu-search{background:var(--bg-ffffff);border:1px solid var(--border);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 var(--border);width:100%;margin-top:8px;padding-top:10px;display:block}.mobile-more summary{list-style:none}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more .mobile-more-menu,.mobile-more-menu{margin-top:8px;padding-top:2px}.mobile-more-menu a{background:var(--bg-fafafa);border:1px solid var(--line-f0f0f0);color:var(--adj-text-soft);text-align:center;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{background:var(--bg-16a34a-a08);border-color:var(--line-16a34a-a18);color:var(--fg-111827)}.mobile-more-toggle{color:var(--fg-111827);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 12px;font-family:inherit;font-size:18px;font-weight:700;transition:background .2s,border-color .2s;display:flex}}@media (width<=1100px){.hub{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.hub-action-hint{display:flex}.day-box .jp{line-break:strict;overflow-wrap:normal;white-space:nowrap;word-break:keep-all;max-width:100%;line-height:1.35;display:block;font-size:16px!important}.day-box .jp.long-reading{letter-spacing:-.02em;font-size:16px!important}}@media (width<=980px){.detail{grid-template-columns:1fr}}@media (width<=900px){.hero-actions{justify-content:center}.hero-inner{grid-template-columns:1fr}.hero h1{font-size:30px}.hero h1,.hero p{text-align:center}.hero p{font-size:20px}.card-title-main{font-size:28px}.card-title-sub{font-size:20px}.hub{grid-template-columns:1fr;gap:14px}.hub-card{flex-direction:column;display:flex}.hub-tags{margin-bottom:12px}.hub-action-hint{margin-top:auto}body.mobile-section-open .hub-card{display:none}body.mobile-section-open .hub-card.active{margin-bottom:12px;display:flex}body.mobile-section-open .hub{grid-template-columns:1fr}#countersPanel,#datesPanel,#periodPanel,#timePanel{padding:20px}.counter-hero{flex-direction:column;align-items:flex-start}.counter-grid{grid-template-columns:1fr}.dates-top-grid,.days-grid,.mini-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.card{grid-column:span 6}}@media (width<=700px){.hub-card{min-height:auto}}@media (width<=768px){.counter-grid .counter-card{display:block}.counter-grid .counter-card>.counter-media{float:inline-start;place-items:center;width:88px;height:88px;margin:0 0 14px 14px;display:grid}.counter-grid .counter-card>.counter-media img{object-fit:contain;width:64px;height:64px;display:block}.counter-grid .counter-card>.counter-main{width:100%;min-width:0;max-width:100%;display:block}.counter-grid .counter-card>.counter-main>p{margin:10px 0 18px;line-height:1.8}.counter-grid .counter-card .counter-example,.counter-grid .counter-card .counter-note{box-sizing:border-box;clear:both;width:100%;max-width:100%;margin:14px 0 0;display:block}#countersPanel .example-box{box-sizing:border-box;width:100%;max-width:100%}.page-materials .page-hero{padding-bottom:35px}}@media (width<=700px){#datesPanel>div.example-box.searchable-item>p{background:var(--bg-eaf7ee);border:2px dashed var(--line-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:var(--fg-64748b);margin-top:6px;white-space:normal;width:100%;margin-inline-start:32px;font-size:18px;line-height:1.4;display:block}.dates-mini-card p,.period-mini-card p,.time-mini-card p{margin:0;font-size:14px;line-height:1.8}#timePanel .example-box>p:first-of-type{font-size:14px;line-height:1.7;display:block}#timePanel .example-box>p:first-of-type .jp{white-space:nowrap;display:inline}.day-box .jp.long-reading{letter-spacing:-.02em;font-size:14px!important}.about-lead{margin-bottom:0}}@media (width<=520px){.num-media{width:100%;height:140px}.page-materials .page-hero h1 br{display:block}}@media (width<=400px){.page-materials .page-hero{padding-bottom:25px}.card-title-main{font-size:18px;line-height:1.08}.card-title-sub{font-size:16px;line-height:1.3}.reading-block .reading-eye-btn img{width:25px;height:25px}.card-row img{width:60px;height:60px}.days-grid .day-box .jp{font-size:12px}.days-grid .day-box .jp.long-reading{font-size:10px}}@media (width<=1100px){.verb-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.about-points{grid-template-columns:1fr}.about-lead{font-size:18px}}@media (width<=960px){.desktop-more .dropdown-menu{min-width:150px}}.jp.jp-has-audio{direction:ltr;align-items:flex-start;gap:8px;display:flex}.jp-has-audio .jp-sentence{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}.reading-speak-btn{cursor:pointer;background:0 0;border:none;flex:none;align-self:flex-start;margin:0;padding:0;line-height:0}.reading-speak-btn img{opacity:.65;width:22px;height:22px;display:block}.reading-speak-btn:hover img{opacity:1}.levels-band{padding:28px 20px 60px}.levels-roadmap{max-width:760px;margin:6px auto 0;padding:0;list-style:none}.level-node{align-items:stretch;gap:20px;margin-bottom:26px;display:flex}.level-node:last-child{margin-bottom:0}.level-rail{flex-shrink:0;justify-content:center;width:66px;display:flex;position:relative}.level-node:not(:last-child) .level-rail:after{background:var(--bg-e7e3ee);content:"";border-radius:3px;width:3px;position:absolute;top:70px;bottom:-30px;left:50%;transform:translate(-50%)}.level-available .level-rail:after{background:linear-gradient(180deg,var(--lv),var(--bg-dfe3ec))}.level-emblem{background:var(--lv);box-shadow:0 8px 20px var(--lv-shadow);color:var(--fg-ffffff);letter-spacing:.5px;z-index:1;border-radius:50%;place-items:center;width:66px;height:66px;font-size:21px;font-weight:800;display:grid;position:relative}.level-card{background:var(--bg-ffffff-a90);border:1px solid var(--border);box-shadow:0 10px 26px var(--shadow-000000-a05);text-align:right;border-radius:22px;flex:1;min-width:0;padding:20px 22px}.level-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.level-name{color:var(--fg-141936);margin:0;font-size:19px;font-weight:800;line-height:1.4}.level-desc{color:var(--fg-45506f);margin:0;font-size:15.5px;line-height:1.85}.level-status{white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.status-open{background:var(--bg-e8f7e9);border:1px solid var(--line-b8e0bb);color:var(--fg-2e7d32)}.status-soon{background:var(--bg-fff3e0);border:1px solid var(--line-ffd9a8);color:var(--fg-c77700)}.status-locked{background:var(--bg-eef0f4);border:1px solid var(--line-e0e4ec);color:var(--fg-8b93a7)}.level-cta{align-items:center;gap:8px;margin-top:16px;display:inline-flex}.level-cta i{font-size:13px}.level-actions{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:16px;display:flex}.level-actions .level-cta,.level-actions .materials-flash-link{margin-top:0}.level-cta-disabled{color:var(--fg-98a0b3);align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;display:inline-flex}.level-node[data-level=n5]{--lv:#2e7d32;--lv-soft:#e8f7e9;--lv-border:#b8e0bb;--lv-shadow:#2e7d3247}.level-node[data-level=n4]{--lv:#1e5bb8;--lv-soft:#e7f1ff;--lv-border:#b9d3ff;--lv-shadow:#1e5bb842}.level-node[data-level=n3]{--lv:#c77700;--lv-soft:#fff3e0;--lv-border:#ffd9a8;--lv-shadow:#c777003d}.level-node[data-level=n2]{--lv:#6b3fa0;--lv-soft:#f3e8ff;--lv-border:#d9c3ff;--lv-shadow:#6b3fa03d}.level-node[data-level=n1]{--lv:#c62839;--lv-soft:#ffe9ec;--lv-border:#ffc2c8;--lv-shadow:#c628393d}.level-available .level-card{background:linear-gradient(180deg,var(--bg-ffffff),var(--lv-soft));border-color:var(--lv-border);transition:transform .22s,box-shadow .22s}.level-available .level-card:hover{box-shadow:0 18px 36px var(--shadow-000000-a10);transform:translateY(-4px)}.level-available .level-emblem:after{border:2px solid var(--lv-line);content:"";opacity:.5;border-radius:50%;animation:2.4s ease-out infinite levelPulse;position:absolute;inset:-5px}@keyframes levelPulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}.level-soon .level-card{border-color:var(--lv-border)}.level-locked{opacity:.6}.level-locked .level-emblem{background:var(--bg-cdd3df);box-shadow:0 6px 14px var(--shadow-000000-a08)}.level-locked .level-lock{background:var(--bg-ffffff);box-shadow:0 3px 8px var(--shadow-000000-a14);color:var(--fg-8b93a7);bottom:-3px;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid;position:absolute;inset-inline-end:-3px}.level-locked .level-card{background:var(--bg-f8f9fb-a90);border-style:dashed}@media (width<=600px){.level-node{gap:14px;margin-bottom:22px}.level-rail{width:56px}.level-emblem{width:56px;height:56px;font-size:18px}.level-node:not(:last-child) .level-rail:after{top:60px;bottom:-26px}.level-card{border-radius:18px;padding:18px 17px}.level-head{margin-bottom:10px}.level-name{font-size:16.5px}.level-desc{font-size:14.5px}.level-cta{width:100%;margin-top:18px}.materials-flash-link{justify-content:center;width:100%;min-height:46px;margin-top:10px;display:flex}.level-cta-disabled{justify-content:center;width:100%;margin-top:16px}}@media (prefers-reduced-motion:reduce){.level-available .level-emblem:after{animation:none}}.page-n5-path{--n5:#2e7d32;--n5-deep:#1f5d24;--n5-soft:#e8f7e9;--n5-border:#b8e0bb;--n5-ring:#2e7d322e}.n5-hero-emblem{background:linear-gradient(160deg,var(--bg-3a9a40) 0,var(--n5) 55%,var(--n5-deep-bg) 100%);box-shadow:0 14px 30px var(--shadow-2e7d32-a30);color:var(--fg-ffffff);letter-spacing:.5px;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 18px;font-family:Tajawal,sans-serif;font-size:30px;font-weight:800;display:grid;position:relative}.n5-hero-emblem:after{border:2px solid var(--n5-ring);content:"";border-radius:50%;animation:2.6s ease-out infinite n5Pulse;position:absolute;inset:-8px}@keyframes n5Pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0}}.n5-outcomes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px;display:grid}.n5-outcome{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 8px 22px var(--shadow-0f172a-a05);border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.n5-outcome-icon{background:var(--bg-ffffff);box-shadow:0 6px 16px var(--shadow-2e7d32-a12);color:var(--n5-fg);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.n5-outcome-text{color:var(--fg-23402a);margin:0;font-size:16px;font-weight:500;line-height:1.7}.n5-curriculum{max-width:820px;margin:6px auto 0}.cur-unit{margin-bottom:36px}.cur-unit:last-child{margin-bottom:0}.cur-unit-head{border-bottom:2px solid var(--n5-soft-line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.cur-unit-kicker{background:var(--n5);color:var(--fg-ffffff);letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:800}.cur-unit-title{color:var(--fg-141936);flex:auto;margin:0;font-size:21px;font-weight:800;line-height:1.3}.cur-unit-count{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.bp-reset-wrap{justify-content:center;margin:30px 0 6px;display:flex}.bp-reset{border:1px solid var(--line-e3c9c9);color:var(--fg-b4534f);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.bp-reset:hover{background:var(--bg-fbeceb)}.bp-reset i{font-size:12px}.cur-lessons{margin:0;padding:6px 0 0;list-style:none;position:relative}.cur-lesson{border-radius:12px;align-items:flex-start;gap:14px;padding:12px 6px;transition:background .15s;display:flex;position:relative}.cur-lesson:hover{background:var(--bg-2e7d32-a05)}.cur-lesson:before{background:var(--n5-border-bg);content:"";bottom:-12px;inset-inline-start:21px;width:2px;position:absolute;top:40px}.cur-lesson:last-child:before{display:none}.cur-lesson-num{background:var(--n5-soft);border:2px solid var(--n5-border);color:var(--n5-deep);z-index:1;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:grid;position:relative}.cur-lesson:hover .cur-lesson-num{background:var(--n5);border-color:var(--n5-line);color:var(--fg-ffffff)}.cur-lesson-body{flex-direction:column;flex:auto;gap:3px;min-width:0;padding-top:3px;display:flex}.cur-lesson-name{color:var(--fg-1f2540);font-size:16.5px;font-weight:700;line-height:1.45}.cur-lesson-content{color:var(--fg-57617c);text-align:right;unicode-bidi:plaintext;font-family:Noto Sans JP,Tajawal,sans-serif;font-size:14.5px;line-height:1.7}@media (width<=600px){.n5-hero-emblem{width:74px;height:74px;font-size:26px}.cur-unit-title{font-size:18.5px}.cur-lesson{gap:12px;padding:11px 4px}.cur-lesson:before{inset-inline-start:19px;top:38px}.cur-lesson-num{width:30px;height:30px;font-size:13px}.cur-lesson-name{font-size:15.5px}.cur-lesson-content{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.n5-hero-emblem:after{animation:none}.cur-lesson,.cur-lesson-num{transition:none}}.lesson-page{--n5:#2e7d32;--n5-deep:#1f5d24;--n5-soft:#e8f7e9;--n5-border:#b8e0bb}.lesson-page .page-hero-soft:before{background:radial-gradient(60% 60% at 50% 0,var(--bg-2e7d32-a10) 0,var(--bg-2e7d32-a00) 70%)}.lesson-page .page-section{padding:14px 20px 30px}.lesson-back{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.lesson-back i{font-size:12px}.lesson-back:hover,.lesson-kicker{background:var(--n5);color:var(--fg-ffffff)}.lesson-kicker{letter-spacing:.3px;border-radius:999px;max-width:100%;padding:5px 13px;font-size:12.5px;font-weight:800;line-height:1.55;display:inline-block}.lesson-count{color:var(--n5-deep,var(--fg-1f5d24));margin-top:9px;font-size:13px;font-weight:700;display:block}.lesson-head h1{margin:12px 0 6px}.lesson-sub{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.lesson-chain{grid-template-columns:1fr 1fr;align-items:end;gap:14px;max-width:760px;margin:34px auto 0;display:grid}.chain-cell{min-width:0}.chain-btn,.chain-cell{flex-direction:column;display:flex}.chain-btn{background:var(--bg-ffffff);border:1px solid var(--n5-border);box-shadow:0 6px 16px var(--shadow-0f172a-a05);border-radius:14px;gap:6px;padding:13px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.chain-btn:hover{border-color:var(--n5-line);box-shadow:0 12px 26px var(--shadow-2e7d32-a14);transform:translateY(-2px)}.chain-next{text-align:start}.chain-prev{text-align:end}.chain-dir{color:var(--n5-fg);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.chain-prev .chain-dir{flex-direction:row-reverse}.chain-dir i{font-size:12px}.chain-title{color:var(--fg-141936);font-size:16px;font-weight:800}.chain-ribbon{background:linear-gradient(90deg,var(--n5),var(--bg-3f9a45));color:var(--fg-ffffff);border-radius:10px 10px 0 0;align-items:center;width:fit-content;margin-bottom:-14px;padding:6px 14px 16px;font-size:12px;font-weight:800;display:inline-flex}.chain-btn{z-index:1;position:relative}.chain-cell-next .chain-ribbon{align-self:flex-start;margin-inline-start:16px}.chain-cell-prev .chain-ribbon{align-self:flex-end;margin-inline-end:16px}@media (width<=560px){.lesson-chain{grid-template-columns:1fr}.chain-cell-next{order:0}.chain-cell-prev{order:1}.chain-next,.chain-prev{text-align:start}.chain-prev .chain-dir{flex-direction:row}.chain-cell-prev .chain-ribbon{align-self:flex-start;margin-inline:16px 0}}@media (prefers-reduced-motion:reduce){.chain-btn,.lesson-back{transition:none}}.lesson-foot{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.lesson-done{background:var(--bg-ffffff);border:1.5px solid var(--n5-border);color:var(--n5-deep);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:9px 20px;font-family:Tajawal,sans-serif;font-size:14.5px;font-weight:700;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.lesson-done i{color:var(--n5-fg);font-size:16px}.lesson-done:hover{border-color:var(--n5-line);transform:translateY(-1px)}.lesson-done.is-done{background:var(--n5-soft);border-color:var(--n5-line)}.lesson-done-status{border:1.5px dashed var(--n5-border,var(--line-b8e0bb));color:var(--muted,var(--muted));border-radius:999px;align-items:center;gap:9px;padding:9px 20px;font-size:15px;font-weight:700;display:inline-flex}.lesson-done-status i{font-size:16px}.lesson-done-status.is-done{background:var(--n5-soft,var(--bg-e8f7e9));border-color:var(--n5-line,var(--line-2e7d32));color:var(--n5-deep,var(--fg-1f5d24));border-style:solid}.lesson-done-status.is-done i{color:var(--n5-fg,var(--fg-2e7d32))}.lesson-allwrap{text-align:center;margin-top:16px}.chain-done{color:var(--n5-fg);margin-inline-end:6px;font-size:13px}@media (prefers-reduced-motion:reduce){.lesson-done{transition:none}}.cur-lesson-link{color:inherit;text-decoration:none}.cur-lesson-link .cur-lesson-content{color:var(--fg-7b8398)}.cur-go{color:var(--n5-fg);opacity:.55;align-self:center;margin-left:6px;font-size:14px;transition:transform .16s,opacity .16s}.cur-lesson-link:hover .cur-go{opacity:1;transform:translate(-4px)}.cur-lesson-link.is-done .cur-lesson-num{background:var(--n5);border-color:var(--n5-line);color:var(--fg-ffffff)}.cur-lesson-link.is-done .cur-lesson-name{color:var(--n5-deep)}@media (prefers-reduced-motion:reduce){.cur-go{transition:none}}.brand-progress{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 12px 30px var(--shadow-0f172a-a06);border-radius:20px;max-width:720px;margin:0 auto 34px;padding:22px 22px 20px}.bp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.bp-title{color:var(--fg-141936);margin:0;font-size:19px;font-weight:800}.bp-sub{color:var(--muted);font-size:13.5px;font-weight:600}.bp-track{background:var(--bg-eceef2);height:10px}.bp-fill,.bp-track{border-radius:99px;position:relative}.bp-fill{background:linear-gradient(90deg,var(--bg-3a9a40),var(--n5));min-width:10px;height:100%;transition:width .45s;display:block}.bp-fill:after{background:var(--n5);border:3px solid var(--line-ffffff);box-shadow:0 2px 8px var(--shadow-2e7d32-a45);content:"";inset-inline-end:-2px;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.bp-meta{justify-content:space-between;align-items:center;margin:10px 2px 18px;font-size:13.5px;display:flex}.bp-pct{color:var(--n5-deep);font-weight:800}.bp-count{color:var(--muted);font-weight:600}.bp-btn{background:var(--n5);box-shadow:0 10px 24px var(--shadow-2e7d32-a22);color:var(--fg-ffffff);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:14px;font-size:15.5px;font-weight:800;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.bp-btn:hover{box-shadow:0 16px 32px var(--shadow-2e7d32-a30);transform:translateY(-2px)}.bp-btn i{font-size:13px}.bp-done{background:var(--n5-soft);border:1px solid var(--n5-border);border-radius:14px;gap:10px;padding:14px;font-weight:800}.bp-done,.set-card-toggle{color:var(--n5-deep);justify-content:center;align-items:center;display:flex}.set-card-toggle{border:none;border-top:1px solid var(--border);cursor:pointer;background:0 0;gap:8px;width:100%;margin-top:auto;padding:11px;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:700}.set-card-toggle i{font-size:12px;transition:transform .2s}.set-card.is-open .set-card-toggle i{transform:rotate(180deg)}.set-card-details{background:var(--bg-2e7d32-a03);border-top:1px dashed var(--border);text-align:start;padding:14px 16px}.set-card-block{margin-bottom:12px}.set-card-block:last-child{margin-bottom:0}.set-card-block>b{color:var(--fg-141936);margin-bottom:8px;font-size:13.5px;display:block}.set-card .kv-grid{gap:8px;display:grid}.set-card .kv{align-items:baseline;gap:8px;font-size:14px;display:flex}.set-card .kv>b{color:var(--muted);min-width:64px}.set-words{color:var(--fg-3a4264);margin:0;padding-inline-start:18px;font-size:14px;line-height:1.9}.lesson-grammar{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;display:flex}.g-card{background:var(--bg-ffffff-a92);border:1px solid var(--border);box-shadow:0 8px 22px var(--shadow-0f172a-a05);border-radius:18px;padding:22px}.g-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.g-title{color:var(--fg-141936);margin:0;font-size:19px;font-weight:800}.g-title-jp{color:var(--n5-deep);font-size:16px;font-weight:700}.g-summary{color:var(--fg-3a4264);margin:0 0 6px;line-height:1.9}.g-block{margin-top:14px}.g-block>b{color:var(--n5-deep);margin-bottom:8px;font-size:14px;display:block}.g-usage{color:var(--fg-3a4264);margin:0;padding-inline-start:18px;line-height:1.95}.g-usage-boxes{counter-reset:ubox;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.g-usage-box{background:var(--bg-f6fbf6);border:1px solid var(--n5-border,var(--line-cde7cf));counter-increment:ubox;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;line-height:1.6;display:flex}.g-usage-role{color:var(--fg-2f3550);align-items:center;gap:9px;font-weight:800;display:flex}.g-usage-role:before{background:var(--n5-deep-bg,var(--bg-1f5d24));color:var(--fg-ffffff);content:counter(ubox);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:inline-flex}.g-usage-ex{color:var(--fg-5a6275);padding-inline-start:33px;font-size:.92rem}.g-formation{background:var(--n5-soft);border-radius:12px;padding:12px 14px}@media (prefers-reduced-motion:reduce){.bp-btn,.bp-fill,.set-card-toggle i{transition:none}}.set-glyph{font-family:Noto Sans JP,serif;font-size:30px;line-height:1.15}.page-n5-path .page-hero-soft:before{background:radial-gradient(58% 55% at 50% -8%,var(--bg-2e7d32-a07) 0,var(--bg-2e7d32-a00) 62%),radial-gradient(34% 38% at 84% 4%,var(--bg-ffb86c-a10) 0,var(--bg-ffb86c-a00) 60%),radial-gradient(34% 38% at 16% 6%,var(--bg-78aaff-a08) 0,var(--bg-78aaff-a00) 60%)}.page-n5-path .page-hero{padding-bottom:14px}.page-n5-path .n5-outcomes{gap:20px;margin-top:30px}.page-n5-path .n5-outcome{gap:16px;padding:20px;transition:transform .16s,box-shadow .16s}.page-n5-path .n5-outcome:hover{box-shadow:0 14px 30px var(--shadow-0f172a-a08);transform:translateY(-2px)}.page-n5-path .n5-outcome-icon{box-shadow:none;border-radius:14px;width:48px;height:48px}.page-n5-path .n5-outcome:first-child .n5-outcome-icon{background:var(--bg-e7f6e9);color:var(--fg-1f5d24)}.page-n5-path .n5-outcome:nth-child(2) .n5-outcome-icon{background:var(--bg-e8f0fb);color:var(--fg-2563a8)}.page-n5-path .n5-outcome:nth-child(3) .n5-outcome-icon{background:var(--bg-fdf0db);color:var(--fg-b4750f)}.page-n5-path .n5-outcome:nth-child(4) .n5-outcome-icon{background:var(--bg-fdeaf0);color:var(--fg-bb2f56)}.page-n5-path .n5-curriculum{gap:22px;display:grid}.page-n5-path .n5-curriculum .brand-progress{margin-bottom:4px}.page-n5-path .cur-unit{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow-0f172a-a05);border-radius:20px;margin:0;padding:20px 22px 12px}.page-n5-path .cur-unit-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:14px}.page-n5-path .cur-lessons{padding-top:4px}.page-n5-path .cur-lesson{border-radius:14px;padding:13px 8px}.page-n5-path .cur-lesson:hover{background:var(--bg-f6faf6)}.page-n5-path .cur-lesson-num{background:var(--bg-f1f3f7);border:2px solid var(--border);color:var(--muted)}.page-n5-path{background:linear-gradient(180deg,var(--bg-fbfdfc) 0,var(--bg-f4f8f5) 40%,var(--bg-fbfbfd) 100%)}.page-n5-path .page-section{padding:16px 20px 56px}.page-n5-path .n5-curriculum{gap:26px}.page-n5-path .cur-unit{padding:22px 24px 14px}.page-n5-path .cur-unit-kicker{background:var(--n5-soft);color:var(--n5-deep)}.page-n5-path .cur-unit{border-inline-start:4px solid var(--n5-border)}.page-n5-path .cur-unit:nth-child(3n+1){border-inline-start-color:var(--line-cfe3ff)}.page-n5-path .cur-unit:nth-child(3n+2){border-inline-start-color:var(--line-ffe2bd)}.page-n5-path .cur-unit:nth-child(3n+3){border-inline-start-color:var(--line-c9ecd0)}.page-n5-path .n5-curriculum .brand-progress{margin-left:0;margin-right:0}.page-n5-path .cur-lesson{align-items:center;gap:10px;padding:4px 6px;display:flex}.page-n5-path .cur-lesson-link{color:inherit;border-radius:12px;flex:auto;align-items:center;gap:12px;min-width:0;padding:8px 2px;text-decoration:none;display:flex}.page-n5-path .cur-lesson-check{appearance:none;cursor:pointer;font:inherit;flex:none;padding:0;line-height:1;transition:transform .12s,background .15s,border-color .15s,color .15s}.page-n5-path .cur-lesson-check:hover{border-color:var(--n5-line);transform:scale(1.08)}.grid>.set-card.is-open{grid-column:1/-1}.set-card.is-open .set-card-details{animation:.18s setDetailsIn}@keyframes setDetailsIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.g-formation .g-form-base{border-bottom:1px dashed var(--n5-border);gap:10px;margin-bottom:8px;padding-bottom:8px;font-weight:700;display:flex}.g-formation .g-form-base-ar{color:var(--n5-deep)}.g-formation .g-form-grid{gap:2px}.g-formation .g-form-row{border-bottom:1px solid var(--line-2e7d32-a10);justify-content:space-between;align-items:baseline;padding:8px 2px}.g-formation .g-form-row:last-child{border-bottom:0}.g-formation .g-form-jp{color:var(--fg-141936);font-weight:600}.lesson-grammar .jp{font-family:Noto Sans JP,sans-serif}.lesson-grammar .g-summary{line-height:1.85}.page-n5-path .n5-curriculum .brand-progress{margin-inline:0;max-width:none;margin-bottom:28px}.lesson-grammar .g-card{padding:22px 24px}.lesson-grammar .g-title{font-size:20px}.g-formation{background:var(--bg-f6faf6);border:1px solid var(--n5-border);color:var(--fg-141936);border-radius:14px;padding:14px 16px;font-size:16px}.g-formation .g-form-base{background:var(--bg-ffffff);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:18px;font-weight:800;display:inline-flex}.g-formation .g-form-base-ar{color:var(--muted);font-size:14px;font-weight:600}.g-formation .g-form-grid{flex-direction:column;gap:8px;display:flex}.g-formation .g-form-row{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:10px;justify-content:flex-start;align-items:center;gap:14px;padding:10px 12px;display:flex}.g-formation .g-form-jp{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);direction:ltr;unicode-bidi:isolate;border-radius:8px;flex:none;padding:5px 11px;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:700}.g-formation .g-form-ar{color:var(--fg-3a4264);text-align:start;flex:auto;font-weight:500;line-height:1.7}.g-formation .g-form-hint{color:var(--muted);margin-top:2px;font-size:13px;display:block}.kana-wrap{direction:ltr;flex-direction:column;align-items:center;gap:30px;display:flex}.kana-board{width:100%;max-width:540px}.kana-board-title{color:var(--n5-deep);text-align:center;direction:rtl;margin:0 0 14px;font-size:16px;font-weight:800}.kana-tbl{grid-template-columns:26px repeat(var(--kcols),minmax(42px,1fr));gap:6px;display:grid}.kana-col-h,.kana-row-h{color:var(--muted);text-transform:lowercase;place-items:center;font-size:12px;font-weight:800;display:grid}.kana-row-h{justify-content:end;padding-inline-end:2px}.kana-gap{background:repeating-linear-gradient(45deg,var(--bg-f6f7f9),var(--bg-f6f7f9) 6px,var(--bg-ffffff) 6px,var(--bg-ffffff) 12px);opacity:.5;border-radius:10px}.kana-cell{aspect-ratio:1;background:var(--bg-ffffff);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;padding:4px;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;display:flex;position:relative}.kana-cell:hover{background:var(--bg-f6faf6);border-color:var(--n5-line);box-shadow:0 8px 18px var(--shadow-2e7d32-a12);transform:translateY(-2px)}.kana-cell-char{color:var(--fg-141936);font-family:Noto Sans JP,sans-serif;font-size:31px;font-weight:600;line-height:1}.kana-cell-r{color:var(--fg-c0395c);font-size:12.5px;font-weight:800}.kana-pen{color:var(--n5-fg);opacity:.65;inset-inline-end:5px;font-size:8px;position:absolute;top:4px}.kana-modal{z-index:1000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kana-modal[hidden]{display:none}.kana-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--bg-0f172a-a55);position:absolute;inset:0}.kana-modal-card{background:var(--bg-ffffff);box-shadow:0 30px 70px var(--shadow-0f172a-a35);text-align:center;z-index:1;direction:rtl;border-radius:22px;width:100%;max-width:320px;padding:26px 22px 24px;animation:.18s kanaIn;position:relative}@keyframes kanaIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.kana-modal-x{background:var(--bg-ffffff);border:1px solid var(--border);color:var(--muted);cursor:pointer;inset-inline-end:12px;border-radius:50%;width:34px;height:34px;font-size:15px;position:absolute;top:12px}.kana-modal-x:hover{border-color:var(--muted-line);color:var(--fg-141936)}.kana-modal-sound{background:var(--n5);box-shadow:0 8px 18px var(--shadow-2e7d32-a25);color:var(--fg-ffffff);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:800;display:inline-flex}.kana-modal-sound:hover{background:var(--n5-deep-bg)}.kana-modal-write{margin-top:16px}.kana-modal-trace img{width:180px;max-width:80%}@media (width<=520px){.kana-tbl{grid-template-columns:22px repeat(var(--kcols),minmax(40px,1fr));gap:5px}.kana-cell-char{font-size:27px}.kana-modal-fallchar{font-size:96px}}.numbers-wrap{flex-direction:column;gap:22px;max-width:640px;margin:0 auto;display:flex}.num-block{background:var(--bg-ffffff);border:1px solid var(--border);box-shadow:0 8px 22px var(--shadow-0f172a-a05);border-radius:18px;padding:20px 22px}.num-block-title{color:var(--n5-deep);margin:0 0 6px;font-size:17px;font-weight:800}.num-lead{color:var(--fg-3a4264);margin:0 0 12px;line-height:1.9}.num-table-wrap{overflow-x:auto}.num-table{border-collapse:collapse;width:100%}.num-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 8px}.num-table tr:last-child td{border-bottom:0}.num-jp{color:var(--fg-141936);direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,sans-serif;font-weight:700}.num-jp,.num-read{white-space:nowrap;width:1%}.num-ar{color:var(--fg-3a4264);line-height:1.6}.num-say{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);cursor:pointer;direction:ltr;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-family:Noto Sans JP,sans-serif;font-size:14.5px;font-weight:700;transition:background .14s,transform .12s;display:inline-flex}.num-say:hover{background:var(--bg-d8efdb);transform:translateY(-1px)}.num-say i{color:var(--n5-fg);font-size:11px}.num-note{background:var(--bg-fff8ec);border:1px solid var(--line-f3e2bd);color:var(--fg-6b5418);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.8}.num-block-title{align-items:center;gap:10px;display:flex}.num-icon{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;display:inline-grid}@font-face{font-display:swap;font-family:KanjiStrokeOrders;src:url(/fonts/KanjiStrokeOrders.woff2)format("woff2"),url(/fonts/KanjiStrokeOrders.ttf)format("truetype")}.kanji-sov{font-family:KanjiStrokeOrders,Noto Sans JP,serif}.kanji-write{background:var(--bg-fafbfc);border:1px solid var(--border);border-radius:16px;margin-top:14px;padding:16px 18px}.kanji-write-head{color:var(--n5-deep,var(--fg-1f5d24));justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:800;display:flex}.kw-glyph{color:var(--fg-141936);font-size:104px;line-height:1}.kw-ref{background:var(--bg-ffffff);border:1px solid var(--border);object-fit:contain;border-radius:14px;width:104px;height:104px;padding:8px}.kw-note{color:var(--muted);text-align:center;margin:14px 0 0;font-size:13px}@media (width<=520px){.kw-glyph{font-size:84px}.kw-ref{width:84px;height:84px}}.num-formula{background:var(--n5-soft,var(--bg-e8f7e9));border:1px dashed var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));text-align:center;direction:ltr;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-family:Noto Sans JP,monospace;font-size:14px;font-weight:700;line-height:1.9}.kana-modal-min{place-items:center;min-height:230px;padding:52px 22px 26px;display:grid}.kana-modal-min .kana-modal-x{inset-inline:auto;top:12px;left:auto;right:12px}.kana-modal-min .kana-modal-sound{box-shadow:0 6px 14px var(--shadow-2e7d32-a28);border-radius:50%;place-items:center;width:42px;height:42px;margin:0;padding:0;font-size:16px;display:grid;position:absolute;top:12px;left:12px;right:auto}.kana-modal-trace{place-items:center;display:grid}.kana-modal-trace img{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:16px;width:230px;max-width:76vw;height:auto;padding:10px}.kana-modal-fallchar{color:var(--fg-141936);font-family:Noto Sans JP,sans-serif;font-size:120px;line-height:1}.lesson-page .set-card .card-main{min-width:0}.lesson-page .set-card .card-title-main{font-size:clamp(19px,4.2vw,30px);line-height:1.35}.lesson-page .set-card .card-title-main,.lesson-page .set-card .card-title-sub{overflow-wrap:anywhere;word-break:break-word}.lesson-page .set-card .card-desc{overflow-wrap:anywhere}.kw-replay{background:var(--n5-soft,var(--bg-e8f7e9));border:1px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:700;display:inline-flex}.kw-replay:hover{background:var(--bg-d8efdb)}.kanji-writer{place-items:center;min-height:190px;display:grid}.kvg-svg{width:190px;height:190px}.kvg-guide{stroke:var(--line-e9edf2);stroke-dasharray:4 5;stroke-width:1px}.kvg-bg{fill:none;stroke:var(--line-eef1f4);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.kvg-stroke{fill:none;stroke:var(--n5-deep-line,var(--line-1f5d24));stroke-linecap:round;stroke-linejoin:round;stroke-width:3.6px}@media (width<=520px){.kanji-writer{min-height:150px}.kvg-svg{width:150px;height:150px}}.materials-flash-link{background:var(--bg-ffffff);border:1px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));border-radius:14px;align-items:center;gap:8px;margin-top:10px;padding:11px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.materials-flash-link:hover{background:var(--n5-soft,var(--bg-e8f7e9))}.page-n5-path .n5-outcomes-section{margin-top:4px}@media (width<=560px){.page-n5-path .n5-outcomes{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.page-n5-path .n5-outcome{text-align:right;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.page-n5-path .n5-outcome-icon{border-radius:11px;width:40px;height:40px;font-size:17px}.page-n5-path .n5-outcome-text{font-size:13.5px;line-height:1.6}.page-n5-path .page-hero{padding-bottom:10px}.n5-hero-emblem{width:62px;height:62px;font-size:22px}}.g-table-wrap{-webkit-overflow-scrolling:touch;margin-top:4px;overflow-x:auto}.g-table{border-collapse:collapse;width:100%;font-size:14px}.g-table th{background:var(--n5-soft,var(--bg-e8f7e9));border:1px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));white-space:nowrap;font-weight:800}.g-table td,.g-table th{text-align:right;padding:9px 11px}.g-table td{border:1px solid var(--border);vertical-align:middle}.g-table td.g-td-jp{font-family:Noto Sans JP,sans-serif;font-size:15px}.g-table td.g-td-formula,.g-table td.g-td-jp{text-align:left;white-space:nowrap;direction:ltr}.g-table td.g-td-formula{unicode-bidi:isolate}.g-table tbody tr:nth-child(2n){background:var(--bg-fafbfc)}@media (width<=520px){.g-table{font-size:13px}.g-table td,.g-table th{padding:7px 8px}}.g-table td.g-td-furi{white-space:normal;min-width:190px;line-height:1.5}.g-cell-jp,.g-cell-kana{display:block}.g-cell-kana{color:var(--muted,var(--muted));direction:ltr;margin-top:3px;font-size:12px}.g-cell-ar{color:var(--fg-4b5563);direction:rtl;margin-top:4px;font-size:12.5px;display:block}.lesson-page .card-row{flex-direction:column;align-items:center;gap:12px}.lesson-page .card-row .card-thumb{flex:none;order:-1;width:132px;height:132px}.lesson-page .card-main{text-align:center;align-items:center;width:100%}.lesson-page .card-main .tagrow{justify-content:center}.lesson-page .card-desc{margin-bottom:12px;font-size:19px}.lesson-page .card-title-sub{font-size:24px}.practice-wrap{max-width:560px;margin:0 auto}.practice-wrap .jp{direction:ltr;unicode-bidi:isolate}.pq{background:var(--bg-ffffff);border:1px solid var(--line-e7ece8);border-radius:18px;padding:20px}.pq-meta{color:var(--muted,var(--muted));font-size:13px;font-weight:700}.pq-bar{background:var(--bg-eef2ef);height:8px;margin:8px 0 16px;overflow:hidden}.pq-bar,.pq-bar>i{border-radius:999px}.pq-bar>i{background:var(--n5,var(--bg-2e7d32));height:100%;transition:width .35s;display:block}.pq-q{unicode-bidi:plaintext;margin:0 0 16px;font-size:20px;font-weight:700}.pq-q .jp{font-size:23px}.pq-choices{flex-direction:column;gap:10px;display:flex}.pq-choice{background:var(--bg-ffffff);border:1.5px solid var(--line-e3e8e4);color:var(--ink,var(--fg-1f2937));cursor:pointer;font:inherit;text-align:start;border-radius:14px;padding:14px 16px;font-size:17px;font-weight:700;transition:all .12s}.pq-choice:hover:not(:disabled){background:var(--n5-soft,var(--bg-e8f7e9));border-color:var(--n5-border,var(--line-b8e0bb))}.pq-choice:disabled{cursor:default}.pq-choice.correct{background:var(--n5-soft,var(--bg-e8f7e9));border-color:var(--n5-line,var(--line-2e7d32));color:var(--n5-deep,var(--fg-1f5d24))}.pq-choice.wrong{background:var(--bg-fdecec);border-color:var(--line-e3342f);color:var(--fg-e3342f)}.pq-explain{background:var(--n5-soft,var(--bg-e8f7e9));border:1px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));unicode-bidi:plaintext;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:15px;display:none}.pq-explain.show{display:block}.pq-explain.bad{background:var(--bg-fdecec);border-color:var(--line-f3c2c2);color:var(--fg-a3271f)}.pq-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.pq-score{color:var(--muted,var(--muted));font-size:14px;font-weight:700}.pq-next{background:var(--n5,var(--bg-2e7d32));color:var(--fg-ffffff);cursor:pointer;font:inherit;visibility:hidden;border:0;border-radius:12px;padding:10px 22px;font-size:15px;font-weight:800}.pq-result{text-align:center}.pq-big{color:var(--n5-fg,var(--fg-2e7d32));font-size:44px;font-weight:800}.pq-result p{color:var(--muted,var(--muted))}.pq-retry{background:var(--n5,var(--bg-2e7d32));color:var(--fg-ffffff);cursor:pointer;font:inherit;border:0;border-radius:12px;margin-top:8px;padding:11px 24px;font-weight:800}.pq-result-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:14px;display:flex}.pq-result-actions .pq-retry{margin-top:0}.pq-go{cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:11px 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.pq-go:hover{transform:translateY(-1px)}.pq-go-next{background:var(--n5,var(--bg-2e7d32));box-shadow:0 4px 14px var(--shadow-2e7d32-a28);color:var(--fg-ffffff)}.pq-go-next .pq-go-main{align-items:center;gap:8px;display:inline-flex}.pq-go-ribbon{background:var(--bg-ffffff-a22);color:var(--fg-ffffff);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.pq-go-path{background:var(--n5-soft,var(--bg-e8f7e9));border:1.5px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24))}.pq-go-path:hover{background:var(--bg-dff1e1)}.celebrate-confetti{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;inset:0}.celebrate-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--bg-142818-a55);opacity:0;z-index:9999;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.celebrate-overlay.show{opacity:1}.celebrate-sharepanel{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:none}.celebrate-sharepanel.is-open{animation:.22s both csp-in;display:grid}@keyframes csp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.csp-btn{background:var(--bg-ffffff);border:1px solid var(--n5-border,var(--line-b8e0bb));color:var(--fg-1f2937);cursor:pointer;font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.csp-btn i{font-size:17px}.csp-btn:hover{background:var(--bg-f7fdf8)}.csp-wa i{color:var(--fg-25d366)}.csp-tg i{color:var(--fg-229ed2)}.csp-x i{color:var(--fg-000000)}.csp-fb i{color:var(--fg-1877f2)}.csp-copy i{color:var(--n5-fg,var(--fg-2e7d32))}.csp-copy,.csp-linkfield{grid-column:1/-1}.csp-linkfield{background:var(--bg-f7fdf8);border:1.5px solid var(--n5-border,var(--line-b8e0bb));font:inherit;text-align:left;direction:ltr;border-radius:11px;width:100%;padding:10px 12px;font-size:13px}.confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--bg-142818-a50);opacity:0;z-index:10000;justify-content:center;align-items:center;padding:20px;transition:opacity .24s;display:flex;position:fixed;inset:0}.confirm-overlay.show{opacity:1}.confirm-card{background:var(--bg-ffffff);box-shadow:0 24px 60px var(--shadow-000000-a28);opacity:0;text-align:center;border-radius:20px;width:100%;max-width:400px;padding:30px 24px 22px;transition:transform .28s cubic-bezier(.2,1.2,.4,1),opacity .28s;transform:scale(.9)translateY(10px)}.confirm-overlay.show .confirm-card{opacity:1;transform:scale(1)translateY(0)}.confirm-icon{background:var(--n5-soft,var(--bg-e8f7e9));color:var(--n5-deep,var(--fg-1f5d24));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:27px;display:flex}.confirm-icon.is-danger{background:var(--bg-fdecea);color:var(--fg-c0392b)}.confirm-title{color:var(--fg-141936);margin:0 0 8px;font-size:19px;font-weight:800}.confirm-msg{color:var(--muted,var(--muted));margin:0 0 22px;font-size:14.5px;line-height:1.75}.confirm-actions{gap:10px;display:flex}.confirm-btn{cursor:pointer;font:inherit;border:0;border-radius:12px;flex:1;padding:12px 16px;font-size:14.5px;font-weight:800}.confirm-cancel{background:var(--bg-eef1f4);color:var(--fg-374151)}.confirm-cancel:hover{background:var(--bg-e3e7ec)}.confirm-ok{background:var(--n5,var(--bg-2e7d32));color:var(--fg-ffffff)}.confirm-ok:hover{background:var(--n5-deep-bg,var(--bg-1f5d24))}.confirm-danger{background:var(--bg-d9483b);color:var(--fg-ffffff)}.confirm-danger:hover{background:var(--bg-c0392b)}@media (prefers-reduced-motion:reduce){.confirm-card,.confirm-overlay{transition:none}}.celebrate-card{background:var(--bg-ffffff);box-shadow:0 24px 60px var(--shadow-000000-a30);opacity:0;text-align:center;border-radius:22px;width:100%;max-width:420px;padding:36px 26px 26px;transition:transform .34s cubic-bezier(.2,1.3,.4,1),opacity .34s;position:relative;transform:scale(.8)translateY(12px)}.celebrate-overlay.show .celebrate-card{opacity:1;transform:scale(1)translateY(0)}.celebrate-medal{background:radial-gradient(circle at 30% 25%,var(--bg-ffd54f),var(--bg-fbc02d) 45%,var(--bg-ef6c00));box-shadow:0 10px 26px var(--shadow-ef6c00-a40);color:var(--fg-ffffff);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 16px;font-size:44px;animation:.5s .15s both celebrate-pop,2.4s ease-in-out 1s infinite celebrate-bob;display:flex}.celebrate-title{color:var(--n5-deep,var(--fg-1f5d24));margin:0 0 8px;font-size:23px;font-weight:800}.celebrate-sub{color:var(--muted,var(--muted));margin:0 0 22px;font-size:15px;line-height:1.7}.celebrate-actions{flex-direction:column;gap:10px;display:flex}.celebrate-btn{cursor:pointer;font:inherit;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.celebrate-primary{background:var(--n5,var(--bg-2e7d32));box-shadow:0 6px 18px var(--shadow-2e7d32-a30);color:var(--fg-ffffff)}.celebrate-primary:hover{background:var(--n5-deep-bg,var(--bg-1f5d24))}.celebrate-share{background:var(--n5-soft,var(--bg-e8f7e9));border:1.5px solid var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24))}.celebrate-share:hover{background:var(--bg-dff1e1)}.celebrate-notify{background:var(--n5-soft,var(--bg-e8f7e9));border:1px solid var(--n5-border,var(--line-b8e0bb));text-align:center;border-radius:16px;margin-top:20px;padding:16px 16px 18px}.celebrate-notify-badge{background:var(--n5,var(--bg-2e7d32));color:var(--fg-ffffff);letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;margin-bottom:9px;padding:3px 12px;font-size:11px;font-weight:800;display:inline-flex}.celebrate-notify-title{color:var(--n5-deep,var(--fg-1f5d24));margin:0 0 4px;font-size:15px;font-weight:800;line-height:1.6}.celebrate-notify-title i{color:var(--n5-fg,var(--fg-2e7d32));margin-inline-end:5px}.celebrate-notify-title bdi{font-weight:800}.celebrate-notify-lead{color:var(--muted,var(--muted));margin:0 0 13px;font-size:12.5px}.celebrate-notify-form{gap:8px;display:flex}.celebrate-notify-form[hidden]{display:none}.celebrate-notify-input{background:var(--bg-ffffff);border:1.5px solid var(--n5-border,var(--line-b8e0bb));color:var(--fg-1f2937);font:inherit;text-align:right;direction:ltr;border-radius:11px;flex:1;min-width:0;padding:12px 14px;font-size:14px}.celebrate-notify-input::placeholder{color:var(--fg-9aa3ad)}.celebrate-notify-input:focus{border-color:var(--n5-line,var(--line-2e7d32));box-shadow:0 0 0 3px var(--shadow-2e7d32-a14);outline:none}.celebrate-notify-input.celebrate-notify-invalid{border-color:var(--line-e05656);box-shadow:0 0 0 3px var(--shadow-e05656-a14)}.celebrate-notify-btn{background:var(--n5,var(--bg-2e7d32));color:var(--fg-ffffff);cursor:pointer;font:inherit;border:0;border-radius:11px;flex:none;padding:12px 20px;font-size:14px;font-weight:800}.celebrate-notify-btn:hover{background:var(--n5-deep-bg,var(--bg-1f5d24))}.celebrate-notify-status{color:var(--n5-deep,var(--fg-1f5d24));margin:10px 2px 0;font-size:13.5px;font-weight:700}.celebrate-close-link{color:var(--muted,var(--muted));cursor:pointer;font:inherit;background:0 0;border:0;margin-top:14px;font-size:13px;text-decoration:underline;display:inline-block}.celebrate-close-link:hover{color:var(--n5-deep,var(--fg-1f5d24))}.celebrate-spark{color:var(--fg-fbc02d);opacity:0;font-size:16px;animation:1.8s ease-in-out infinite celebrate-spark;position:absolute}.celebrate-spark-1{inset-inline-start:26px;animation-delay:.2s;top:18px}.celebrate-spark-2{inset-inline-end:30px;font-size:12px;animation-delay:.7s;top:30px}.celebrate-spark-3{inset-inline-end:46px;font-size:14px;animation-delay:1.1s;top:80px}@keyframes celebrate-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes celebrate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes celebrate-spark{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.celebrate-medal,.celebrate-spark{animation:none}.celebrate-card,.celebrate-overlay{transition:none}}.lesson-page .example .romaji-line,.lesson-page .romaji-line{font-size:1rem}.num-notes{background:var(--bg-fff8ec);border:1px solid var(--line-f3e2bd);color:var(--fg-6b5418);padding:10px 14px 10px 0;border-radius:12px;margin:12px 0 0;padding-inline-start:26px;font-size:13.5px;line-height:1.8;list-style:outside}.num-notes li{margin-bottom:4px}.g-formula{background:var(--n5-soft,var(--bg-e8f7e9));border:1px dashed var(--n5-border,var(--line-b8e0bb));color:var(--n5-deep,var(--fg-1f5d24));text-align:center;border-radius:12px;padding:12px 14px;font-family:Noto Sans JP,monospace;font-size:15px;font-weight:800;line-height:1.9}.g-sections{flex-direction:column;gap:18px;display:flex}.g-section{background:var(--bg-f6fbf6);border:1px solid var(--n5-border,var(--line-b8e0bb));border-inline-start:5px solid var(--n5-deep-line,var(--line-1f5d24));border-radius:16px;padding:20px 22px}.g-sections{gap:22px}.g-section-head{border-bottom:1px dashed var(--n5-border,var(--line-cde7cf));flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.g-section-ar{color:var(--n5-deep,var(--fg-1f5d24));font-size:1.05rem;font-weight:800}.g-section-jp{color:var(--fg-5b6b7a)}.g-section-sum{color:var(--fg-3a4264);margin:0 0 12px;line-height:1.85}.g-section .g-section-bullets{margin:0 0 12px;line-height:1.9}.g-section .g-section-bullets li{margin-bottom:7px}.g-section .g-section-chips{gap:10px;margin-top:4px}.g-section.g-tone-blue{background:var(--bg-f5f9ff);border-color:var(--line-bfdbfe);border-inline-start-color:var(--line-2563eb)}.g-section.g-tone-blue .g-section-head{border-bottom-color:var(--line-cfe0fb)}.g-section.g-tone-blue .g-section-ar{color:var(--fg-1d4ed8)}.g-section.g-tone-blue .g-section-badge{background:var(--bg-dbeafe);color:var(--fg-1e40af)}.g-section.g-tone-teal{background:var(--bg-f2fcfa);border-color:var(--line-99f6e4);border-inline-start-color:var(--line-0d9488)}.g-section.g-tone-teal .g-section-head{border-bottom-color:var(--line-c3f3ea)}.g-section.g-tone-teal .g-section-ar{color:var(--fg-0f766e)}.g-section.g-tone-teal .g-section-badge{background:var(--bg-ccfbf1);color:var(--fg-0f766e)}.g-section.g-tone-amber{background:var(--bg-fffaf0);border-color:var(--line-fde68a);border-inline-start-color:var(--line-d97706)}.g-section.g-tone-amber .g-section-head{border-bottom-color:var(--line-fae6b0)}.g-section.g-tone-amber .g-section-ar{color:var(--fg-b45309)}.g-section.g-tone-amber .g-section-badge{background:var(--bg-fef3c7);color:var(--fg-b45309)}.g-section-pairs{margin:0 0 14px}.g-pairs-label{color:var(--fg-3a4264);margin-bottom:9px;font-size:.92rem;font-weight:800;display:block}.g-pairs-chips{flex-wrap:wrap;gap:9px;display:flex}.g-pair-chip{background:var(--bg-ffffff);border:1px solid var(--line-d7e3ef);box-shadow:0 1px 2px var(--shadow-0f172a-a05);color:var(--fg-1f2937);border-radius:11px;justify-content:center;align-items:center;min-width:60px;padding:7px 13px;font-size:1rem;font-weight:700;display:inline-flex}.g-pair-chip .jp-iso{font-family:Noto Sans JP,sans-serif}.g-tone-blue .g-pair-chip{background:var(--bg-fbfdff);border-color:var(--line-bfdbfe)}.g-tone-teal .g-pair-chip{background:var(--bg-fafffe);border-color:var(--line-99f6e4)}.g-tone-amber .g-pair-chip{background:var(--bg-fffdf7);border-color:var(--line-fde68a)}.g-section-flows{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.g-section-flow{background:var(--bg-ffffff);border:1px solid var(--line-e3eaf2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.g-section-flow .g-chip{margin:0}.g-section-flow .g-flow-arrow{color:var(--fg-94a3b8);font-size:.9rem}.g-tone-blue .g-section-flow{background:var(--bg-fbfdff);border-color:var(--line-cfe0fb)}.g-tone-teal .g-section-flow{background:var(--bg-fafffe);border-color:var(--line-bff0e6)}.g-tone-amber .g-section-flow{background:var(--bg-fffdf7);border-color:var(--line-fbe7b2)}.num-examples{margin-top:14px}.num-ex-label{color:var(--n5-deep,var(--fg-1f5d24));margin-bottom:8px;font-size:14px;font-weight:800;display:block}.num-row-key{background:var(--n5-soft,var(--bg-e8f7e9))}.num-row-key .num-jp{font-weight:800}.num-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0 4px;display:grid}.num-gcell{background:var(--bg-ffffff);border:1px solid var(--line-e3e7ec);text-align:center;border-radius:14px;padding:10px 6px 8px;position:relative}.num-gcell.is-exc{background:var(--bg-fffdf6);border-color:var(--line-ecc45a)}.num-gnum{color:var(--fg-1f2937);font-size:15px;font-weight:800;display:block}.num-gkana{white-space:nowrap;align-items:center;gap:4px;max-width:100%;margin-top:4px;padding:5px 10px;font-size:.82rem;display:inline-flex}.num-gcell .num-say i{font-size:9px}.num-gar{color:var(--muted);margin-top:2px;font-size:12px;display:block}.num-ar.num-ar-ltr{text-align:right}.num-ar.num-ar-ltr,.num-gnum{direction:ltr;unicode-bidi:isolate}.g-summary-list{margin:0 0 10px;padding-inline-start:22px;list-style:outside}.g-summary-list li{margin-bottom:6px;line-height:1.9}.jp-iso{overflow-wrap:anywhere;word-break:keep-all;direction:ltr;unicode-bidi:isolate;font-family:Noto Sans JP,system-ui,sans-serif}.g-chip-jp,.g-pair-chip,.g-section-jp,.jp,.kana{overflow-wrap:normal;word-break:keep-all}.g-cards{flex-direction:column;gap:10px;display:flex}.g-note-card{background:var(--bg-ffffff);border:1px solid var(--border,var(--line-e3e7ec));border-inline-start-width:4px;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.g-note-card .g-note-ic{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;display:grid}.g-note-text{color:var(--fg-3a4264);min-width:0;line-height:1.8}.g-note-text b{color:inherit}.g-note-info{background:var(--bg-f7f9fb);border-color:var(--line-d9e1ea);border-inline-start-color:var(--line-8aa1b8)}.g-note-info .g-note-ic{background:var(--bg-e7eef5);color:var(--fg-4d6580)}.g-note-tip{background:var(--n5-soft,var(--bg-e8f7e9));border-color:var(--n5-border,var(--line-b8e0bb));border-inline-start-color:var(--n5-deep-line,var(--line-1f5d24))}.g-note-tip .g-note-ic{background:var(--bg-d4eed6);color:var(--n5-deep,var(--fg-1f5d24))}.g-note-warn{background:var(--bg-fffaf0);border-color:var(--line-f0d68a);border-inline-start-color:var(--line-e0a82e)}.g-note-warn .g-note-ic{background:var(--bg-fbe8b8);color:var(--fg-9a6a00)}.g-note-warn .g-note-text{color:var(--fg-6b5418)}.g-note-key{background:var(--bg-eaf6ea);border-color:var(--n5-border,var(--line-b8e0bb));border-inline-start-color:var(--n5-deep-line,var(--line-1f5d24))}.g-note-key .g-note-ic{background:var(--n5-deep-bg,var(--bg-1f5d24));color:var(--fg-ffffff)}.g-aid{background:var(--bg-ffffff);border:1px solid var(--border,var(--line-e3e7ec));border-radius:14px;padding:12px 14px}.g-aid-title{color:var(--n5-deep,var(--fg-1f5d24));margin-bottom:10px;font-weight:800}.g-chips,.g-flow{flex-wrap:wrap;gap:8px;display:flex}.g-flow{align-items:center}.g-flow-arrow{color:var(--fg-9aa7b4);font-size:13px}.g-chip{background:var(--n5-soft,var(--bg-e8f7e9));border:1px solid var(--n5-border,var(--line-b8e0bb));border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:6px 12px;display:inline-flex}.g-chip-jp{color:var(--fg-1f2937);font-size:15px;font-weight:800}.g-chip-ar{color:var(--fg-5b6b7a);font-size:11.5px}.rule-counter{ruby-align:center;ruby-position:under;-webkit-ruby-position:under;margin:0 2px}.rule-counter rt{color:var(--fg-6b9170);font-size:.72em;font-weight:700;line-height:1.1}.hl-na{color:var(--fg-c2410c);font-weight:800}.g-steps{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.g-step{align-items:flex-start;gap:10px;display:flex}.g-step-n{background:var(--n5-deep-bg,var(--bg-1f5d24));color:var(--fg-ffffff);border-radius:50%;flex:none;place-items:center;width:23px;height:23px;margin-top:1px;font-size:12.5px;font-weight:800;display:grid}.g-step-t{color:var(--fg-3a4264);line-height:1.8}.g-diagram{justify-content:center;padding:6px 0 2px;display:flex}.g-diagram svg{width:100%;max-width:560px;height:auto}.g-formula{direction:ltr}.g-formula .rule-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.rule-seg{unicode-bidi:isolate;font-family:Noto Sans JP,Tajawal,sans-serif}.rule-op{color:var(--n5-fg,var(--fg-2e7d32));align-items:center;font-size:1.05em;font-weight:800;display:inline-flex}.rule-op.rule-arrow{color:var(--n5-deep,var(--fg-1f5d24))}.g-del{color:var(--fg-c0392b);text-decoration:line-through;-webkit-text-decoration-color:var(--fg-e2574c);text-decoration-color:var(--fg-e2574c);text-decoration-thickness:2px;position:relative}.g-add{background:linear-gradient(180deg,transparent 62%,var(--bg-2e7d32-a18) 0);color:var(--n5-deep,var(--fg-1f5d24));border-radius:3px;padding:0 .06em;font-weight:800}.g-table-tf td.g-tf-arrow{color:var(--n5-fg,var(--fg-2e7d32));text-align:center;border-inline:none;width:38px;padding:6px 0}.g-table-tf td.g-td-jp{font-size:17px}.g-endings{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.g-end{background:var(--tone-soft,var(--bg-f1f6f0));border:1px solid var(--tone-border,var(--line-cde0c8));border-inline-start:5px solid var(--tone-line,var(--line-7c9b73));border-radius:16px;padding:14px 16px}.g-end-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.g-end-rule{align-items:center;gap:8px;font-size:20px;font-weight:800;display:inline-flex}.g-end-from{color:var(--fg-3a4264)}.g-end-rulearrow{color:var(--tone,var(--fg-7c9b73));font-size:.8em}.g-end-tag{background:var(--bg-fff4e0);border:1px solid var(--line-f6d79a);color:var(--fg-b45309);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.g-end-exs{flex-direction:column;gap:7px;display:flex}.g-end-ex{background:var(--bg-ffffff);border:1px solid var(--line-000000-a05);border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;padding:7px 11px;display:flex}.g-end-ex .jp{direction:ltr;font-family:Noto Sans JP,sans-serif;font-size:17px}.g-end-arrow{color:var(--tone,var(--fg-7c9b73));font-size:.9em}.g-end-mean{color:var(--muted);margin-inline-start:auto;font-size:13px}.g-end.t-purple{--tone:#8d7bd6;--tone-soft:#f4f1fb;--tone-border:#ddd4f3}.g-end.t-pink{--tone:#d98aa8;--tone-soft:#fdf2f6;--tone-border:#f4d7e2}.g-end.t-green{--tone:#5fa86a;--tone-soft:#f1f8f1;--tone-border:#cce6cf}.g-end.t-blue{--tone:#69c;--tone-soft:#eef4fb;--tone-border:#d4e3f3}.g-end.t-orange{--tone:#e0935a;--tone-soft:#fdf4ec;--tone-border:#f6dcc2}.g-end.t-lilac{--tone:#a78bc8;--tone-soft:#f6f2fb;--tone-border:#e4d8f0}.g-end.t-warn{--tone:#dd9b3c;--tone-soft:#fff8ec;--tone-border:#f3e2bd}.g-rule-steps{margin-top:12px}.g-rule-steps .g-aid{background:var(--bg-ffffff);border:1px dashed var(--n5-border,var(--line-b8e0bb));border-radius:12px;padding:10px 12px}.g-rule-steps .g-aid-title{color:var(--n5-deep,var(--fg-1f5d24));margin-bottom:6px;font-weight:800}.g-qa{background:var(--bg-f4f8ff);border:1px dashed var(--line-bfd7f5);border-radius:14px;padding:14px 16px}.g-qa .qa-answer .qa-label{color:var(--n5-fg,var(--fg-2e7d32))}.g-qa .qa-part{position:relative}.g-qa .qa-head{align-items:center;min-height:40px;margin-bottom:2px;display:flex}.g-qa .qa-head .qa-label{margin-bottom:0}.g-qa .jp .reading-speak-btn{box-shadow:none;inset-inline-start:auto;z-index:2;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;line-height:0;display:inline-flex;position:absolute;top:8px;left:0;right:auto}.g-qa .jp .reading-speak-btn img{opacity:.65;width:22px;height:22px}.g-qa .jp .reading-speak-btn:hover img{opacity:1}.g-qa .jp,.g-qa .kana{margin-top:2px}.g-qa .ar{margin-top:6px}@media (width<=560px){.g-endings{grid-template-columns:1fr}.g-end-mean{margin-inline-start:0}}#lesson-grid{position:relative}.lesson-grammar>.g-card:first-child .g-head,.numbers-wrap>.num-block:first-child .num-block-title{padding-inline-end:132px}@media (width<=560px){.lesson-grammar>.g-card:first-child .g-head,.numbers-wrap>.num-block:first-child .num-block-title{padding-inline-end:46px}}.practice-wrap .pq{padding-top:56px}.report-btn{background:var(--bg-ffffff);border:1px solid var(--line-f0d4d4);box-shadow:0 4px 12px var(--shadow-000000-a05);color:var(--fg-b04a4a);cursor:pointer;inset-inline-end:18px;z-index:4;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:18px}.report-btn i{font-size:12px}.report-btn:hover{background:var(--bg-fdf3f3);border-color:var(--line-e0a9a9);color:var(--fg-963c3c)}.report-mount{justify-content:center;margin:26px 0 6px;display:flex}.report-fab,.report-mount .report-btn{inset-inline-end:auto;position:static;top:auto}.report-fab{box-shadow:none;border-radius:50%;flex:none;justify-content:center;width:34px;height:34px;padding:0}.report-fab i{font-size:13px}.detail .panel-head #meta{margin-inline-start:auto}.report-overlay{background:var(--bg-0f172a-a45);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-overlay[hidden]{display:none}.report-modal{background:var(--bg-ffffff);box-shadow:0 24px 60px var(--shadow-000000-a25);border-radius:18px;width:min(460px,100%);font-family:Tajawal,sans-serif;animation:.16s reportIn;overflow:hidden}@keyframes reportIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.report-head{border-bottom:1px solid var(--line-eef0f4);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.report-head h3{color:var(--fg-1f2a44);margin:0;font-size:17px}.report-x{color:var(--fg-9aa1b2);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.report-x:hover{color:var(--fg-4b5563)}.report-body{padding:18px 20px}.report-field-label{color:var(--fg-374151);margin:0 0 8px;font-size:13px;font-weight:800}.report-types{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.report-type{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;transition:all .12s;display:flex}.report-type:hover{background:var(--bg-f8fbf8);border-color:var(--n5-border,var(--line-b8e0bb))}.report-type input{accent-color:var(--n5,#2e7d32)}.report-type:has(input:checked){background:var(--n5-soft,var(--bg-e8f7e9));border-color:var(--n5-line,var(--line-2e7d32));font-weight:700}#report-desc{border:1px solid var(--border);box-sizing:border-box;resize:vertical;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}#report-desc:focus{border-color:var(--n5-line);outline:none}#report-desc.report-invalid{background:var(--bg-fff7f6);border-color:var(--line-e3574c)}.report-ctx{color:var(--muted);margin:10px 0 0;font-size:12px}.report-ctx b{color:var(--fg-374151)}.report-status{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:700}.report-status.ok{color:var(--n5-deep,var(--fg-1f5d24))}.report-foot{background:var(--bg-fafbfc);border-top:1px solid var(--line-eef0f4);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.report-cancel{background:var(--bg-ffffff);border:1px solid var(--border);color:var(--fg-4b5563);cursor:pointer;border-radius:10px;padding:9px 16px;font-family:inherit;font-weight:700}.report-cancel:hover{background:var(--bg-f3f4f6)}.report-send{background:var(--n5,var(--bg-2e7d32));border:1px solid var(--n5-line,var(--line-2e7d32));color:var(--fg-ffffff);cursor:pointer;border-radius:10px;padding:9px 18px;font-family:inherit;font-weight:800}.report-send:hover{background:var(--n5-deep-bg,var(--bg-1f5d24))}.report-send:disabled{cursor:default;opacity:.6}@media (width<=560px){.report-btn-t{display:none}.report-btn{padding:8px 11px}.report-types{grid-template-columns:1fr}}.story-reader{--sr-accent:#2e7d32;--sr-deep:#1f5d24;--sr-soft:#e8f7e9;--sr-border:#b8e0bb;--sr-ink:#1f2937;--sr-muted:#6b7280;--sr-line:#e5e9e6;max-width:720px;margin:0 auto}.story-reader .jp{font-family:Noto Sans JP,Tajawal,sans-serif}.sr-hero{background:linear-gradient(135deg,var(--sr-deep-bg),var(--sr-accent-bg));text-align:center;border-radius:20px;padding:26px 20px 28px;position:relative}.sr-back,.sr-hero{color:var(--fg-ffffff)}.sr-back{background:var(--bg-ffffff-a16);border:1px solid var(--line-ffffff-a45);inset-inline-start:16px;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:14px}.sr-back:hover{background:var(--bg-ffffff-a28);transform:translateY(-1px)}.sr-back i{font-size:12px}.sr-title{text-align:center;direction:ltr;margin:14px 0 0;font-family:Noto Sans JP;font-size:30px;font-weight:700;line-height:1.5}.sr-title ruby rt{font-weight:500;color:var(--fg-ffffff-a82)!important;opacity:1!important}.sr-ar{opacity:.92;margin:9px 0 0;font-size:15px;font-weight:500}.sr-meta{margin-top:16px}.sr-badge{background:var(--bg-ffffff-a18);border:1px solid var(--line-ffffff-a40);border-radius:999px;margin:0 4px;padding:4px 13px;font-size:13px;display:inline-block}.sr-controls{flex-wrap:wrap;justify-content:center;gap:9px;margin:16px 0 4px;display:flex}.sr-chip{background:var(--bg-ffffff);border:1.5px solid var(--sr-border-line);color:var(--sr-deep-fg);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.sr-chip .dot{background:var(--sr-accent-bg);border-radius:50%;flex:none;width:9px;height:9px}.sr-chip.off{border-color:var(--sr-line);color:var(--sr-muted);opacity:.6}.sr-chip.off .dot{background:var(--bg-cbd5e1)}.sr-chip.play{background:var(--sr-accent-bg);border-color:var(--sr-accent-line);color:var(--fg-ffffff)}.sr-chip.play svg{fill:currentColor;width:13px;height:13px}.sr-scene{background:var(--bg-ffffff);border:1px solid var(--sr-line);box-shadow:0 6px 18px var(--shadow-1f5d24-a04);border-radius:16px;margin-top:14px;padding:14px}.sr-illus{border:1px solid var(--sr-line);border-radius:12px;width:100%;height:auto;margin-bottom:12px;display:block}.sr-s{border-bottom:1px dashed var(--sr-line);border-radius:12px;align-items:flex-start;gap:12px;padding:11px 6px;display:flex}.sr-s:last-child{border-bottom:0}.sr-s.active{background:var(--sr-soft-bg)}.sr-sbody{flex:auto;min-width:0}.sr-speak{color:var(--sr-accent-fg);cursor:pointer;opacity:.36;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:7px;padding:0;transition:opacity .15s;display:inline-flex}.sr-speak.on,.sr-speak:hover{opacity:1}.sr-speak svg{fill:currentColor;width:17px;height:17px}.sr-jp{color:var(--sr-ink);overflow-wrap:anywhere;text-align:left;word-break:normal;direction:ltr;font-family:Noto Sans JP;font-size:23px;line-height:2.1}.sr-jp ruby rt{color:var(--sr-accent-fg);font-size:.6em;font-weight:700;transition:opacity .15s}.story-reader.no-furigana .sr-gv ruby rt,.story-reader.no-furigana .sr-jp ruby rt,.story-reader.no-furigana .sr-q ruby rt{opacity:0}.sr-arl,.sr-ro{margin-top:6px;font-size:14.5px;display:none}.sr-ro{color:var(--sr-muted);text-align:left;direction:ltr;font-style:italic}.sr-arl{color:var(--fg-374151)}.story-reader.show-ar .sr-arl,.story-reader.show-romaji .sr-ro{display:block}.sr-jp .w{border-bottom:2px dotted var(--sr-border-line);cursor:pointer;padding-bottom:1px}.sr-jp .w:focus,.sr-jp .w:hover{background:var(--sr-soft-bg);border-radius:4px;outline:none}.sr-sec-head{align-items:center;gap:10px;margin:26px 4px 12px;display:flex}.sr-sec-head h2{color:var(--sr-deep-fg);margin:0;font-size:1.15rem;font-weight:800}.sr-sec-head .line{background:var(--sr-border-bg);flex:1;height:1px}.sr-gloss{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.sr-gv{background:var(--bg-ffffff);border:1px solid var(--sr-line);text-align:right;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.sr-gv-main{flex:auto;min-width:0}.sr-gv-speak{color:var(--sr-accent-fg);cursor:pointer;opacity:.4;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;padding:0;transition:opacity .15s;display:inline-flex}.sr-gv-speak.on,.sr-gv-speak:hover{opacity:1}.sr-gv-speak svg{fill:currentColor;width:16px;height:16px}.sr-gv .jp{color:var(--sr-ink);text-align:right;direction:ltr;font-family:Noto Sans JP;font-size:18px;font-weight:700;line-height:1.9;display:block}.sr-gv .jp ruby rt{color:var(--sr-accent-fg);font-size:.58em;font-weight:700}.sr-gv .rj{color:var(--sr-muted);text-align:right;direction:ltr;margin-top:1px;font-size:11.5px;font-style:italic;display:block}.sr-gv .mn{border-top:1px solid var(--sr-line);color:var(--fg-374151);margin-top:8px;padding-top:8px;font-size:14.5px;display:block}.sr-gram{margin:0;padding:0;list-style:none}.sr-gram li{background:var(--bg-ffffff);border:1px solid var(--sr-line);border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:14px}.sr-gram b{color:var(--sr-accent-fg);font-family:Noto Sans JP}.sr-q{border:1px solid var(--sr-line);border-radius:12px;margin-bottom:10px;padding:14px 16px}.sr-q,.sr-q.inf{background:var(--bg-ffffff)}.sr-q.inf{border-color:var(--sr-line);border-inline-start:3px solid var(--sr-accent-line)}.sr-q .jp{text-align:left;direction:ltr;margin-bottom:6px;font-family:Noto Sans JP;font-size:16px;line-height:2;display:block}.sr-q .jp ruby rt{color:var(--sr-accent-fg);font-size:.58em;font-weight:700}.sr-q .qa{color:var(--fg-374151);font-size:14.5px;line-height:1.7;display:block}.sr-qfoot{justify-content:flex-start;margin-top:12px;display:flex}.sr-reveal{background:var(--sr-soft-bg);border:1px solid var(--sr-border-line);color:var(--sr-deep-fg);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.sr-reveal:hover{background:var(--sr-accent-bg);border-color:var(--sr-accent-line);color:var(--fg-ffffff)}.sr-ans{border-top:1px dashed var(--sr-line);color:var(--sr-deep-fg);margin-top:10px;padding-top:10px;font-size:14px;font-weight:500;display:none}.sr-ans .jp{direction:ltr;font-size:16px;font-weight:700;display:inline-block}.sr-q.open .sr-ans{display:block}.sr-q.open .sr-reveal{background:var(--bg-ffffff);color:var(--sr-deep-fg)}.sr-pdf{margin-top:36px}.sr-pdf-card{background:linear-gradient(135deg,var(--sr-accent-bg),var(--sr-deep-bg));box-shadow:0 14px 34px var(--shadow-1f5d24-a28);color:var(--fg-ffffff);text-align:center;border:0;border-radius:20px;padding:26px 22px}.sr-pdf-card h3{color:var(--fg-ffffff);margin:0 0 6px;font-size:21px}.sr-pdf-txt p{color:var(--fg-ffffff-a92);max-width:430px;margin:0 auto;font-size:14.5px;line-height:1.7}.sr-pdf-form{flex-wrap:wrap;gap:9px;max-width:480px;margin:18px auto 0;display:flex}.sr-pdf-form input{color:var(--fg-1f2937);flex:200px;padding:14px 15px}.sr-pdf-form button,.sr-pdf-form input{border:0;border-radius:11px;font-family:inherit;font-size:15px}.sr-pdf-form button{background:var(--bg-ffffff);box-shadow:0 5px 14px var(--shadow-000000-a18);color:var(--sr-deep-fg);cursor:pointer;padding:14px 24px;font-weight:800;transition:transform .12s,background .15s}.sr-pdf-form button:hover{background:var(--bg-eafaea);transform:translateY(-1px)}.sr-pdf-msg{color:var(--fg-ffffff);text-align:center;max-width:520px;margin:24px auto 0;font-size:13.5px;font-weight:700;line-height:1.6}.sr-pdf-msg:empty{margin:0}.sr-pdf-msg.bad{color:var(--fg-ffdada)}.sr-dl{background:var(--bg-ffffff);box-shadow:0 5px 14px var(--shadow-000000-a18);color:var(--sr-deep-fg);border-radius:10px;align-items:center;margin:8px 6px 0;padding:9px 18px;font-weight:800;text-decoration:none;display:inline-flex}.sr-dl:hover{background:var(--bg-eafaea)}.sr-dl-icon{flex:none;margin-inline-start:7px;font-size:13px;line-height:1}.sr-pdf-sub{opacity:.85;margin-top:9px;font-size:12px;font-weight:500;display:block}.sr-empty{color:var(--muted);text-align:center;padding:50px 20px}#sr-pop{background:var(--bg-ffffff);border:1.5px solid var(--sr-accent-line,var(--line-2e7d32));box-shadow:0 10px 30px var(--shadow-000000-a18);z-index:60;border-radius:12px;max-width:240px;padding:11px 14px;display:none;position:fixed}#sr-pop .jp{color:var(--fg-1f2937);font-family:Noto Sans JP;font-size:20px;font-weight:700}#sr-pop .rj{color:var(--muted);direction:ltr;margin:2px 0;font-size:12.5px}#sr-pop .mn{color:var(--sr-deep-fg,var(--fg-1f5d24));font-size:15px;font-weight:700}@media (width<=768px){.sr-title{font-size:25px}.sr-jp{font-size:21px}.sr-gloss{grid-template-columns:1fr 1fr}}@media (width<=480px){.sr-gloss{grid-template-columns:1fr}}@media (width<=640px){.sr-hero{border-radius:0;margin-left:-16px;margin-right:-16px}.sr-controls{gap:7px}.sr-chip{padding:7px 13px;font-size:12.5px}.sr-pdf-card{padding:22px 16px}.sr-pdf-form{flex-direction:column;max-width:none}.sr-pdf-form button,.sr-pdf-form input{flex:auto;width:100%}}.sl-filterbar{background:var(--bg-ffffff);border:1px solid var(--line-e6ece6);box-shadow:0 8px 22px var(--shadow-1f5d24-a06);border-radius:18px;max-width:820px;margin:16px auto 14px;padding:16px 22px}.sl-fgroup{align-items:flex-start;gap:12px;display:flex}.sl-fgroup+.sl-fgroup{margin-top:12px}.sl-flabel{color:var(--muted);flex:none;min-width:66px;padding-top:7px;font-size:12.5px;font-weight:800}.sl-fchips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.sl-srow{gap:12px}.sl-search,.sl-srow{align-items:center;display:flex}.sl-search{background:var(--bg-f7faf7);border:1px solid var(--line-e6ece6);border-radius:12px;flex:1;gap:9px;padding:10px 14px}.sl-search svg{fill:none;height:17px;stroke:var(--line-9aa79a);stroke-width:2px;flex:none;width:17px}.sl-search input{color:var(--fg-141936);background:0 0;border:0;outline:none;width:100%;font-family:inherit;font-size:14.5px}.sl-search input::-webkit-search-cancel-button{-webkit-appearance:none}.sl-count{background:var(--bg-e8f7e9);border:1px solid var(--line-b8e0bb);color:var(--fg-1f5d24);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:800}.sl-fdiv{background:var(--bg-eef2ee);height:1px;margin:14px 0}.sl-selects{flex-wrap:wrap;gap:10px;margin-top:4px;display:none}.sl-sel{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.sl-sel>span{color:var(--muted);font-size:12px;font-weight:800}.sl-selwrap{position:relative}.sl-selwrap:after{border-bottom:2px solid var(--line-7a917c);border-right:2px solid var(--line-7a917c);content:"";pointer-events:none;inset-inline-end:15px;width:9px;height:9px;position:absolute;top:45%;transform:translateY(-50%)rotate(45deg)}.sl-sel select{appearance:none;background:var(--bg-ffffff);border:1px solid var(--line-b8e0bb);color:var(--fg-1f5d24);cursor:pointer;border-radius:12px;width:100%;padding:11px 14px 11px 36px;font-family:inherit;font-size:15px;font-weight:700}.sl-sel select:focus{border-color:var(--line-2e7d32);box-shadow:0 0 0 3px var(--shadow-2e7d32-a12);outline:none}.sl-resultbar{justify-content:flex-start;max-width:820px;margin:0 auto 14px;display:flex}.page-stories .page-hero{padding-top:48px;padding-bottom:6px}.page-stories .page-section{padding-top:4px}@media (width<=640px){.sl-ui-chips{display:none}.sl-selects{display:flex}.sl-search input{font-size:16px}}.sl-f{background:var(--bg-ffffff);border:1px solid var(--line-b8e0bb);color:var(--fg-1f5d24);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .12s}.sl-f.on{background:var(--bg-2e7d32);border-color:var(--line-2e7d32)}.sl-f.lvl{text-align:center;border-radius:9px;min-width:44px}.sl-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.sl-card{--accent:#2e7d32;--accent-soft:#e8f7e9;--accent-border:#b8e0bb;background:var(--bg-ffffff);border:1px solid var(--line-e5e9e6);box-shadow:0 6px 18px var(--shadow-1f5d24-a05);cursor:pointer;border-radius:18px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.sl-card:hover{border-color:var(--accent-line);box-shadow:0 12px 26px var(--shadow-1f5d24-a12);transform:translateY(-3px)}.sl-cover{aspect-ratio:16/10;background:var(--accent-soft-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sl-cover img{object-fit:cover;width:100%;height:100%;display:block}.sl-ph{font-family:Noto Sans JP;font-size:18px}.sl-lvl,.sl-ph{color:var(--accent-fg);font-weight:800}.sl-lvl{background:var(--bg-ffffff-a92);border:1px solid var(--accent-line);inset-inline-end:10px;border-radius:999px;padding:4px 11px;font-size:12px;position:absolute;top:10px}.sl-cbody{flex-direction:column;flex:1;padding:13px 15px 15px;display:flex}.sl-tjp{color:var(--fg-1f2937);text-align:right;direction:ltr;font-family:Noto Sans JP;font-size:20px;font-weight:700;line-height:1.5}.sl-tar{color:var(--fg-475569);margin-top:2px;font-size:14px}.sl-sum{margin:8px 0 0;font-size:12.5px;line-height:1.6}.sl-meta,.sl-sum{color:var(--muted)}.sl-meta{flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.sl-meta .sl-accent{color:var(--accent-fg);font-weight:700}.sl-tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.sl-tag{background:var(--accent-soft-bg);border:1px solid var(--accent-border-line);color:var(--accent-fg);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.sl-empty{color:var(--muted);text-align:center;padding:30px}:root{--ex-green:#16a34a;--ex-deep:#15803d;--ex-soft:#dcfce7;--ex-hover:#f1fbf6;--ex-border:#bbf7d0;--ex-line:#e5e7eb}.section-badge{background:var(--ex-soft);color:var(--ex-deep)}.exercises-toolbar-card{background:var(--bg-ffffff);border-color:var(--ex-line)}.exercise-results-bar{border-top-color:var(--ex-line)}.exercise-file-card{background:var(--bg-ffffff);border-color:var(--ex-line)}.file-icon{background:var(--ex-soft);border-color:var(--ex-border)}.file-badge.type{background:var(--ex-soft);color:var(--ex-deep)}.filter-chip{border-color:var(--ex-line)}.filter-chip:hover{background:var(--ex-hover);border-color:var(--ex-border)}.filter-chip.active{background:var(--ex-green);border-color:var(--ex-green-line);box-shadow:0 6px 16px var(--shadow-16a34a-a20);color:var(--fg-ffffff)}.seg{background:var(--bg-f3f4f6);border:1px solid var(--ex-line);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.seg-btn{color:var(--fg-4b5563);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:all .18s}.seg-btn:hover{color:var(--ex-deep)}.seg-btn.active{background:var(--ex-green);box-shadow:0 5px 14px var(--shadow-16a34a-a18);color:var(--fg-ffffff)}.file-btn.primary{background:var(--ex-green);box-shadow:0 6px 16px var(--shadow-16a34a-a20)}.file-btn.primary:hover{background:var(--ex-deep-bg)}.file-btn.secondary{background:var(--bg-ffffff);border-color:var(--ex-line)}.file-btn.secondary:hover{background:var(--ex-hover);border-color:var(--ex-border)}.exercises-toolbar-card{margin-top:6px;padding:26px 26px 22px}.exercises-toolbar-top h2{margin:6px 0 8px;font-size:clamp(24px,2.6vw,30px)}.exercises-toolbar-top p{color:var(--fg-64748b);margin-bottom:18px}.exercise-filters{gap:16px;margin-top:12px}.filter-chip{margin-bottom:4px}.exercise-results-bar{margin-top:16px;padding-top:14px}.file-meta-lite{color:var(--fg-64748b);flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 16px;font-size:14px;font-weight:600;display:flex}.file-meta-lite .dot{color:var(--fg-cbd5e1)}.tag-official{background:var(--ex-soft);border:1px solid var(--ex-border);color:var(--ex-deep);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex}.exercises-layout{align-items:stretch;padding-top:30px}.exercises-layout>.hub-panel,.exercises-layout>.hub-tabs{width:100%}.hub-panel{align-items:stretch}.hub-panel>*,.hub-tabs{width:100%}.hub-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 12px;display:flex}.hub-tab{background:var(--bg-ffffff);border:1px solid var(--ex-line);color:var(--fg-4b5563);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:800;transition:all .22s;display:inline-flex}.hub-tab:hover{background:var(--ex-hover);border-color:var(--ex-border);transform:translateY(-1px)}.hub-tab[aria-selected=true]{background:var(--ex-green);border-color:var(--ex-green-line);box-shadow:0 8px 20px var(--shadow-16a34a-a22);color:var(--fg-ffffff)}.hub-count{background:var(--ex-soft);color:var(--ex-deep);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:800;line-height:1.7}.hub-tab[aria-selected=true] .hub-count{background:var(--bg-ffffff-a22);color:var(--fg-ffffff)}.hub-tab.hub-tab-soon{box-shadow:none;cursor:default;filter:grayscale(.4);opacity:.55;pointer-events:none;border-style:dashed}.hub-tab.hub-tab-soon:hover{background:var(--bg-ffffff);transform:none}.hub-panel{flex-direction:column;gap:24px;display:flex}.hub-panel[hidden]{display:none}.hub-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.hub-start-btn{background:var(--ex-green);box-shadow:0 8px 20px var(--shadow-16a34a-a20);color:var(--fg-ffffff);cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.hub-start-btn:hover{background:var(--ex-deep-bg);transform:translateY(-1px)}.hub-start-icon{flex:none;margin-inline-start:8px;font-size:12px;line-height:1}.hub-start-btn:disabled{background:var(--bg-e7efe9);box-shadow:none;color:var(--fg-94a3b8);cursor:default;transform:none}.exercise-file-card.is-soon{background:var(--bg-f8f9fb-a90);opacity:.6;pointer-events:none;border-style:dashed}.exercise-file-card.is-soon .soon-pill{background:var(--bg-eef1f5);border-color:var(--line-dfe3ea);color:var(--fg-8b93a7)}.soon-pill{background:var(--ex-soft);border:1px solid var(--ex-border);color:var(--ex-deep);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}@media (prefers-reduced-motion:reduce){.hub-start-btn,.hub-tab,.seg-btn{transition:none}.hub-start-btn:hover,.hub-tab:hover{transform:none}}.sl-f{border-color:var(--line-c7ead0);color:var(--ex-deep)}.sl-f:hover{background:var(--green-50);border-color:var(--ex-border)}.sl-f.on{background:var(--ex-green);border-color:var(--line-16a34a);color:var(--fg-ffffff)}.sl-count{background:var(--green-100)}.sl-count,.sl-sel select{border-color:var(--ex-border);color:var(--ex-deep)}.sl-sel select:focus{border-color:var(--line-16a34a);box-shadow:0 0 0 3px var(--shadow-16a34a-a12)}.page-hero-soft:before{background:0 0}.pdf-modal{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-modal[hidden]{display:none}.pdf-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--bg-0f172a-a55);position:absolute;inset:0}.pdf-modal__dialog{background:var(--bg-ffffff);box-shadow:0 24px 64px var(--shadow-000000-a35);border-radius:14px;flex-direction:column;width:min(920px,94vw);height:min(92vh,1120px);display:flex;position:relative;overflow:hidden}.pdf-modal__bar{background:var(--bg-f7faf8);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pdf-modal__title{color:var(--ex-deep);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.pdf-modal__tools{flex:none;align-items:center;gap:8px;display:flex}.pdf-modal__dl{background:var(--ex-green);color:var(--fg-ffffff);cursor:pointer;font:inherit;border:0;border-radius:8px;padding:7px 15px;font-weight:700;line-height:1.2}.pdf-modal__dl:hover{background:var(--bg-15803d)}.pdf-modal__close{background:var(--bg-ffffff);border:1px solid var(--border);color:var(--fg-374151);cursor:pointer;border-radius:8px;width:34px;height:34px;font-size:16px;line-height:1}.pdf-modal__close:hover{background:var(--bg-f3f4f6)}.pdf-modal__body{background:var(--bg-525659);flex:1;min-height:0}.pdf-modal__frame{border:0;width:100%;height:100%;display:block}body.pdf-modal-open{overflow:hidden}.app-toast{background:var(--bg-1f2937);box-shadow:0 8px 24px var(--shadow-000000-a25);color:var(--fg-ffffff);opacity:0;pointer-events:none;text-align:center;z-index:2100;border-radius:10px;max-width:90vw;padding:11px 18px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px)}.app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=640px){.pdf-modal__dialog{border-radius:0;width:100vw;height:100vh}.pdf-modal__title{font-size:14px}}@keyframes wnpulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}.update{background:var(--bg-ffffff);border:1px solid var(--border);border-inline-start:4px solid var(--acc,var(--line-16a34a));border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:flex-start;gap:13px;padding:13px 15px;display:flex}.update__tag{background:var(--accbg,var(--green-50));color:var(--acc,var(--green-600));border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.update__new{background:var(--green-600-bg);color:var(--fg-ffffff);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.changelog{max-width:760px;margin-inline:auto}.changelog__hero{text-align:center;margin:8px 0 22px}.changelog__hero h1{margin:0 0 6px;font-size:30px}.changelog__hero p{color:var(--muted);margin:0}.timeline{padding-inline-start:22px;position:relative}.timeline:before{background:var(--green-100);content:"";bottom:6px;inset-inline-start:6px;width:2px;position:absolute;top:6px}.tl{margin-bottom:18px;position:relative}.tl:before{background:var(--green-600-bg);border:3px solid var(--line-ffffff);box-shadow:0 0 0 2px var(--green-200-shadow);content:"";inset-inline-start:-22px;border-radius:50%;width:12px;height:12px;position:absolute;top:5px}.tl__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl__date{color:var(--muted);direction:ltr;font-size:12px;font-weight:700}.tl__card{background:var(--bg-ffffff);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-top:6px;padding:12px 14px}.tl__card h3{margin:0 0 4px;font-size:16px}.tl__card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}#rotatingTip{cursor:default;transition:opacity .35s}#rotatingTip.is-fading{opacity:0}@media (prefers-reduced-motion:reduce){#rotatingTip{transition:none}}.book-inline{background:linear-gradient(160deg,var(--green-50),var(--bg-ffffff) 58%,var(--pink-50-bg));border:1px solid var(--line-e6f4ec);box-shadow:0 10px 30px var(--shadow-020617-a07);text-align:center;border-radius:20px;width:100%;max-width:600px;margin:4px auto 26px;padding:26px 30px 24px}.book-inline__badge{background:linear-gradient(160deg,var(--ex-green),var(--bg-0d7a38));box-shadow:0 10px 20px var(--shadow-16a34a-a32);color:var(--fg-ffffff);text-align:center;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:66px;margin-bottom:13px;display:inline-flex}.book-inline__badge b{font-size:19px;font-weight:800;line-height:1}.book-inline__badge small{opacity:.9;margin-top:4px;padding:0 4px;font-size:8px;font-weight:600;line-height:1.2}.book-inline h3{color:var(--text);margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.4}.book-inline p{color:var(--fg-5b6472);max-width:420px;margin:0 auto 16px;font-size:13.5px;line-height:1.65}.book-inline__form{flex-wrap:wrap;justify-content:center;gap:9px;max-width:430px;margin:0 auto;display:flex}.book-inline__form input{background:var(--bg-ffffff);border:1px solid var(--line-dbe3ea);font:inherit;text-align:center;border-radius:12px;flex:1;min-width:190px;padding:12px 15px;font-size:14px;transition:all .15s}.book-inline__form input:focus{border-color:var(--line-16a34a);box-shadow:0 0 0 3px var(--shadow-16a34a-a14);outline:none}.book-inline__form .btn.primary{background:linear-gradient(135deg,var(--ex-green),var(--bg-0d7a38));box-shadow:0 8px 18px var(--shadow-16a34a-a25);color:var(--fg-ffffff);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:800;transition:all .15s}.book-inline__form .btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.book-inline__msg{color:var(--green-600);margin-top:11px;font-size:13px;font-weight:700}.book-inline__note{color:var(--fg-94a3b8);margin-top:12px;font-size:11.5px;line-height:1.5}@media (width<=560px){.book-inline{padding:22px 18px}.book-inline__form input{min-width:0}}.section-badge{background:var(--n5-soft);border:1px solid var(--n5-border);color:var(--n5-deep);border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:13px;font-weight:800;display:inline-block}.page-grammar .card-main span.g-ar,.page-grammar .card-main span.g-jp,.page-grammar .g-ar,.page-grammar .g-jp{overflow-wrap:break-word;white-space:normal}.page-grammar .g-ar .jp-inline-title,.page-grammar .g-jp .jp-inline-title,.page-grammar .jp-inline-title{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}.hero-path-note{color:var(--muted);margin-top:10px;font-size:14px}.hero-path-note a{color:var(--green-600);border-bottom:1px solid #0000;font-weight:700;text-decoration:none}.hero-path-note a:hover{border-bottom-color:currentColor}