@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400;1,7..72,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap&subset=vietnamese");:root{--bg:#ece3d4;--page:#f6efe1;--page-edge:#e2d6bf;--ink:#322a1d;--ink-soft:#6a5f4c;--ink-faint:#998b73;--line:#ddd0b8;--accent:#c1620c;--accent-soft:#d98a3d;--accent-wash:#f0e1c9;--tip-bg:#f3e6cd;--tip-edge:#d99a3e;--focus-bg:#efe7d6;--code-bg:#2c2519;--code-ink:#ece1cd;--rail:#efe7d8;--rail-ink:#4a4133;--shadow:0 1px 2px rgba(60,45,20,.06),0 12px 34px rgba(60,45,20,.09);--shadow-soft:0 1px 3px rgba(60,45,20,.07);--ok:#3f7d4f;--ok-wash:#e6f0e5;--bad:#b0402c;--bad-wash:#f6e6e1}:root[data-theme=sepia]{--bg:#e4d3b3;--page:#f3e4c6;--page-edge:#e0cba2;--ink:#4a3b25;--ink-soft:#7a6444;--ink-faint:#a68d63;--line:#ddc8a3;--accent:#af5510;--accent-soft:#c47a30;--accent-wash:#ecd9b6;--tip-bg:#efdcb6;--tip-edge:#c98a30;--focus-bg:#ecdcbb;--code-bg:#2f2716;--code-ink:#efe2c6;--rail:#ecdcbb;--rail-ink:#5a4a30;--shadow:0 1px 2px rgba(80,55,15,.07),0 12px 34px rgba(80,55,15,.1);--shadow-soft:0 1px 3px rgba(80,55,15,.08);--ok:#3c7448;--ok-wash:#e4eddc;--bad:#a53c28;--bad-wash:#f2ddd2}:root[data-theme=night]{--bg:#14110c;--page:#1b1812;--page-edge:#2a251b;--ink:#e6ddcb;--ink-soft:#ab9f88;--ink-faint:#786d59;--line:#2e2820;--accent:#ec9a3f;--accent-soft:#d98a3d;--accent-wash:#2a2114;--tip-bg:#241d10;--tip-edge:#b3781f;--focus-bg:#211c12;--code-bg:#211d15;--code-ink:#e6ddcb;--rail:#16130d;--rail-ink:#c3b89f;--shadow:0 1px 2px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.5);--shadow-soft:0 1px 3px rgba(0,0,0,.4);--ok:#6fb558;--ok-wash:#1c2716;--bad:#e0654b;--bad-wash:#2a1712}:root[data-theme=mono]{--bg:#ececeb;--page:#fff;--page-edge:#e2e2e0;--ink:#15151a;--ink-soft:#52525a;--ink-faint:#86868f;--line:#dcdcd9;--accent:#15151a;--accent-soft:#52525a;--accent-wash:#ececeb;--tip-bg:#f3f3f2;--tip-edge:#b6b6b2;--focus-bg:#f3f3f2;--code-bg:#18181c;--code-ink:#ececeb;--rail:#f5f5f4;--rail-ink:#3a3a41;--shadow:0 1px 2px rgba(0,0,0,.05),0 12px 34px rgba(0,0,0,.08);--shadow-soft:0 1px 3px rgba(0,0,0,.06);--ok:#15151a;--ok-wash:#eaeae8;--bad:#86868f;--bad-wash:#f2f2f1}:root{--reading-size:19px;--reading-leading:1.82;--reading-width:46rem;--reading-font:"Literata",Georgia,serif;--display:"Fraunces",Georgia,serif;--ui:"IBM Plex Sans",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--reading-font);background-image:radial-gradient(circle at 20% 12%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");transition:background-color .4s ease,color .4s ease}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}a{color:inherit}button{font-family:var(--ui);cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.progress-rail{position:fixed;inset:0 0 auto 0;height:3px;z-index:80;background:transparent}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transition:width .1s linear}.shell{display:flex;min-height:100vh}.rail{width:320px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--rail);color:var(--rail-ink);border-right:1px solid var(--line);font-family:var(--ui)}.rail-head{padding:20px 20px 12px;border-bottom:1px solid var(--line)}.rail-brand{display:flex;align-items:baseline;gap:9px;text-decoration:none}.rail-brand b{font-family:var(--display);font-weight:900;font-size:27px;letter-spacing:-.5px;color:var(--ink)}.rail-brand b i{font-style:normal;color:var(--accent)}.rail-brand span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.rail-search{margin-top:14px;width:100%;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;color:var(--ink);outline:none}.rail-search:focus{border-color:var(--accent)}.rail-progress{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--ink-faint)}.rail-progress .bar{flex:1 1;height:5px;border-radius:4px;background:var(--line);overflow:hidden}.rail-progress .bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.rail-progress b{font-family:var(--mono);font-weight:500;color:var(--accent)}.toc{flex:1 1;overflow-y:auto;padding:8px 0 28px}.toc-part{margin:16px 20px 4px;display:flex;align-items:baseline;gap:9px}.toc-part .pn{font-family:var(--display);font-weight:700;font-size:12px;color:var(--accent);letter-spacing:.04em}.toc-part .pt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.toc-part:after{content:"";flex:1 1;height:1px;background:var(--line)}.toc-link{display:flex;gap:11px;align-items:baseline;padding:6px 18px 6px 20px;text-decoration:none;color:var(--rail-ink);font-size:13.5px;line-height:1.42;border-left:2px solid transparent}.toc-link:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.toc-link.active{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--ink);font-weight:600}.toc-link .tn{font-family:var(--mono);font-size:11px;color:var(--ink-faint);min-width:21px}.toc-link.active .tn{color:var(--accent)}.toc-link.read .tn:after{content:" ✓";color:var(--accent)}.toc-link.hide{display:none}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;padding:11px 22px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-bottom:1px solid var(--line);font-family:var(--ui)}.crumb{font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb b{color:var(--ink);font-weight:600}.spacer{flex:1 1}.iconbtn{border:1px solid var(--line);background:var(--page);color:var(--ink);border-radius:9px;height:34px;min-width:34px;padding:0 9px;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:border-color .2s,color .2s,background .2s}.iconbtn:hover{border-color:var(--accent);color:var(--accent)}.iconbtn.ghost{border-color:transparent;background:transparent}#menuBtn{display:none}.scroller{flex:1 1}.page{max-width:var(--reading-width);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(22px,5vw,60px) 30px;background:var(--page);min-height:calc(100vh - 56px);box-shadow:var(--shadow);border-left:1px solid var(--page-edge);border-right:1px solid var(--page-edge);position:relative}.ch-eyebrow{font-family:var(--ui);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}.ch-eyebrow:after{content:"";flex:1 1;height:1px;background:var(--line)}.ch-meta{font-family:var(--ui);font-size:12.5px;color:var(--ink-faint);margin:16px 0 0;display:flex;gap:16px;flex-wrap:wrap}.ch-meta span{display:inline-flex;align-items:center;gap:5px}.prose{font-size:var(--reading-size);line-height:var(--reading-leading);margin-top:10px;hanging-punctuation:first last}.prose>:first-child{margin-top:0}.prose h1{font-weight:900;font-size:clamp(31px,5vw,43px);line-height:1.12;letter-spacing:-.6px;margin:6px 0 26px}.prose h1,.prose h2{font-family:var(--display)}.prose h2{font-weight:700;font-size:clamp(22px,3.2vw,27px);letter-spacing:-.3px;margin:2.4em 0 .7em;padding-top:.9em;border-top:1px solid var(--line);scroll-margin-top:76px}.prose h3{font-weight:700;font-size:1.06em;margin:1.8em 0 .5em;color:var(--ink)}.prose h3,.prose h4{font-family:var(--ui)}.prose h4{font-weight:600;font-size:.96em;margin:1.4em 0 .4em;color:var(--ink-soft)}.prose p{margin:0 0 1.05em}.prose strong{font-weight:600;color:var(--ink)}.prose em{color:var(--ink-soft)}.prose ol,.prose ul{margin:0 0 1.1em;padding-left:1.4em}.prose li{margin:.34em 0}.prose li::marker{color:var(--accent-soft)}.prose a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}.prose hr{border:0;height:1px;background:var(--line);margin:2.4em 0;position:relative}.prose>p:first-of-type:first-letter{font-family:var(--display);font-weight:700;font-size:3.1em;line-height:.82;float:left;margin:.04em .12em 0 0;color:var(--accent)}.prose.justify p{text-align:justify}.prose code{font-family:var(--mono);font-size:.82em;background:var(--accent-wash);color:var(--accent);padding:.12em .4em;border-radius:5px;word-break:break-word}.prose .codeblock{margin:1.4em 0;border-radius:13px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb,var(--code-bg) 55%,#fff 9%);background:var(--code-bg)}.prose .cb-head{display:flex;align-items:center;gap:12px;padding:9px 14px;background:color-mix(in srgb,var(--code-bg) 82%,#fff 6%);border-bottom:1px solid color-mix(in srgb,var(--code-bg) 50%,#fff 12%);font-family:var(--ui)}.prose .cb-dots{display:inline-flex;gap:6px}.prose .cb-dots i{width:11px;height:11px;border-radius:50%;display:block}.prose .cb-dots i:first-child{background:#e0654b}.prose .cb-dots i:nth-child(2){background:#e0a93b}.prose .cb-dots i:nth-child(3){background:#6fb558}.prose .cb-lang{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--code-ink) 64%,transparent)}.prose .cb-copy{margin-left:auto;border:1px solid color-mix(in srgb,var(--code-ink) 22%,transparent);background:transparent;color:color-mix(in srgb,var(--code-ink) 80%,transparent);border-radius:7px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.prose .cb-copy:hover{border-color:var(--accent);color:var(--accent)}.prose .cb-copy.ok{color:#6fb558;border-color:#6fb558}.prose .codeblock pre{margin:0;padding:15px 18px;overflow-x:auto;background:var(--code-bg);color:var(--code-ink);font-size:13.5px;line-height:1.66;-moz-tab-size:2;tab-size:2}.prose .codeblock pre code{background:none;color:inherit;padding:0;font-size:13.5px}.prose>pre{background:var(--code-bg);color:var(--code-ink);border-radius:13px;padding:16px 18px;margin:1.4em 0;overflow-x:auto}.prose .tablewrap{overflow-x:auto;margin:1.3em 0;border-radius:12px;box-shadow:var(--shadow-soft)}.prose table{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:14px;line-height:1.5;background:color-mix(in srgb,var(--page) 70%,var(--bg))}.prose th{text-align:left;padding:11px 14px;background:var(--ink);color:var(--page);font-weight:600;white-space:nowrap}:root[data-theme=night] .prose th{background:#2c2616;color:var(--ink)}.prose td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}.prose tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--accent-wash) 35%,transparent)}.prose blockquote{margin:1.2em 0;padding:.1em 1.2em;border-left:3px solid var(--ink-faint);color:var(--ink-soft);font-style:italic}.prose blockquote.focus,.prose blockquote.tip{font-style:normal;color:var(--ink);border-radius:4px 14px 14px 4px;padding:14px 20px 14px 18px;margin:1.5em 0;box-shadow:var(--shadow-soft);position:relative}.prose blockquote.tip{background:var(--tip-bg);border-left:4px solid var(--tip-edge)}.prose blockquote.focus{background:var(--focus-bg);border-left:4px solid var(--accent)}.prose blockquote.focus p,.prose blockquote.tip p{margin:.35em 0}.prose blockquote.tip strong:first-child{color:var(--accent)}.prose details.answers{margin:1.4em 0;border:1px dashed var(--accent-soft);border-radius:14px;background:color-mix(in srgb,var(--accent-wash) 50%,transparent);padding:0 20px}.prose details.answers>summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--ui);font-weight:600;font-size:14.5px;color:var(--accent);padding:15px 0;display:flex;align-items:center;gap:9px}.prose details.answers>summary::-webkit-details-marker{display:none}.prose details.answers>summary:before{content:"▸";transition:transform .2s}.prose details.answers[open]>summary:before{transform:rotate(90deg)}.prose details.answers[open]{padding-bottom:16px}.ch-foot{font-family:var(--ui);margin-top:40px}.mark-read{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);border-radius:11px;padding:11px 22px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.mark-read.on{background:var(--accent);color:#fff}.pager{display:flex;gap:14px;margin-top:30px}.pager a{flex:1 1;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:color-mix(in srgb,var(--page) 60%,var(--bg));box-shadow:var(--shadow-soft);transition:border-color .2s,transform .2s}.pager a:hover{border-color:var(--accent);transform:translateY(-1px)}.pager a.next{text-align:right}.pager .dir{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.pager .ttl{font-weight:600;font-size:14px;color:var(--ink)}.aa-pop{position:fixed;top:56px;right:18px;z-index:90;width:280px;padding:16px;border-radius:16px;background:var(--page);border:1px solid var(--line);box-shadow:var(--shadow);font-family:var(--ui);transform-origin:top right;animation:pop .16s ease}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.aa-scrim{position:fixed;inset:0;z-index:85;background:transparent}.aa-grip{display:none}.aa-titlebar{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.aa-close{border:1px solid var(--line);background:transparent;color:var(--ink-soft);width:26px;height:26px;border-radius:8px;font-size:12px;line-height:1}.aa-close:hover{border-color:var(--accent);color:var(--accent)}.aa-row{margin-bottom:15px}.aa-row:last-child{margin-bottom:0}.aa-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.aa-themes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.aa-theme{border:1.5px solid var(--line);border-radius:10px;padding:10px 0;font-size:12px;font-weight:600;text-align:center}.aa-theme[data-active=true]{border-color:var(--accent)}.aa-theme.t-paper{background:#f6efe1;color:#322a1d}.aa-theme.t-sepia{background:#f3e4c6;color:#4a3b25}.aa-theme.t-night{background:#1b1812;color:#e6ddcb}.aa-theme.t-mono{background:#fff;color:#15151a}.aa-stepper{display:flex;align-items:center;gap:8px}.aa-stepper button{flex:1 1;border:1.5px solid var(--line);background:var(--page);color:var(--ink);border-radius:10px;height:40px;font-size:16px;font-weight:600}.aa-stepper button:hover{border-color:var(--accent);color:var(--accent)}.aa-stepper .val{min-width:54px;text-align:center;font-size:13px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.aa-seg{display:flex;gap:6px}.aa-seg button{flex:1 1;border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:9px;height:36px;font-size:12.5px;font-weight:600}.aa-seg button[data-active=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.aa-outline{max-height:220px;overflow-y:auto}.aa-outline a{display:block;text-decoration:none;color:var(--ink-soft);font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--line)}.aa-outline a:hover{color:var(--accent)}.cover{max-width:980px;margin:0 auto;padding:clamp(40px,8vw,96px) 26px 80px;font-family:var(--ui)}.cover-badge{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:600}.cover h1{font-family:var(--display);font-weight:900;font-size:clamp(40px,8vw,78px);line-height:1.02;letter-spacing:-1.5px;margin:18px 0 0;color:var(--ink)}.cover h1 .amp{color:var(--accent)}.cover .lead{font-family:var(--reading-font);font-size:clamp(17px,2.4vw,21px);line-height:1.6;color:var(--ink-soft);max-width:620px;margin:22px 0 0}.cover-stats{display:flex;flex-wrap:wrap;gap:30px;margin:34px 0 38px}.cover-stat b{font-family:var(--display);font-weight:700;font-size:34px;color:var(--accent);display:block;line-height:1}.cover-stat span{font-size:12.5px;color:var(--ink-faint);letter-spacing:.04em}.cover-cta{display:flex;flex-wrap:wrap;gap:14px}.btn-primary{background:var(--accent);color:#fff;border:0;border-radius:13px;padding:15px 30px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:9px;box-shadow:var(--shadow-soft)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{border:1.5px solid var(--line);border-radius:13px;padding:15px 26px;font-size:15px;font-weight:600;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:9px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.shelf{margin-top:64px}.shelf-part{margin:40px 0 16px;display:flex;align-items:baseline;gap:12px}.shelf-part .pn{font-family:var(--display);font-weight:700;font-size:15px;color:var(--accent)}.shelf-part .pt{font-family:var(--display);font-weight:600;font-size:20px;color:var(--ink)}.shelf-part .pr{font-size:12px;color:var(--ink-faint)}.shelf-part:after{content:"";flex:1 1;height:1px;background:var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.card{text-decoration:none;border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--page);box-shadow:var(--shadow-soft);transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .cn{font-family:var(--mono);font-size:12px;color:var(--accent)}.card .ct{font-family:var(--display);font-weight:600;font-size:16.5px;line-height:1.28;color:var(--ink);margin:7px 0 12px}.card .cmeta{font-size:11.5px;color:var(--ink-faint);display:flex;gap:12px}.card.read:after{content:"✓";position:absolute;top:14px;right:16px;color:var(--accent);font-weight:700}.scrim{display:none}@media (max-width:940px){.rail{position:fixed;left:0;top:0;bottom:0;z-index:95;transform:translateX(-100%);transition:transform .26s ease;width:min(320px,86vw)}body.nav-open .rail{transform:translateX(0)}body.nav-open .scrim{display:block;position:fixed;inset:0;z-index:92;background:rgba(15,10,4,.46)}#menuBtn{display:inline-flex}.page{box-shadow:none;border:0}.aa-scrim{background:rgba(15,10,4,.5);z-index:96}.aa-pop{top:auto;right:0;left:0;bottom:0;width:100%;max-width:100%;max-height:84vh;overflow-y:auto;border-radius:22px 22px 0 0;border:0;border-top:1px solid var(--line);padding:8px 20px calc(20px + env(safe-area-inset-bottom));z-index:97;transform-origin:bottom center;animation:sheet-up .26s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px rgba(0,0,0,.28)}@keyframes sheet-up{0%{transform:translateY(100%)}}.aa-grip{display:block;width:42px;height:5px;border-radius:3px;background:var(--line);margin:6px auto 12px}.aa-theme,.aa-titlebar{font-size:13px}.aa-theme{padding:13px 0}.aa-seg button{height:42px;font-size:13px}.aa-stepper button{height:46px}.aa-outline{max-height:30vh}}.quiz-loading{font-family:var(--ui);color:var(--ink-faint);text-align:center;padding:24vh 20px}.quiz-cover{padding-bottom:100px}.quiz-block{margin-top:46px}.quiz-quick{display:inline-flex;gap:8px}.quiz-quick button{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:99px;padding:4px 13px;font-size:12px;font-weight:600;font-family:var(--ui)}.quiz-quick button:hover{border-color:var(--accent);color:var(--accent)}.quiz-empty{color:var(--ink-faint);font-size:14px}.quiz-resume{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:8px 0 30px;padding:18px 22px;border:1px solid var(--accent);border-radius:16px;background:color-mix(in srgb,var(--accent) 6%,var(--page))}.quiz-resume .qr-title{font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink)}.quiz-resume .qr-sub{font-size:13px;color:var(--ink-soft);margin-top:3px}.quiz-resume .qr-actions{display:flex;gap:10px}.quiz-resume .btn-ghost,.quiz-resume .btn-primary{padding:11px 20px;font-size:14px}.quiz-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.quiz-mode{text-align:left;border:1.5px solid var(--line);border-radius:15px;padding:17px 19px;background:var(--page);color:var(--ink);box-shadow:var(--shadow-soft);transition:border-color .18s,transform .18s}.quiz-mode:hover{transform:translateY(-2px)}.quiz-mode b{font-family:var(--display);font-weight:700;font-size:18px;display:block}.quiz-mode span{display:block;margin-top:5px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.quiz-mode[data-active=true]{border-color:var(--accent);background:var(--accent-wash)}.quiz-mode[data-active=true] b{color:var(--accent)}.card.quiz-sec{font-family:var(--ui);text-align:left;width:100%;cursor:pointer}.card.quiz-sec.on{border-color:var(--accent);background:var(--accent-wash)}.card.quiz-sec.on:after{content:"✓";position:absolute;top:14px;right:16px;color:var(--accent);font-weight:700}.quiz-opts{border:1px solid var(--line);border-radius:15px;background:var(--page);padding:4px 20px;box-shadow:var(--shadow-soft)}.quiz-field{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line);font-family:var(--ui)}.quiz-field:first-child{border-top:0}.quiz-field>span{font-size:14.5px;font-weight:600;color:var(--ink)}.quiz-field>span i{display:block;font-style:normal;font-weight:400;font-size:12px;color:var(--ink-faint);margin-top:2px}.quiz-field input{width:96px;padding:9px 10px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}.quiz-field input:focus{outline:none;border-color:var(--accent)}.quiz-switch{width:52px;height:30px;flex:none;border:0;border-radius:99px;background:var(--line);position:relative;padding:0;transition:background .18s}.quiz-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--page);box-shadow:var(--shadow-soft);transition:left .18s}.quiz-switch[data-on=true]{background:var(--accent)}.quiz-switch[data-on=true]:after{left:25px}.quiz-start{margin-top:40px}.quiz-start .btn-primary:disabled{opacity:.4;cursor:not-allowed}.quiz-hist{border:1px solid var(--line);border-radius:15px;background:var(--page);padding:4px 20px;font-family:var(--ui);box-shadow:var(--shadow-soft)}.quiz-hist-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid var(--line);font-size:13.5px}.quiz-hist-row:first-child{border-top:0}.quiz-hist-row .qh-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.quiz-hist-row .qh-meta{color:var(--ink-faint);font-size:12.5px;white-space:nowrap}.quiz-pill{font-family:var(--ui);font-size:12px;font-weight:700;padding:3px 11px;border-radius:99px;white-space:nowrap}.quiz-pill.pass{background:var(--ok-wash);color:var(--ok)}.quiz-pill.fail{background:var(--bad-wash);color:var(--bad)}.quiz-page{padding-bottom:120px}.quiz-timer{font-family:var(--mono);font-size:13.5px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:var(--ink-soft)}.quiz-timer.warn{border-color:var(--bad);color:var(--bad)}.q-meta{display:flex;flex-wrap:wrap;gap:9px;font-family:var(--ui);margin-bottom:18px}.q-multi,.q-sec{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:4px 11px;border-radius:99px}.q-sec{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.q-multi{color:var(--ink-soft);background:var(--accent-wash)}.q-text{margin-bottom:24px}.q-expl .prose,.q-opt .q-body,.q-text.prose{text-wrap:pretty;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word}.q-text.prose>p:first-of-type:first-letter{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;float:none;margin:0;color:inherit}.q-text.prose p:last-child{margin-bottom:0}.q-opts{display:flex;flex-direction:column;gap:10px}.q-opt{display:flex;gap:13px;align-items:flex-start;text-align:left;width:100%;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--page);color:var(--ink);font-family:var(--reading-font);font-size:calc(var(--reading-size) - 2px);line-height:1.62;transition:border-color .15s,background .15s}.q-opt:hover{border-color:var(--accent-soft)}.q-mark{flex:none;width:28px;height:28px;border-radius:9px;border:1.5px solid var(--line);display:grid;place-items:center;font-family:var(--ui);font-size:13px;font-weight:700;color:var(--ink-faint)}.q-opt .q-body{flex:1 1;min-width:0}.q-opt .q-body p{margin:0}.q-opt .q-body p+p{margin-top:.5em}.q-opt.picked{border-color:var(--accent);background:var(--accent-wash)}.q-opt.picked .q-mark{background:var(--accent);border-color:var(--accent);color:var(--page)}.q-opt.right{border-color:var(--ok);background:var(--ok-wash)}.q-opt.right .q-mark{background:var(--ok);border-color:var(--ok);color:var(--page)}.q-opt.wrong{border-color:var(--bad);background:var(--bad-wash);border-style:dashed}.q-opt.wrong .q-mark{background:var(--bad);border-color:var(--bad);color:var(--page)}.q-expl{margin-top:20px;border-left:4px solid var(--accent);border-radius:4px 14px 14px 4px;background:var(--focus-bg);padding:15px 20px}.q-expl-head{font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:8px}.q-expl .prose{font-size:calc(var(--reading-size) - 3px);line-height:1.72;margin-top:0}.q-expl .prose li{margin:.5em 0}.q-expl .prose>p:first-of-type:first-letter{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;float:none;margin:0;color:inherit}.q-expl .prose>:last-child{margin-bottom:0}.q-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.q-tool{font-family:var(--ui);border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600}.q-tool:hover,.q-tool[data-active=true]{border-color:var(--accent);color:var(--accent)}.q-tool[data-active=true]{background:var(--accent-wash)}.quiz-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:12px;align-items:center;max-width:var(--reading-width);margin:0 auto;padding:12px clamp(22px,5vw,60px) calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.quiz-bar .btn-ghost,.quiz-bar .btn-primary{flex:1 1;justify-content:center;padding:14px 18px;font-size:14.5px;border-radius:12px}.quiz-bar .btn-ghost:disabled{opacity:.35}.quiz-bar .quiz-nav-btn{flex:0 0 auto;padding:14px 18px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));grid-gap:9px;gap:9px;margin:26px 0}.quiz-cell{aspect-ratio:1;border:1.5px solid var(--line);border-radius:11px;background:var(--page);color:var(--ink-soft);font-family:var(--mono);font-size:13px;font-weight:500;padding:0;position:relative}.quiz-cell.done,.quiz-cell:hover{border-color:var(--accent)}.quiz-cell.done{background:var(--accent);color:var(--page)}.quiz-cell.right{background:var(--ok);border-color:var(--ok);color:var(--page)}.quiz-cell.wrong{background:var(--bad);border-color:var(--bad);color:var(--page)}.quiz-cell.current{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.quiz-cell.flagged:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--tip-edge)}.quiz-navpop .quiz-grid{margin:0;max-height:50vh;overflow-y:auto}@media (min-width:941px){.quiz-navpop{top:auto;right:auto;bottom:86px;left:50%;width:min(380px,calc(100vw - 40px));transform:translateX(-50%);animation:navpop-in .18s cubic-bezier(.32,.72,0,1)}@keyframes navpop-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}}}.quiz-confirm{width:320px;font-family:var(--ui)}.quiz-confirm .qc-text{font-size:15px;font-weight:600;color:var(--ink);margin:4px 0 16px}.quiz-confirm .qc-actions{display:flex;gap:10px}.quiz-confirm .btn-ghost,.quiz-confirm .btn-primary{flex:1 1;justify-content:center;padding:12px 16px;font-size:14px;border-radius:11px}.quiz-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 34px;margin:14px 0 28px}.qs-num{font-family:var(--display);font-weight:900;font-size:clamp(58px,12vw,96px);line-height:1;letter-spacing:-3px;color:var(--bad)}.qs-num[data-pass=true]{color:var(--ok)}.qs-num i{font-style:normal;font-size:.42em;letter-spacing:0;margin-left:2px}.qs-info{font-family:var(--ui)}.qs-info p{margin:0 0 10px;color:var(--ink-soft);font-size:14px}.qs-stats{display:flex;flex-wrap:wrap;gap:22px;font-size:12.5px;color:var(--ink-faint)}.qs-stats b{display:block;font-family:var(--display);font-size:22px;font-weight:700;color:var(--ink);line-height:1.2}.quiz-result-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}.quiz-result-cta .btn-ghost,.quiz-result-cta .btn-primary{padding:13px 24px;font-size:14.5px}.quiz-review{margin-top:40px}.quiz-review-item{padding-top:34px;margin-top:34px;border-top:1px solid var(--line);scroll-margin-top:70px}.qri-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.qri-num{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.06em}@media (max-width:940px){.quiz-confirm,.quiz-navpop{width:100%}.quiz-navpop .quiz-grid{max-height:46vh}.quiz-bar{padding-left:16px;padding-right:16px}.quiz-resume{flex-direction:column;align-items:stretch}.quiz-resume .qr-actions .btn-ghost,.quiz-resume .qr-actions .btn-primary{flex:1 1;justify-content:center}.q-opt{padding:13px 14px}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}}@media print{.aa-pop,.ch-foot,.progress-rail,.quiz-bar,.rail,.scrim,.topbar{display:none!important}body{background:#fff;color:#000}.page{max-width:none;box-shadow:none;border:0;padding:0}.prose details.answers>summary{display:none}.prose details.answers[open]{padding:0}.prose pre{white-space:pre-wrap;border:1px solid #ccc;background:#f6f6f6;color:#111}}.rail-quiz{display:block;margin-top:12px;text-align:center;text-decoration:none;border:1px solid var(--accent);border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:600;color:var(--accent)}.rail-quiz:hover{background:var(--accent-wash)}.wiz{margin-top:38px;overflow-x:hidden;border:1px solid var(--line);border-radius:18px;background:var(--page);box-shadow:var(--shadow-soft)}.wiz-steps{display:flex;border-bottom:1px solid var(--line)}.wiz-step{flex:1 1;min-width:0;display:flex;align-items:center;gap:11px;padding:15px 18px;background:transparent;border:0;text-align:left;border-right:1px solid var(--line);color:var(--ink-soft);transition:background .18s,color .18s}.wiz-step:last-child{border-right:0}.wiz-step:disabled{opacity:.42;cursor:not-allowed}.wiz-step:not(:disabled):hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.wiz-step i{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:500}.wiz-step span{min-width:0;font-size:12.5px;font-weight:600;letter-spacing:.02em}.wiz-step span b{display:block;font-family:var(--display);font-weight:600;font-size:14.5px;color:var(--ink);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiz-step[data-active=true]{background:var(--accent-wash);color:var(--accent)}.wiz-step[data-active=true] i{background:var(--accent);border-color:var(--accent);color:var(--page)}.wiz-step[data-active=true] span b{color:var(--accent)}.wiz-panel{padding:22px;animation:wiz-in .32s cubic-bezier(.32,.72,0,1)}.wiz-panel[data-dir="-1"]{animation-name:wiz-in-back}@keyframes wiz-in{0%{opacity:0;transform:translateX(28px)}}@keyframes wiz-in-back{0%{opacity:0;transform:translateX(-28px)}}.wiz-summary{margin-bottom:18px}.wiz-summary .ws-name{font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink);line-height:1.25}.wiz-summary .ws-meta{font-size:13px;color:var(--ink-faint);margin-top:4px}.wiz-go{width:100%;justify-content:center;margin-top:20px;padding:16px 24px}@media (max-width:640px){.wiz-panel{padding:16px}.wiz-steps{overflow-x:auto}.wiz-step{flex:1 0 128px;padding:12px 13px;gap:9px}.wiz-step span{font-size:11px}.wiz-step span b{font-size:13px}}.wiz-group+.wiz-group{margin-top:26px}.wiz-group .shelf-part{margin:0 0 12px}.wiz-group .shelf-part .pt{font-size:17px}.wiz-groupnote{font-size:13px;color:var(--ink-soft);margin:-4px 0 14px}.quiz-page{--dracula-bg:#282a36;--dracula-edge:#44475a;--dracula-fg:#f8f8f2;--dracula-pink:#ff79c6;--dracula-cyan:#8be9fd}.quiz-page .prose code,.quiz-page .q-body code{font-family:var(--mono);font-size:.84em;background:var(--dracula-bg);color:var(--dracula-pink);border:1px solid var(--dracula-edge);border-radius:6px;padding:.12em .42em}.quiz-page .prose pre,.quiz-page .q-body pre{background:var(--dracula-bg);color:var(--dracula-fg);border:1px solid var(--dracula-edge);border-radius:12px;padding:14px 16px;margin:1.15em 0;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.66;box-shadow:var(--shadow-soft)}.quiz-page .prose pre code,.quiz-page .q-body pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.quiz-page .hljs{background:var(--dracula-bg)}.quiz-page .hljs,.quiz-page [class*=hljs-]{color:var(--dracula-fg)}.quiz-page .hljs-comment,.quiz-page .hljs-quote{color:#6272a4;font-style:italic}.quiz-page .hljs-bullet,.quiz-page .hljs-keyword,.quiz-page .hljs-link,.quiz-page .hljs-regexp,.quiz-page .hljs-section,.quiz-page .hljs-selector-tag,.quiz-page .hljs-tag,.quiz-page .hljs-type{color:#ff79c6}.quiz-page .hljs-attr,.quiz-page .hljs-attribute,.quiz-page .hljs-property,.quiz-page .hljs-selector-attr,.quiz-page .hljs-selector-class{color:#8be9fd}.quiz-page .hljs-addition,.quiz-page .hljs-meta .hljs-string,.quiz-page .hljs-string,.quiz-page .hljs-symbol{color:#f1fa8c}.quiz-page .hljs-literal,.quiz-page .hljs-number,.quiz-page .hljs-template-variable,.quiz-page .hljs-variable{color:#bd93f9}.quiz-page .hljs-built_in,.quiz-page .hljs-name,.quiz-page .hljs-title,.quiz-page .hljs-title.function_{color:#50fa7b}.quiz-page .hljs-meta,.quiz-page .hljs-params{color:#ffb86c}.quiz-page .hljs-deletion{color:#f55}.quiz-page .hljs-emphasis{font-style:italic}.quiz-page .hljs-strong{font-weight:700}