.ap-bar{max-width:var(--container-max);padding:var(--space-4) var(--space-6) 0;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.ap-brand{color:var(--ink);align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.ap-brand__mark{background:linear-gradient(160deg,var(--blue-100),var(--blue-300));border:1.5px solid var(--ink);width:44px;height:44px;font:600 14px/1 var(--font-mono);border-radius:12px;place-items:center;display:grid}.ap-brand__name{font:600 15px/1.1 var(--font-sans);letter-spacing:.04em;margin:0}.ap-brand__by{font:500 10px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:3px 0 0}.ap-crumb{font:500 12px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.ap-icon-btn{border:1.5px solid var(--ink);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;text-decoration:none;display:grid}.ap-avatar{background:var(--ink);width:44px;height:44px;color:var(--paper);font:600 14px/1 var(--font-mono);border-radius:999px;place-items:center;text-decoration:none;display:grid}.ap-prog{border:1px solid var(--ink);background:var(--paper);border-radius:999px;height:10px;overflow:hidden}.ap-prog>span{background:var(--blue-500);height:100%;display:block}.ap-prog--red>span{background:var(--red-500)}.ap-prog--ink>span{background:var(--ink)}.ap-shell{max-width:var(--container-max);padding:var(--space-4) var(--space-6) 0;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;margin:0 auto;display:flex}.ap-side{border:1.5px solid var(--ink);border-radius:var(--radius-tile);background:var(--paper);flex-direction:column;flex:300px;gap:14px;max-width:340px;padding:20px;display:flex}.ap-main{gap:var(--space-4);flex-direction:column;flex:999 620px;min-width:0;display:flex}.ap-mod{flex-direction:column;gap:2px;display:flex}.ap-mod__head{font:500 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;padding:10px 2px 6px;display:flex}.ap-les{color:var(--ink);text-align:left;cursor:pointer;width:100%;font-size:14.5px;line-height:1.3;font-family:var(--font-sans);background:0 0;border:1.5px solid #0000;border-radius:12px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:grid}.ap-les:hover{border-color:var(--line-soft)}.ap-les--on{background:var(--blue-100);border-color:var(--ink)}.ap-les--lock{color:var(--ink-muted)}.ap-st{border:1.5px solid var(--ink);width:22px;height:22px;font:600 11px/1 var(--font-mono);border-radius:999px;place-items:center;display:grid}.ap-st--done{background:var(--ink);color:var(--paper)}.ap-st--lock{border-style:dashed;border-color:var(--ink-muted);color:var(--ink-muted)}.ap-type{font:500 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:6px;padding:4px 5px}.ap-stage{aspect-ratio:16/9;border-radius:var(--radius-md);border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);place-items:center;display:grid;position:relative;overflow:hidden}.ap-stage--light{background:var(--wash);color:var(--ink);border-style:dashed;border-color:var(--ink-muted)}.ap-play{background:var(--paper);cursor:pointer;border:0;border-radius:999px;place-items:center;width:84px;height:84px;display:grid}.ap-controls{font:500 12px/1 var(--font-mono);align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.ap-controls .ap-prog{border-color:var(--paper);background:0 0;flex:1}.ap-controls .ap-prog>span{background:var(--paper)}.ap-chapters{gap:0;display:grid}.ap-chap{border-top:1px solid var(--line-soft);grid-template-columns:64px 1fr;gap:12px;padding:10px 0;font-size:15px;display:grid}.ap-chap:first-child{border-top:0}.ap-chap .pk-data{font-size:13px}.ap-chap--on{font-weight:600}.ap-wave{flex:1;align-items:center;gap:3px;height:56px;display:flex}.ap-wave span{background:var(--blue-300);border-radius:2px;width:4px;display:block}.ap-wave span.on{background:var(--ink)}.ap-file{border-top:1px solid var(--line-soft);grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.ap-file:first-child{border-top:0}.ap-file__ext{border:1.5px solid var(--ink);height:52px;font:600 11px/1 var(--font-mono);border-radius:12px;place-items:center;display:grid}.ap-note{min-height:110px}.ap-done,.ap-done:hover{background:var(--green-100);color:var(--ink)}button.pk-btn:disabled{opacity:.35;cursor:not-allowed}.ap-opt{text-align:left;border-radius:var(--radius-md);border:1.5px solid var(--ink);background:var(--paper);width:100%;font:400 17px/1.4 var(--font-sans);color:var(--ink);cursor:pointer;grid-template-columns:34px 1fr;align-items:center;gap:14px;padding:16px 18px;display:grid}.ap-opt:hover{background:var(--wash)}.ap-opt__k{border:1.5px solid var(--ink);width:34px;height:34px;font:600 13px/1 var(--font-mono);border-radius:999px;place-items:center;display:grid}.ap-opt--sel{background:var(--blue-100)}.ap-opt--ok{background:var(--green-100)}.ap-opt--ok .ap-opt__k{background:var(--green-500);color:var(--paper);border-color:var(--green-500)}.ap-opt--bad{background:var(--red-100)}.ap-opt--bad .ap-opt__k{background:var(--red-500);color:var(--paper);border-color:var(--red-500)}.ap-dots{gap:6px;display:flex}.ap-dots span{border:1px solid var(--ink);background:var(--paper);border-radius:999px;width:28px;height:6px}.ap-dots span.on{background:var(--ink)}.ap-table{border-collapse:collapse;width:100%;font-size:15px}.ap-table th{font:500 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:0 12px 10px 0}.ap-table td{border-top:1px solid var(--line-soft);vertical-align:middle;padding:14px 12px 14px 0}.ap-table td.r,.ap-table th.r{text-align:right;padding-right:0}.ap-tree-mod{border:1.5px solid var(--ink);border-radius:var(--radius-md);background:var(--paper);flex-direction:column;gap:6px;padding:10px;display:flex}.ap-tree-row{border:1px solid var(--line-soft);background:var(--paper);border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.ap-tree-row--on{border-color:var(--ink);background:var(--blue-100)}.ap-grip{font:600 12px/1 var(--font-mono);color:var(--ink-muted);letter-spacing:-2px}.ap-blk{border:1.5px solid var(--ink);border-radius:var(--radius-md);background:var(--paper);flex-direction:column;gap:12px;padding:16px 18px;display:flex}.ap-blk__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-switch{align-items:center;gap:10px;font-size:14px;display:inline-flex}.ap-switch i{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;width:38px;height:22px;display:inline-block;position:relative}.ap-switch i:after{content:"";background:var(--ink-muted);border-radius:999px;width:15px;height:15px;position:absolute;top:2px;left:2px}.ap-switch.on i{background:var(--ink)}.ap-switch.on i:after{background:var(--paper);left:18px}.ap-add{border:1.5px dashed var(--ink-muted);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}@media (max-width:820px){.ap-bar,.ap-shell{padding-inline:var(--space-4)}.ap-side{max-width:none}.ap-table{min-width:560px}.ap-bar{flex-wrap:nowrap;gap:10px}.ap-bar .ap-crumb,.ap-bar .ap-icon-btn,.ap-bar .pk-lang,.ap-bar>.pk-btn{display:none}.ap-brand{min-width:0;margin-right:auto}.ap-brand__by{display:none!important}.ap-shell{flex-direction:column;align-items:stretch}.ap-main{flex-basis:auto;order:-1}.ap-side{flex-basis:auto}}@media (min-width:821px){.ap-side{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}}.ap-reader{gap:28px;max-width:820px;padding:8px clamp(0px,2.5vw,40px) 0}.ap-title{font:600 clamp(26px,2.4vw,34px)/1.15 var(--font-sans);letter-spacing:-.01em;text-wrap:balance;margin:10px 0 0}.ap-lesson{font:400 17px/1.7 var(--font-sans);color:var(--ink)}.ap-lesson p{margin:0 0 1em}.ap-lesson h1,.ap-lesson h2{font:600 22px/1.3 var(--font-sans);margin:1.8em 0 .6em}.ap-lesson h3,.ap-lesson h4{font:600 18px/1.35 var(--font-sans);margin:1.5em 0 .5em}.ap-lesson ol,.ap-lesson ul{color:var(--ink);margin:0 0 1.2em;padding-left:1.8em;font-size:17px;line-height:1.65}.ap-lesson li{margin:0 0 .7em;padding-left:.2em}.ap-lesson li::marker{font:500 .9em var(--font-mono);color:var(--ink-muted)}.ap-lesson blockquote{border-left:3px solid var(--blue-300);font:400 17px/1.7 var(--font-sans);color:var(--ink);margin:1.6em 0;padding:4px 0 4px 20px}.ap-lesson blockquote p:last-child{margin-bottom:0}.ap-lesson hr{border:0;border-top:1px solid var(--line-soft);margin:2em 0}.ap-lesson a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--blue-300);text-decoration-color:var(--blue-300);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-thickness:2px}.ap-lesson a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.ap-lesson strong{font-weight:600}.ap-lesson code{font:500 .82em/1 var(--font-mono);background:var(--blue-100);border:1px solid var(--line-soft);white-space:nowrap;border-radius:6px;padding:.15em .4em}.ap-lesson>div[style*=aspect-ratio],.ap-lesson figure{margin:1.8em 0!important}.ap-lesson iframe{display:block}@media (max-width:820px){.ap-reader{gap:22px;padding:0}.ap-lesson,.ap-lesson ol,.ap-lesson ul{font-size:16px}}