/* Illustrated training diary. Decorative figures never overlap the journal. */
:root{--paper:#151411;--line:#363028;--muted:#aaa292}
body{background:radial-gradient(ellipse at 50% 8%,#31241855,transparent 37%),#080807}
.hero{display:block;min-height:485px;padding:74px 0 72px;isolation:isolate}
.hero-copy{position:relative;z-index:3;text-align:center;width:58%;margin:0 auto;pointer-events:none}
.eyebrow{justify-content:center;font-size:9px;letter-spacing:2.2px;margin-bottom:24px}
h1{font-size:clamp(44px,5vw,67px);line-height:1.04;letter-spacing:-1.7px}
h1 em{font-size:.76em;display:inline-block;margin-top:8px;white-space:nowrap}
.intro{font-size:13px;line-height:1.7;color:#b5ab98;margin:22px 0}
.hero-cta{display:inline-flex;gap:24px;align-items:center;color:#ead3aa;font-size:11px;font-weight:600;letter-spacing:.25px;border-bottom:1px solid #80633c;padding:9px 0;pointer-events:auto}
.hero-cta span{font-size:19px}.hero-cta:hover{color:white}
.comic-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.comic-kid{position:absolute;bottom:28px;width:235px;isolation:isolate}
.comic-kid img{display:block;width:100%;height:auto;mix-blend-mode:screen}
.comic-kid video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:0;transition:opacity .3s}
.comic-kid.is-playing video{opacity:1}.comic-kid.is-playing img{opacity:0}
.kid-girl{left:-15px;width:244px}.kid-boy{right:-12px;width:230px}
.kid-label{position:absolute;bottom:12%;left:12%;background:#d9b574;border:2px solid #080807;box-shadow:3px 3px 0 #8e6e40;color:#19150e;font-size:12px;font-weight:900;letter-spacing:1.2px;padding:8px 14px;transform:rotate(-9deg);white-space:nowrap;z-index:4}
.kid-boy .kid-label{left:27%;bottom:8%;transform:rotate(7deg)}
.comic-orbit{position:absolute;width:275px;height:275px;top:100px;border:1px solid #8a683439;border-radius:50%;background:radial-gradient(circle,#d3a45542 1px,transparent 1.5px);background-size:8px 8px;mask-image:radial-gradient(circle,#000 20%,transparent 70%);opacity:.8}
.orbit-left{left:-38px}.orbit-right{right:-36px}
.comic-star{position:absolute;color:#ca9b55;line-height:1;text-shadow:0 0 32px #cda65022}
.star-one{left:20%;top:50px;font-size:45px;transform:rotate(-12deg)}.star-two{right:23%;bottom:48px;font-size:45px}
.comic-score{position:absolute;right:12px;top:30px;font:bold italic 46px Georgia,serif;color:#dec394;transform:rotate(12deg);text-shadow:3px 3px 0 #503d23;z-index:4}
.comic-score sup{font-size:29px}
.motion-toggle{position:absolute;z-index:4;right:0;bottom:-1px;border:1px solid #55442b;background:#16130e;color:#ac9d87;padding:7px 10px;font-size:10px;border-radius:20px;display:flex;gap:7px;align-items:center}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#c9a064;color:#e1c69a}
.chapter-strip{display:flex;justify-content:center;align-items:center;gap:30px;padding:13px 24px;margin-bottom:26px;border-top:1px solid #79603b52;border-bottom:1px solid #79603b52;background:linear-gradient(90deg,transparent,#b18b4720,transparent);font-size:10px;font-weight:800;letter-spacing:3px;color:#bca178;transform:rotate(-.6deg)}
.chapter-strip i{font-size:17px;color:#caa46a;font-style:normal}
.paper{border-radius:14px 14px 5px 5px;border-color:#8f6c3c70;border-top:4px solid #c9a064;box-shadow:0 24px 70px #0005}
.paper-head{background:radial-gradient(circle,#d0ad6712 1px,transparent 1px) right top/8px 8px,#191610}
.paper-kicker{color:#ad8f60}.paper-seal{border-color:#b7985c;outline-color:#5f4d2e}
.search{background:#1c1913;border-color:#453c2e}.search svg{stroke:#a99a80}.search input::placeholder{color:#a99e89}
.arrow{border-color:#52432d;color:#d1bd99}.filters button{color:#ac9f88}.filters button[aria-pressed=true]{background:#352a1b;color:#ead2a7;border-color:#705735}.filters button:hover{background:#2e271c}
#result-count{color:#a99a80}.toolbar{border-color:#3a3021}
thead th{background:#242016;color:#b7a68b}thead .day{color:#e6d3b1}th,td{border-bottom-color:#302a20}.initials{border-color:#51412a;color:#b49a72}
tbody tr:hover td,tbody tr:hover th{background:#211d15}.school{color:#c2b8a4;background:#28261e;border-color:#4a4433}
.paper-foot{background:#1c1811;color:#a79b87}.paper-foot strong{color:#c5b79d}.school-dot{background:#a6a082}
.journal-note{color:#9c917e}.closing{padding:59px 0 49px;gap:42px}.closing p{color:#a99980;line-height:1.6}.closing strong{color:#e0be83}
.closing-spark{font-size:45px;color:#b89053;transform:rotate(12deg)}.footer{color:#9b8b71}
dialog{border-color:#796039}.comment-date{color:#a49780}.dialog-close{color:#c5b498}.done{background:#d0aa69;color:#1b160f}
@media(min-width:1450px){.kid-girl{left:-45px;width:262px}.kid-boy{right:-40px;width:244px}.hero{min-height:510px}.comic-score{right:-5px}}
@media(max-width:1000px) and (min-width:761px){.comic-kid{width:185px;bottom:44px}.kid-girl{left:-22px;width:200px}.kid-boy{right:-22px}.hero-copy{width:65%}h1{font-size:54px}.hero{min-height:430px;padding-top:60px}.kid-label{font-size:9px;padding:6px 9px}.star-one{left:15%}.comic-score{right:0;top:34px;font-size:37px}}
@media(max-width:760px){.hero{display:block;min-height:540px;padding:34px 0 270px}.hero-copy{width:100%;max-width:500px;margin:auto}.hero h1{max-width:none;font-size:47px;letter-spacing:-1.2px}.hero h1 em{font-size:.7em;margin-top:3px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:17px}.intro{font-size:12px;margin:15px auto 8px}.hero-cta{font-size:10px;padding:6px 0;gap:15px}.comic-kid{width:142px;bottom:14px}.kid-girl{left:calc(50% - 160px);width:155px}.kid-boy{right:calc(50% - 156px);width:137px}.kid-label{font-size:8px;letter-spacing:.8px;padding:6px 8px;bottom:12%;left:4%}.kid-boy .kid-label{bottom:8%;left:23%}.comic-orbit{top:auto;bottom:20px;width:190px;height:190px}.orbit-left{left:calc(50% - 185px)}.orbit-right{right:calc(50% - 185px)}.star-one{font-size:26px;left:calc(50% - 165px);top:auto;bottom:222px}.star-two{font-size:27px;right:calc(50% - 5px);bottom:38px}.comic-score{top:auto;bottom:158px;right:calc(50% - 25px);font-size:36px}.comic-score sup{font-size:22px}.motion-toggle{font-size:9px;bottom:2px;right:0;padding:6px 9px}.chapter-strip{gap:12px;font-size:8px;letter-spacing:1.6px;padding:12px 6px;margin-bottom:23px}.chapter-strip i{font-size:12px}.paper-head{padding:24px 23px}.paper-kicker{font-size:8px;letter-spacing:1.5px}.paper-seal{margin-right:3px}.person-name span{color:#b0a38e}.journal-note{font-size:11px}.closing{gap:18px;padding:41px 0}.closing p{font-size:20px}.closing-spark{font-size:28px}}
@media(max-width:350px){.hero h1{font-size:41px}.eyebrow{letter-spacing:1.3px}.chapter-strip{letter-spacing:1px;gap:9px}.kid-girl{left:calc(50% - 144px)}.kid-boy{right:calc(50% - 141px)}.comic-score{right:calc(50% - 19px)}}
@media(prefers-reduced-motion:reduce){.comic-kid video{transition:none}}
@media print{.chapter-strip,.comic-scene,.motion-toggle{display:none}}
/* Blend the complete sticker group against the page, including the video black. */
.comic-kid{isolation:auto;mix-blend-mode:screen}.comic-kid img,.comic-kid video{mix-blend-mode:normal}
.hero{isolation:auto}.comic-scene{mix-blend-mode:screen}.comic-kid{mix-blend-mode:normal}