*{box-sizing:border-box}html{background:var(--background);color:var(--foreground)}body{margin:0;font-family:var(--font-sans);line-height:1.65}main{max-width:850px;padding:48px 24px 28px;margin:auto;position:relative}h1,h2,h3,p{margin:0 0 20px}h1{font-size:clamp(3.5rem,14vw,7.5rem);letter-spacing:-.065em;line-height:1.1;margin:24px 0;color:var(--foreground)}h2{font-size:1.6rem}h3{font-size:1.4rem;line-height:1.35}a{color:var(--page-accent);text-underline-offset:5px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:3px}.stamp,.tag,.receipt,.debris{font-family:monospace;font-size:.8rem;letter-spacing:.065em}.stamp{color:var(--foreground)}header{padding-bottom:36px;position:relative}.lead{font-size:1.15rem;max-width:55ch}button{font:inherit;min-height:46px;min-width:46px;padding:8px 14px;color:var(--foreground);border:1px solid var(--page-accent);border-radius:var(--radius-card);background:var(--background);cursor:pointer}button[aria-pressed=true]{background:var(--page-accent);color:var(--primary-foreground)}button:hover{box-shadow:0 0 18px color-mix(in oklch,var(--page-accent) 25%,transparent)}:focus-visible{outline:3px solid var(--page-accent);outline-offset:5px}nav{margin:12px 0 22px}nav button{margin:0 8px 10px 0}.section{margin:46px 0}.lesson,.lock{margin:26px 0;padding:24px 0 24px 20px;border-left:2px solid var(--page-accent);border-bottom:1px solid var(--border);background:var(--background);max-width:100%;position:relative}.lesson:nth-of-type(3n+1){width:94%;border-right:1px dashed var(--page-accent)}.lesson:nth-of-type(3n+2){width:100%;border-bottom:2px solid var(--page-accent)}.lesson:nth-of-type(3n){width:97%}.lesson h3{margin-top:14px}.tags{display:block}.tag{display:inline-block;border:1px solid var(--border);padding:3px 8px;margin:4px 8px 4px 0}.lock{border-style:dashed}.lock h2{margin-top:12px}.empty{padding:38px 0}.receipt{margin-top:32px;line-height:1.5;color:var(--page-accent);white-space:nowrap;overflow:hidden}.debris{display:none;pointer-events:none;color:var(--page-accent)}.cut{display:inline-block;color:var(--page-accent);animation:splice 1.5s steps(3,end) 1}@keyframes splice{0%{transform:translateX(0)}33%{transform:translateX(8px)}66%{transform:translateX(-4px)}100%{transform:translateX(0)}}footer{border-top:1px solid var(--page-accent);margin-top:60px;padding:28px 0}footer a{display:inline-block;min-height:44px;padding:8px 0}.skip{position:absolute;top:0;left:12px;transform:translateY(-150%);z-index:10;padding:12px;background:var(--background)}.skip:focus{transform:translateY(0)}[hidden]{display:none!important}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}@media(min-width:1100px){.debris{display:block;position:fixed;left:22px;top:280px;writing-mode:vertical-rl;max-height:65vh}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:380px){main{padding:32px 18px}.lesson{padding-left:16px}}