:root{--ink:#14181d;--muted:#5f6871;--paper:#fbfbfa;--card:#fff;--navy:#16324f;--navy-deep:#0f2740;--navy-soft:#eaeff4;--school:#fb6028;--school-deep:#a8380a;--school-soft:#fdefe8;--line:#14181d1f;--control-line:#767c83;--ok-soft:#eaf5ee;--ok-line:#2f7d4f;--shadow:0 18px 48px #0f274014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--navy)}button{font:inherit}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.brand-lockup img{width:auto;height:2.6rem;display:block}.eyebrow{color:var(--school-deep);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}h1{letter-spacing:-.02em;text-wrap:balance;margin:.55rem 0 0;font-size:clamp(1.9rem,4.4vw,2.6rem);font-weight:700;line-height:1.1}.lead{max-width:34rem;color:var(--muted);margin:.85rem 0 0;font-size:1rem}.auth-page{place-items:center;padding:2rem 1.25rem;display:grid}.auth-card{border:1px solid var(--line);background:var(--card);width:100%;max-width:30rem;box-shadow:var(--shadow);border-radius:18px;padding:2.4rem}.auth-card .brand-lockup{margin-bottom:1.6rem}.auth-form{gap:.55rem;margin-top:1.8rem;display:grid}.auth-form label{font-size:.85rem;font-weight:600}.auth-form input{border:1px solid var(--control-line);background:var(--card);color:inherit;font:inherit;border-radius:10px;padding:.8rem .9rem}.auth-form input:focus-visible{border-color:var(--school)}.auth-form button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:.35rem;padding:.85rem 1rem;font-weight:600;transition:background .15s}.auth-form button:hover{background:var(--navy-deep)}.notice{border-left:3px solid var(--school);background:var(--school-soft);border-radius:0 8px 8px 0;margin:1.5rem 0 0;padding:.9rem 1rem;font-size:.9rem}.notice-ok{border-left-color:var(--ok-line);background:var(--ok-soft)}.notice-warn{background:#fbecea;border-left-color:#a3271b}.fineprint{color:var(--muted);margin:1.1rem 0 0;font-size:.88rem}.actions{flex-wrap:wrap;gap:.7rem;margin:1.7rem 0 0;display:flex}.actions .primary,.actions .secondary{border-radius:10px;padding:.7rem 1.05rem;font-size:.9rem;font-weight:600;text-decoration:none}.actions .primary{background:var(--navy);color:#fff}.actions .secondary{border:1px solid var(--control-line);color:var(--navy)}.gallery-page{max-width:60rem;margin:0 auto;padding:0 1.25rem 5rem}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:0 auto;padding:1.6rem 1.25rem 1.4rem;display:flex}.account{flex-wrap:wrap;align-items:center;gap:.5rem .85rem;min-width:0;display:flex}.account-email{min-width:0;max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.signout{border:1px solid var(--control-line);color:var(--navy);cursor:pointer;background:0 0;border-radius:9px;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.signout:hover{border-color:var(--navy)}.gallery-intro{padding:2.6rem 0 .6rem}.evening{padding-top:2.6rem}.evening-head{border-bottom:2px solid var(--navy);align-items:baseline;gap:.9rem;padding-bottom:.9rem;display:flex}.evening-head h2{letter-spacing:-.01em;margin:0;font-size:1.3rem}.evening-date{color:var(--muted);font-size:.85rem}.waiting{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin:1.1rem 0 0;padding:.9rem 1rem;font-size:.9rem}.chapter-grid{gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.chapter{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:1.3rem}.chapter-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.75rem;display:grid}.chapter-order{color:var(--school-deep);font-family:var(--mono);font-size:.8rem;font-weight:600}.chapter-head h3{letter-spacing:-.01em;margin:0;font-size:1.05rem}.chapter-duration{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.82rem}.video-frame{background:var(--navy-deep);border-radius:10px;margin-top:1rem;padding-top:56.25%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.chapter-summary{color:var(--muted);margin:1rem 0 0;font-size:.92rem}.chapter-notes{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem;font-size:.95rem;line-height:1.65}.chapter-notes p{margin:0 0 .8rem}.chapter-notes p:last-child{margin-bottom:0}.chapter-notes code{background:var(--navy-soft);font-family:var(--mono);border-radius:5px;padding:.1rem .35rem;font-size:.85em}.chapter-terms,.chapter-exercise{color:var(--muted);font-size:.9rem}.chapter-exercise{background:var(--navy-soft);color:var(--navy);border-radius:10px;padding:.7rem .9rem}.chapter-exercise p{margin:0}.chapter-exercise .try-it{margin-top:.7rem}.materials{gap:.7rem;margin-top:1.1rem;display:grid}.material{border:1px solid var(--control-line);color:inherit;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem .9rem;text-decoration:none;display:grid}.material:hover{border-color:var(--school-deep);background:#fff7f3}.material-icon{background:var(--school-soft);width:2.2rem;height:2.2rem;color:var(--school-deep);border-radius:8px;place-items:center;font-size:.66rem;font-weight:800;display:grid}.material span:nth-child(2){gap:.15rem;min-width:0;display:grid}.material strong{font-size:.88rem}.material small{color:var(--muted);font-size:.8rem}.material b{color:var(--muted)}.snippet{border:1px solid var(--line);border-radius:11px;overflow:hidden}.snippet-bar{background:var(--navy-soft);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem .55rem .9rem;font-size:.8rem;font-weight:600;display:flex}.snippet-bar button{border:1px solid var(--control-line);background:var(--card);color:var(--navy);cursor:pointer;border-radius:7px;padding:.35rem .7rem;font-size:.8rem;font-weight:600}.snippet-bar button:hover{border-color:var(--navy)}.snippet pre{background:var(--card);font-family:var(--mono);margin:0;padding:.9rem;font-size:.82rem;line-height:1.6;overflow-x:auto}@media (width<=34rem){.auth-card{padding:1.6rem}.chapter{padding:1rem}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.video-poster{border:1px solid var(--control-line);background:var(--navy-soft);width:100%;color:var(--navy);font:inherit;cursor:pointer;border-radius:10px;place-items:center;gap:.6rem;margin-top:1rem;padding:2.6rem 1rem;font-weight:600;display:grid}.video-poster:hover{background:#dde6ef}.video-poster.has-still{border-color:var(--line);background:var(--navy-deep);padding:0;position:relative;overflow:hidden}.video-poster.has-still img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.video-poster.has-still .play-mark,.video-poster.has-still>span:last-child{position:absolute;left:50%;transform:translate(-50%)}.video-poster.has-still .play-mark{margin-top:-2.4rem;top:50%}.video-poster.has-still>span:last-child{background:#ffffffeb;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;bottom:.9rem}.video-poster.has-still:hover img{opacity:.88}.video-poster .play-mark{background:var(--navy);color:#fff;border-radius:999px;place-items:center;width:3rem;height:3rem;font-size:1rem;display:grid}.snippet pre:focus-visible{outline-offset:-3px}.snippet-note{color:var(--muted);margin:0;padding:.5rem .9rem 0;font-size:.82rem}.snippet-note.is-failed{color:#a3271b}.chapter-title{flex-wrap:wrap;align-items:center;gap:.45rem .6rem;min-width:0;display:flex}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:700}.badge-change{background:var(--school-soft);color:var(--school-deep)}.badge-addition{background:var(--navy-soft);color:var(--navy)}.chapter-badge{color:#fff;align-items:center;gap:.4rem;padding:.22rem .6rem .22rem .45rem;font-weight:800;display:inline-flex}.chapter-badge i{opacity:.95;background:#fff;border-radius:999px;width:.5rem;height:.5rem}.chapter-badge.badge-change{background:var(--school)}.chapter-badge.badge-addition{background:var(--navy)}.unseen-line{border-left:3px solid var(--school);background:var(--school-soft);border-radius:0 10px 10px 0;margin:.9rem 0 0;padding:.7rem .95rem;font-size:.92rem}.intro-links{margin:.9rem 0 0;font-size:.9rem}.updates{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}.updates>summary{color:var(--navy);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.updates>summary:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.updates-count{background:var(--navy-soft);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;font-size:.75rem;display:grid}.update-list{gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.update-list.is-feed{gap:1rem;margin-top:1.6rem}.update-list.is-feed .update{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:1.1rem 1.2rem}.update-meta{flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:0;font-size:.8rem;display:flex}.update-date{color:var(--muted);font-variant-numeric:tabular-nums}.update-orphan{color:var(--muted);font-style:italic}.update-title{letter-spacing:-.01em;margin:.5rem 0 0;font-size:.98rem}.update-body{margin:.4rem 0 0;font-size:.92rem;line-height:1.65}.update-source{color:var(--muted);margin:.5rem 0 0;font-size:.82rem}.guides-index{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:2.6rem 0 0;padding:1.3rem}.guides-index h2{margin:.2rem 0 .4rem;font-size:1.3rem}.guides-evening h3{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:1.2rem 0 .4rem;font-size:1rem;display:flex}.guides-pdf{color:var(--school-deep);font-size:.85rem;font-weight:600}.guides-evening ol{margin:0;padding-left:1.2rem}.guides-evening li{margin:.25rem 0}.guides-evening li small{color:var(--muted);white-space:nowrap}.try-it{margin-top:.9rem}.try-it-button{border:1px solid var(--school-deep);background:var(--school-soft);width:100%;color:var(--navy);font:inherit;text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .8rem;padding:.8rem .9rem;text-decoration:none;display:grid}.try-it-button:hover{background:#fde3d6}.try-it-button strong{font-size:.95rem}.try-it-button small{color:var(--muted);grid-column:1;font-size:.82rem}.try-it-button b{color:var(--school-deep);grid-area:1/2/span 2;align-self:center}.evening-glossary{color:var(--muted);margin:.4rem 0 0;font-size:.88rem}