.kitab-avatar{flex:none;display:block;overflow:visible}.kitab-avatar .k-shadow{fill:#16181d1a;transform-origin:48px 90px}.kitab-avatar .k-cover{fill:var(--primary)}.kitab-avatar .k-page{fill:#fff;stroke:var(--primary-strong);stroke-width:1.6px;stroke-linejoin:round}.kitab-avatar .k-line{fill:none;stroke:var(--primary-soft-line);stroke-width:1.6px;stroke-linecap:round}.kitab-avatar .k-spine{stroke:var(--primary-strong);stroke-width:1.6px}.kitab-avatar .k-eye{fill:var(--ink)}.kitab-avatar .k-glint{fill:#fff}.kitab-avatar .k-mouth{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;opacity:0}.kitab-avatar .k-o{fill:var(--ink);stroke:none}.kitab-avatar .k-cheek{fill:var(--primary-soft-line);opacity:.55}.kitab-avatar .k-ribbon path{fill:var(--warning)}.kitab-avatar .k-ribbon{transform-origin:48px 31px;transition:transform .42s cubic-bezier(.2,.7,.2,1)}.kitab-avatar .k-page-left,.kitab-avatar .k-page-right{transform-origin:48px 73px;transition:transform .42s}.kitab-avatar .k-eyes{transform-origin:48px 45px;transition:transform .3s}.kitab-avatar .k-dots,.kitab-avatar .k-sparkles,.kitab-avatar .k-alert{opacity:0;transition:opacity .2s}.kitab-avatar .k-dots circle{fill:var(--primary)}.kitab-avatar .k-sparkles path,.kitab-avatar .k-alert circle{fill:var(--warning)}.kitab-avatar .k-alert path{stroke:#fff;stroke-width:2.6px;stroke-linecap:round}.kitab-avatar.mood-idle .k-smile,.kitab-avatar.mood-welcoming .k-smile,.kitab-avatar.mood-encouraging .k-smile,.kitab-avatar.mood-celebrating .k-smile,.kitab-avatar.mood-pointing .k-smile,.kitab-avatar.mood-thinking .k-o,.kitab-avatar.mood-explaining .k-o,.kitab-avatar.mood-unavailable .k-flat,.kitab-avatar.mood-thinking .k-dots{opacity:1}.kitab-avatar.mood-thinking .k-eyes{transform:translate(3px,-3px)}.kitab-avatar.mood-welcoming .k-page-left{transform:rotate(-6deg)}.kitab-avatar.mood-welcoming .k-page-right{transform:rotate(6deg)}.kitab-avatar.mood-pointing .k-ribbon{transform:rotate(-58deg)scaleY(1.25)}.kitab-avatar.mood-pointing .k-eyes{transform:translate(-3px)}.kitab-avatar.mood-celebrating .k-sparkles{opacity:1}.kitab-avatar.mood-celebrating .k-eyes{transform:scaleY(.45)}.kitab-avatar.mood-unavailable .k-cover{fill:var(--muted)}.kitab-avatar.mood-unavailable .k-page{stroke:var(--muted)}.kitab-avatar.mood-unavailable .k-alert{opacity:1}.kitab-avatar.mood-unavailable .k-eyes{transform:scaleY(.25)}.kitab-avatar.mood-encouraging .k-ribbon{transform:rotate(14deg)}@media (prefers-reduced-motion:no-preference){.kitab-avatar .k-body{transform-origin:48px 80px;animation:3.6s ease-in-out 2 k-bob}.kitab-avatar .k-shadow{animation:3.6s ease-in-out 2 k-shadow}.kitab-avatar .k-eye,.kitab-avatar .k-glint{transform-box:fill-box;transform-origin:50%;animation:5.2s infinite k-blink}.kitab-avatar.mood-idle .k-ribbon{animation:4s ease-in-out k-sway}.kitab-avatar.mood-welcoming .k-ribbon{animation:.9s ease-in-out 2 k-wave}.kitab-avatar.mood-thinking .k-dots circle{animation:1.2s ease-in-out infinite k-dot}.kitab-avatar.mood-thinking .k-dots circle:nth-child(2){animation-delay:.15s}.kitab-avatar.mood-thinking .k-dots circle:nth-child(3){animation-delay:.3s}.kitab-avatar.mood-explaining .k-page-right{animation:1.6s ease-in-out 2 k-turn}.kitab-avatar.mood-explaining .k-o{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out 6 alternate k-talk}.kitab-avatar.mood-pointing .k-body{animation:1.2s ease-in-out 2 k-lean}.kitab-avatar.mood-encouraging .k-body{animation:.8s ease-in-out 2 k-nod}.kitab-avatar.mood-celebrating .k-body{animation:.7s cubic-bezier(.3,1.6,.5,1) 3 k-hop}.kitab-avatar.mood-celebrating .k-sparkles path{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out 4 k-twinkle}.kitab-avatar.mood-unavailable .k-body{animation:none}}@keyframes k-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes k-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes k-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes k-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes k-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-22deg)}70%{transform:rotate(18deg)}}@keyframes k-dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes k-turn{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes k-talk{0%{transform:scale(.7)}to{transform:scale(1.15)}}@keyframes k-lean{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)translate(-2px)}}@keyframes k-nod{0%,to{transform:translateY(0)}50%{transform:translateY(3px)rotate(2deg)}}@keyframes k-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-9px)}}@keyframes k-twinkle{0%,to{opacity:.6;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f1f0eb;--ink:#16181d;--ink-2:#3b3f48;--muted:#5f6470;--line:#e2e0d8;--line-strong:#c9c6bc;--primary:#2447d6;--primary-strong:#1a35a8;--primary-soft:#eaeefc;--primary-soft-line:#b9c6f5;--warning:#c27100;--warning-soft:#fff4e0;--success:#1d7a4c;--success-soft:#e6f4ec;--danger:#b42318;--danger-soft:#fdecea;--focus:#2447d6;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #16181d0d, 0 4px 16px #16181d0a;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.35rem);font-weight:700}h2{font-size:1.2rem;font-weight:650}h3{font-size:1rem;font-weight:650}p{margin:0 0 .75rem}a{color:var(--primary-strong)}code{font-family:var(--mono);font-size:.88em}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-strong);margin:0 0 .4rem;font-size:.78rem;font-weight:650}.lead{color:var(--ink-2);max-width:62ch;font-size:1.08rem}.error-text{color:var(--danger)}.inline-icon{vertical-align:-.15em;width:1em;height:1em}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.button,.icon-button,.text-button,.play-button{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:0 18px}.button:hover{border-color:var(--ink-2)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong)}.button svg,.icon-button svg,.text-button svg,.play-button svg{flex:none;width:18px;height:18px}.icon-button{border:1px solid var(--line);background:var(--surface);width:44px;padding:0}.icon-button:hover:not(:disabled){border-color:var(--line-strong)}.text-button{color:var(--primary-strong);text-underline-offset:3px;background:0 0;border:0;padding:0 6px;text-decoration:underline}button:disabled{cursor:not-allowed;opacity:.45}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.field{gap:6px;margin:12px 0 0;display:grid}.field>span{font-size:.92rem;font-weight:600}.field input:not([type=range],[type=radio],[type=checkbox]),.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;padding:10px 12px}.field textarea{resize:vertical;min-height:64px}input[type=range]{width:100%;min-height:44px;accent-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-title{margin:0 0 10px;font-size:.95rem}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f6f2eb;flex-wrap:wrap;align-items:center;gap:16px;padding:10px max(16px,50vw - 620px);display:flex;position:sticky;top:0}.topbar nav{gap:6px;margin-left:auto;display:flex}.topbar nav a{min-height:44px;color:var(--ink-2);border-radius:8px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.topbar nav a:hover{background:var(--surface-2)}.brand{color:var(--ink);align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.brand b{font-size:1.15rem}.brand span{color:var(--muted)}.back{min-height:44px;color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 4px;font-weight:650;text-decoration:none;display:inline-flex}.back svg{width:18px}.back:hover{background:var(--surface-2)}.crumb{color:var(--muted);margin:0;font-size:.92rem}.review-chip{background:var(--success-soft);color:var(--success);border-radius:999px;align-items:center;gap:6px;margin:0 0 0 auto;padding:4px 10px;font-size:.84rem;font-weight:600;display:inline-flex}.review-chip svg{width:16px}.review-chip.draft{background:var(--warning-soft);color:#8a4f00}.page,.home main{max-width:1240px;margin:0 auto;padding:28px 16px 56px}.page.narrow{max-width:680px}.section{margin-top:44px}.section-lead{color:var(--muted);max-width:70ch}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:20px 16px;font-size:.9rem}.notice{border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--ink-2);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.notice svg{width:18px;color:var(--primary-strong);flex:none;margin-top:3px}.notice.warning{background:var(--warning-soft)}.notice.warning svg{color:var(--warning)}.analogy{border-left:3px solid var(--primary-soft-line);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:72ch;padding:12px 14px}.error-detail{white-space:pre-wrap;background:var(--surface-2);overflow-wrap:anywhere;border-radius:8px;padding:12px}.hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px;padding:20px 0 8px;display:grid}.hero h1{max-width:18ch;font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem)}.hero-guide{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-2);justify-items:center;gap:12px;padding:24px;display:grid}.hero-guide p{max-width:32ch;margin:0}.loop{color:var(--muted);flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.loop li{align-items:center;gap:6px;display:inline-flex}.loop li+li:before{content:"→";color:var(--line-strong);margin-right:2px}.loop span{background:var(--primary-soft);width:22px;height:22px;color:var(--primary-strong);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:inline-grid}.search{margin-top:36px;position:relative}.search>svg{width:20px;color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search .spin{left:auto;right:16px}.search input{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;width:100%;min-height:54px;padding:0 48px;font-size:1.02rem}.topic{margin-top:22px}.topic h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.86rem}.mission-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mission-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);align-content:start;gap:6px;padding:16px;text-decoration:none;display:grid}.mission-card:hover{border-color:var(--primary-soft-line);box-shadow:var(--shadow)}.mission-card b{font-size:1.04rem}.mission-card>span:not(.status-chip){color:var(--ink-2);font-size:.95rem}.mission-card small{color:var(--muted)}.status-chip{background:var(--surface-2);color:var(--muted);border-radius:999px;justify-self:start;padding:2px 8px;font-size:.76rem;font-weight:700}.status-chip.status-practiced{background:var(--primary-soft);color:var(--primary-strong)}.status-chip.status-mastered{background:var(--success-soft);color:var(--success)}.concept-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.concept-list a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:56px;color:var(--ink);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.concept-list a:hover{border-color:var(--primary-soft-line)}.concept-list a>svg{width:18px;color:var(--primary);flex:none}.concept-list a>svg:last-child{color:var(--muted);margin-left:auto}.concept-list span{min-width:0;display:grid}.concept-list small{color:var(--muted)}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);margin-top:18px;padding:18px}.walkthrough{gap:12px;padding:18px;display:grid}.what-if{border-radius:var(--radius);background:var(--warning-soft);margin-top:16px;padding:16px}.reading article{max-width:72ch;margin-bottom:18px}.reading ol{padding-left:20px}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-guide{text-align:left;grid-template-columns:auto 1fr;justify-items:start;padding:16px}}code,pre,kbd{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.playback-row{align-items:center;gap:8px;display:flex}.scrubber{flex:1;min-width:80px}@media (width<=760px){.topbar{flex-wrap:nowrap;gap:8px;position:static}.review-chip .chip-detail{display:none}}@media (width<=480px){.topbar .crumb{display:none}}.journey-hero{color:#e9eefb;background:radial-gradient(900px 380px at 20% -120px,#1b3166 0%,#0a1224 70%);border-radius:20px;margin-top:12px;padding:28px}.journey-hero .eyebrow{color:#9db8ff}.journey-hero .lead{color:#c4cee6}.journey-hero .button{color:#e9eefb;background:#15233f;border-color:#34497a}.journey-hero .button.primary{color:#fff;background:#4d7cf5;border-color:#4d7cf5}.journey-hero .button.primary:hover{background:#3c69de}.journey-hero .loop li{color:#c4cee6}.journey-hero .loop li span{color:#fff;background:#4d7cf5}.journey-hero .hero-guide{color:#c4cee6;background:#101b33;border-color:#22335a}.journey-hero :focus-visible{outline-color:#a9c2ff}.journey-card b .inline-icon{color:var(--primary)}.status-chip.learning-learning{background:var(--primary-soft);color:var(--primary-strong)}.status-chip.learning-completed{background:var(--success-soft);color:var(--success)}@media (width<=760px){.journey-hero{border-radius:16px;padding:20px 16px}}