@font-face{font-family:Childhood;src:url('/assets/ZCOOLKuaiLe.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--canvas:#fcfaff;--paper:#fffefb;--ink:#30253f;--secondary:#776a86;--muted:#9d91a9;--brand:#8250d4;--brand-deep:#6940ae;--brand-wash:#ede3fc;--brand-pale:#f4eefc;--pink:#fbe6ef;--pink-ink:#ab6586;--green:#e4efe4;--green-ink:#5d8267;--line:#e5ddec;--white:#fff;--shadow:0 7px 24px #30253f0a;--paper-shadow:2px 5px 0 #e8e0ef,0 10px 28px #30253f08;--hand:Childhood,'PingFang SC','Microsoft YaHei',sans-serif;--sans:'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.8 var(--sans);min-width:1080px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:6px}button:disabled{cursor:default;opacity:.35}button svg,a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font:40px/1.5 var(--hand)}h3{font-size:20px;line-height:1.5;font-weight:600}.wrap{max-width:1180px;margin:0 auto}.chapter{scroll-margin-top:100px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--brand);color:var(--white);padding:10px 20px;z-index:100}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:#fcfafff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1340px;height:98px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{position:relative;width:46px;height:49px;display:grid;place-items:center;border:2px solid var(--brand);border-radius:13px 15px 12px 16px;transform:rotate(-5deg);font:32px var(--hand);color:var(--brand);background:var(--brand-pale)}.brand-mark span{position:absolute;font-size:20px;right:-9px;top:-12px;background:var(--canvas);line-height:1}.brand-name{font:27px var(--hand);line-height:1.15}.brand-dot{padding:0 3px;color:var(--brand)}.brand-name small{font:10px/1.5 var(--sans);letter-spacing:1px;display:block;color:var(--secondary);padding-top:5px}.header-inner nav{display:flex;align-items:center;gap:29px;margin-left:auto}.header-inner nav a{position:relative;font-size:14px;line-height:44px;white-space:nowrap;color:var(--secondary)}.header-inner nav a:hover,.header-inner nav a.active{color:var(--brand)}.header-inner nav a.active:after{content:'';position:absolute;bottom:4px;left:25%;width:50%;height:3px;border-radius:50%;background:var(--brand);transform:rotate(-4deg)}.report-button{height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;white-space:nowrap}.report-button:hover,.report-button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-pale);color:var(--brand)}.report-button:active{transform:translateY(1px)}.report-button svg{width:18px;height:18px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 49%,var(--brand-pale),transparent 53%)}.hero-inner{min-height:674px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative}.hero-copy{padding:45px 0 24px;position:relative;z-index:2}.proposal-label{font-size:13px;color:var(--brand);letter-spacing:1px;display:flex;align-items:center;gap:9px}.tiny-star{font-size:25px;line-height:1}h1{font:68px/1.3 var(--hand);margin-top:22px;letter-spacing:1px;color:var(--brand-deep);white-space:nowrap}.title-stop{letter-spacing:-30px}.pencil-underline{height:18px;width:405px;margin:2px 0 16px;fill:none;stroke:#c8b0ed;stroke-width:3;stroke-linecap:round}.hero-intro{font-size:17px;line-height:1.9;color:var(--secondary)}.official-slogan{font-size:13px;color:var(--secondary);margin:19px 0 25px}.primary-button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--brand);color:var(--white);font-size:14px;font-weight:500;border-radius:11px;padding:0 23px;box-shadow:0 5px 0 #6435ad1f;transition:background .2s,transform .2s}.primary-button:hover{background:var(--brand-deep);transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)}.primary-button svg{height:19px;width:19px}.author{display:flex;align-items:center;gap:12px;margin-top:37px}.author-avatar{width:49px;height:49px;background:var(--brand-wash);border:2px solid var(--white);border-radius:50%;overflow:hidden;flex:none}.author-avatar svg{width:100%;height:100%}.author>div:nth-child(2)>span{display:block;font-size:11px;color:var(--muted)}.author strong{display:block;font-size:14px;font-weight:500;line-height:1.6}.author-note{margin-left:18px;padding-left:24px;border-left:1px dashed #d7c8e8;font:13px/1.6 var(--hand);color:var(--secondary);transform:rotate(-3deg)}.author-note span{color:var(--brand);font-size:17px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;margin-left:-40px;margin-right:-65px;padding-top:12px}.campus-art{display:block;width:100%;height:auto;transform:rotate(-2deg)}.art-note{position:absolute;right:75px;top:47px;font:20px/1.5 var(--hand);color:var(--secondary);transform:rotate(5deg);z-index:1}.art-note svg{position:absolute;left:42px;top:24px;width:90px;height:60px;fill:none;stroke:#a68bc7;stroke-width:2;stroke-linecap:round}.art-sticker{position:absolute;display:flex;align-items:center;gap:7px;padding:7px 15px;border:1px solid #d6c5ec;border-radius:8px;background:var(--white);font:16px/1.5 var(--hand);box-shadow:var(--shadow)}.art-sticker>span{color:var(--brand);font:22px/1 var(--sans)}.sticker-home{left:15px;top:235px;transform:rotate(-8deg)}.sticker-heart{right:5px;top:211px;transform:rotate(8deg);background:#fdf0f5;border-color:#ecd0df}.sticker-heart span{color:var(--pink-ink)}.sticker-sprout{right:58px;bottom:80px;transform:rotate(-6deg);background:#eff6eb;border-color:#d1dfc7}.sticker-sprout span{color:var(--green-ink)}.art-caption{position:absolute;bottom:25px;left:190px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.hero-bottom{height:72px;border-top:1px dashed #ded2ed;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--secondary)}.hero-bottom>a{display:flex;align-items:center;gap:14px;color:var(--brand);margin-left:-140px}.hero-bottom>a span{font-size:22px}.version-label{font-size:11px;color:var(--muted)}
.letter-section{padding:102px 0 108px;background:var(--white);border-top:1px solid var(--line)}.letter-grid{display:grid;grid-template-columns:57% 36%;justify-content:space-between;align-items:center;gap:50px}.letter-paper{position:relative;background:var(--paper);padding:43px 45px 35px;border:1px solid #e8e0ed;border-radius:2px 3px 7px 3px;box-shadow:var(--paper-shadow);transform:rotate(-1.4deg);background-image:repeating-linear-gradient(transparent 0,transparent 35px,#eee6f24a 35px,#eee6f24a 36px);background-position:0 7px}.paper-tape{position:absolute;left:calc(50% - 39px);top:-14px;width:78px;height:28px;background:#d8c5ed99;transform:rotate(-5deg);clip-path:polygon(2% 0,98% 2%,100% 92%,0 100%)}.letter-to{font:18px var(--hand);color:var(--secondary)}.letter-paper h2{font-size:31px;line-height:1.65;margin:21px 0 20px}.letter-paper>p{font-size:15px;line-height:2.15;margin-bottom:12px;max-width:510px}.letter-paper .letter-wish{font:22px/1.6 var(--hand);margin:21px 0;color:var(--brand-deep)}.letter-signature{font:21px var(--hand);display:block;text-align:right;margin:22px 0 0}.letter-signature span{color:var(--brand);font-size:26px;padding-left:5px}.hand-label{font:19px/1.7 var(--hand);color:var(--brand)}.wish-list{padding-top:15px}.wish-list article{display:flex;gap:19px;align-items:center;padding:27px 0;border-bottom:1px dashed var(--line)}.wish-list article:last-of-type{border:0}.wish-icon{display:grid;place-items:center;width:54px;height:55px;border-radius:17px 22px 18px 15px;font:36px var(--hand);flex:none;transform:rotate(-6deg)}.violet{background:var(--brand-wash);color:var(--brand)}.pink{background:var(--pink);color:var(--pink-ink)}.green{background:var(--green);color:var(--green-ink)}.wish-list h3{font-size:19px;font-weight:500}.wish-list article p{font-size:13px;color:var(--secondary);margin-top:7px;white-space:nowrap}.margin-note{font:16px/1.6 var(--hand);color:var(--muted);margin:16px 0 0 60px;transform:rotate(-4deg)}.margin-note svg{width:110px;height:25px;display:block;margin-left:60px;fill:none;stroke:#c9b7de;stroke-width:2;stroke-linecap:round}
.time-section{padding:88px 0 65px;background:var(--brand-pale);background-image:radial-gradient(#b7a0cd44 .7px,transparent .7px);background-size:20px 20px}.section-heading{display:flex;align-items:center;gap:23px;position:relative}.section-stamp{font:27px/1.1 var(--hand);color:var(--brand);padding:14px 11px;width:67px;flex:none;border:2px solid #b89bdc;border-radius:16px 13px 17px 14px;transform:rotate(-8deg);letter-spacing:2px;writing-mode:vertical-rl}.section-kicker{font-size:13px;font-weight:500;letter-spacing:1px;color:var(--brand);margin-bottom:9px}.section-heading h2{font-size:37px}.section-heading>div>p:last-child{font-size:14px;color:var(--secondary);margin-top:10px}.hand-side-note{font:15px/1.8 var(--hand);color:var(--secondary);margin-left:auto;max-width:170px;transform:rotate(6deg);padding-right:20px}.hand-side-note span{font-size:27px;color:var(--pink-ink);display:block;text-align:center}.time-story{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin-top:56px;gap:0}.polaroid{position:relative;padding:15px 15px 23px;background:var(--white);box-shadow:var(--paper-shadow);border:1px solid #e5dbe9;transform:rotate(-3deg);align-self:start;min-width:0}.polaroid-class{transform:rotate(2deg);margin-top:28px}.drawing{height:220px;position:relative;overflow:hidden;background:var(--green);border:1px solid #e6e3dd}.drawing-teacher{background:#efe5df}.drawing-teacher>svg{position:absolute;right:-7px;width:180px;height:220px;bottom:-16px}.chalkboard{position:absolute;left:13px;top:25px;background:#829b86;color:#eff3e1;border:6px solid #c6b5a1;width:185px;height:135px;padding:18px 11px;font:18px/1.8 var(--hand);transform:rotate(-3deg)}.chalkboard span{position:absolute;right:13px;bottom:10px;font-size:30px}.drawing-class{background:#f5e4dc}.drawing-class svg{width:100%;height:100%;position:absolute;bottom:0;left:-10px;transform:scale(1.08)}.class-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:13px var(--hand);padding:3px 0;background:#fff8ede8;color:#715982}.photo-label{display:block;font:20px/1.5 var(--hand);color:var(--brand);margin:17px 0 9px}.polaroid h3{font-size:15px;font-weight:500}.polaroid p{font-size:12px;color:var(--secondary);line-height:1.9;margin-top:9px}.photo-pin{position:absolute;top:-7px;left:50%;width:12px;height:12px;border-radius:50%;border:3px solid #cab0e3;background:#8d62b8;box-shadow:1px 2px 2px #56446d22;z-index:1}.time-connector{align-self:center;transform:translateY(-25px);text-align:center;color:var(--muted);font:13px var(--hand)}.time-connector svg{display:block;width:58px;height:25px;fill:none;stroke:#baa0d7;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 5;margin-top:5px}.reply-card{position:relative;background:#fcf5fa;border:1px solid #e4ccd9;border-radius:3px 10px 5px 6px;box-shadow:var(--paper-shadow);transform:rotate(-2deg);padding:36px 24px 25px;margin-top:5px;min-height:371px}.reply-card .photo-label{margin-top:57px;color:var(--pink-ink)}.reply-card h3{font:22px/1.7 var(--hand)}.reply-stamp{position:absolute;right:20px;top:19px;border:1px dashed #c99bb1;padding:6px 8px;color:#ba8aa1;font-size:9px;text-align:center;transform:rotate(8deg);line-height:1.4}.reply-stamp b{font-size:22px;font-weight:400}.reply-lines{margin:23px 0}.reply-lines p{font:16px/2.8 var(--hand);color:var(--secondary);border-bottom:1px solid #e9d7e2}.reply-foot{font-size:11px;color:var(--pink-ink);margin-top:25px}.section-note{margin-top:54px;font-size:11px;color:var(--secondary);display:flex;align-items:center;justify-content:center;gap:7px}.section-note>span{font-size:19px}
.campus-section{padding:106px 0;background:var(--white)}.campus-grid{display:grid;grid-template-columns:55% 37%;justify-content:space-between;align-items:center}.campus-map{position:relative;height:550px;background:#f5f0fb;border:1px solid #e3d8ee;transform:rotate(-2deg);border-radius:24px 18px 28px 14px;overflow:hidden;background-image:linear-gradient(#d3c4e533 1px,transparent 1px),linear-gradient(90deg,#d3c4e533 1px,transparent 1px);background-size:27px 27px}.map-heading{font:28px var(--hand);position:absolute;top:32px;left:35px;color:var(--brand-deep)}.map-small{position:absolute;top:78px;left:38px;font-size:12px;color:var(--secondary)}.map-art{position:absolute;left:-10px;right:-15px;top:65px;bottom:0;display:flex;align-items:center}.map-art img{width:100%;height:auto}.map-point{position:absolute;display:flex;gap:6px;align-items:center;font:16px var(--hand);background:var(--white);border:1px solid #d5c2ea;border-radius:8px;padding:7px 12px;box-shadow:var(--shadow);color:var(--brand-deep)}.map-point b{width:22px;height:22px;font:14px/22px var(--hand);background:var(--brand);color:var(--white);border-radius:50%;text-align:center}.point-one{left:47%;bottom:69px;transform:rotate(3deg)}.point-two{left:23%;top:236px;transform:rotate(-4deg)}.point-three{right:30px;top:173px;transform:rotate(7deg)}.map-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.campus-copy h2{font-size:44px;line-height:1.4;margin:13px 0 19px}.section-description{font-size:15px;line-height:2;color:var(--secondary)}.campus-steps{padding:0;list-style:none;margin:27px 0}.campus-steps li{display:flex;gap:14px;margin:19px 0;align-items:flex-start}.campus-steps li>span{font:16px/29px var(--hand);color:var(--brand);border:1px solid #d4c0ec;border-radius:50%;width:29px;flex:none;text-align:center}.campus-steps h3{font-size:16px;font-weight:500}.campus-steps p{font-size:12px;color:var(--secondary);margin-top:5px}.future-note{display:flex;gap:12px;padding-top:21px;border-top:1px dashed var(--line)}.future-note>span{font-size:25px;color:var(--brand);line-height:1.4}.future-note p{font-size:12px;color:var(--secondary);line-height:1.9}.future-note strong{font-weight:500;color:var(--ink)}
.hour-section{background:var(--brand-pale);padding:85px 0 55px}.hour-heading{display:flex;align-items:center;justify-content:space-between}.hour-heading h2{font-size:46px;line-height:1.4;margin:13px 0 19px}.hour-heading>div>p:last-child{font-size:15px;color:var(--secondary);line-height:2}.clock-drawing{position:relative;margin-right:80px;padding-bottom:25px}.clock-face{position:relative;width:230px;height:230px;border-radius:47% 50% 48% 50%;border:7px solid #a582d6;background:var(--white);box-shadow:4px 5px 0 #dfd1f2;transform:rotate(10deg)}.clock-face:after{content:'';position:absolute;inset:8px;border:1px dashed #d9c7ee;border-radius:50%}.clock-face>span{position:absolute;font:24px var(--hand);color:var(--brand)}.clock-12{top:14px;left:calc(50% - 14px)}.clock-3{right:17px;top:calc(50% - 15px)}.clock-6{bottom:11px;left:calc(50% - 8px)}.clock-9{left:17px;top:calc(50% - 15px)}.clock-face .clock-heart{bottom:36px;left:calc(50% - 16px);color:#d7b8d3;font-size:32px}.clock-hand{position:absolute;left:50%;bottom:50%;width:5px;border-radius:5px;background:var(--brand);transform-origin:center bottom;z-index:1}.clock-hand.short{height:55px;transform:rotate(65deg)}.clock-hand.long{height:76px;transform:rotate(-15deg)}.clock-center{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);height:14px;width:14px;background:var(--brand);border-radius:50%;z-index:2}.clock-star{position:absolute;right:-45px;top:-12px;font-size:51px;color:#b29acb;transform:rotate(12deg)}.clock-caption{display:block;font:17px var(--hand);position:absolute;bottom:-14px;left:-18px;width:290px;transform:rotate(-6deg);color:var(--secondary)}.promise-strip{display:flex;gap:20px;align-items:center;margin:44px 0 45px;padding:25px 31px;background:var(--paper);border-radius:3px;box-shadow:2px 3px 0 #e1d5ee;border:1px solid #e5d8ef;transform:rotate(-.5deg)}.promise-strip>span:first-child{font:76px/1 var(--hand);height:58px;color:#c0a6dd}.promise-strip>p{font:23px/1.65 var(--hand)}.promise-caption{font-size:11px;color:var(--muted);margin-left:auto;align-self:flex-end;white-space:nowrap}.task-heading{margin-bottom:22px;display:flex;align-items:center;gap:25px}.task-heading h3{font-size:20px;font-weight:500}.task-heading p{font-size:12px;color:var(--secondary)}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.task-card{position:relative;padding:28px 27px;border-radius:5px 12px 6px 9px;min-height:210px;border:1px solid #dfd0e9}.task-pink{background:#fbecf2;border-color:#e9d3e0;transform:rotate(-1deg)}.task-violet{background:#e9e0f7;transform:rotate(1deg)}.task-green{background:#eaf0e5;border-color:#d5dfd0;transform:rotate(-1deg)}.task-card>svg{position:absolute;right:24px;top:22px;width:48px;height:48px;fill:none;stroke:var(--pink-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(7deg)}.task-violet>svg{stroke:#8b6bac}.task-green>svg{stroke:var(--green-ink)}.task-duration{display:inline-block;font-size:11px;background:#ffffff94;border:1px solid #ffffffcc;border-radius:15px;padding:2px 9px;color:var(--secondary)}.task-card h3{font:23px/1.6 var(--hand);margin:26px 0 8px}.task-card p{font-size:13px;line-height:1.9;color:var(--secondary)}.hour-bottom{display:flex;align-items:center;gap:10px;margin-top:35px}.hour-bottom>span:first-child{font-size:27px;color:var(--pink-ink)}.hour-bottom p{font-size:12px;color:var(--secondary)}.hour-bottom strong{font-weight:500;color:var(--ink)}.small-note{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
.together-section{padding:88px 0 85px;background:var(--white)}.together-section h2{font-size:36px}.join-flow{display:flex;align-items:center;justify-content:space-between;margin:40px 0 48px;padding:28px 10px}.join-flow article{display:flex;gap:16px;align-items:center}.flow-bubble{font:31px var(--hand);width:60px;height:62px;display:grid;place-items:center;background:var(--brand-pale);color:var(--brand);border-radius:50% 45% 49% 42%;flex:none;transform:rotate(-6deg)}.join-flow article:nth-of-type(2) .flow-bubble{background:var(--pink);color:var(--pink-ink)}.join-flow article:nth-of-type(3) .flow-bubble{background:var(--green);color:var(--green-ink)}.join-flow h3{font:25px/1.5 var(--hand);margin-bottom:7px}.join-flow p{font-size:12px;color:var(--secondary);line-height:1.9}.flow-arrow{font-size:39px;color:#c9b6df;align-self:center;line-height:1}.column-shelf{padding:25px 28px 16px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);position:relative}.shelf-label{position:absolute;left:calc(50% - 150px);top:-17px;width:300px;background:var(--white);text-align:center;color:var(--secondary);font:17px/2 var(--hand)}.window-list{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:13px}.window-list>div{padding:10px 0 8px;position:relative}.window-list>div+div{border-left:1px solid var(--line)}.window-list>div>span{font:35px/1.4 var(--hand);display:block;color:#ab8bcf;margin-bottom:7px}.window-list h3{font-size:16px;font-weight:500}.window-list p{font-size:11px;color:var(--secondary);margin-top:7px}.shelf-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:14px}.teacher-day{margin-top:55px;display:flex;align-items:center;gap:44px;padding:28px 40px;background:#f5f0fb;border-radius:20px;position:relative}.calendar{width:150px;flex:none;background:var(--white);transform:rotate(-5deg);border:1px solid #cbbbdf;border-radius:8px;box-shadow:2px 3px 0 #e1d5ec;text-align:center;position:relative;overflow:visible;padding-bottom:12px}.calendar:before,.calendar:after{content:'';position:absolute;top:-7px;width:6px;height:15px;background:#a692c3;border:2px solid #f5f0fb;border-radius:5px;z-index:1}.calendar:before{left:24px}.calendar:after{right:24px}.calendar>span{font:14px/2.3 var(--hand);display:block;background:#ae90d3;color:var(--white);border-radius:7px 7px 0 0}.calendar strong{font:48px/1.45 var(--hand);display:block;color:var(--brand-deep)}.calendar strong span{font-size:26px;padding:0 2px;color:#c6afdF}.calendar small{font-size:8px;color:var(--muted);display:block}.teacher-day h3{font:29px/1.6 var(--hand);margin:7px 0 9px}.teacher-day p{font-size:13px;color:var(--secondary);line-height:2}.teacher-day .hand-label{font-size:15px;color:var(--secondary)}.teacher-day-note{display:block;font-size:10px;color:var(--muted);margin-top:9px}.teacher-day-flower{font:95px var(--hand);position:absolute;right:40px;top:39px;color:#d9c6ec;transform:rotate(12deg)}
.start-section{padding:98px 0 0;background:var(--brand-pale);overflow:hidden}.start-grid{display:grid;grid-template-columns:49% 45%;justify-content:space-between;gap:40px;align-items:center}.start-copy h2{font-size:43px;line-height:1.5;margin:19px 0}.start-copy>p{font-size:15px;line-height:2;color:var(--secondary)}.start-sign{display:flex;gap:14px;align-items:center;margin:28px 0 15px}.start-sign>span:first-child{font-size:12px;color:var(--secondary)}.start-sign strong{font:26px var(--hand);font-weight:400}.signature-flower{font:34px var(--hand);color:var(--brand);transform:rotate(10deg)}.start-copy .closing-slogan{font-size:12px;color:var(--brand-deep)}.start-plan{position:relative;padding:33px 35px 23px;background:var(--paper);box-shadow:var(--paper-shadow);border:1px solid #e2d6ec;transform:rotate(2deg)}.start-plan>h3{font:27px var(--hand);text-align:center;margin:2px 0 29px}.start-plan>ol{list-style:none;margin:0;padding:0}.start-plan li{display:flex;gap:15px;margin-bottom:23px}.start-plan li>span{width:29px;height:29px;flex:none;border:1px solid #d5bfe7;border-radius:9px 8px 10px 7px;display:grid;place-items:center;font:18px var(--hand);color:var(--brand)}.start-plan li strong{font-size:15px;font-weight:500}.start-plan li p{font-size:12px;color:var(--secondary);line-height:1.9;margin-top:7px}.ask-help{display:flex;gap:10px;border-top:1px dashed var(--line);padding-top:16px}.ask-help>span{font-size:23px;color:var(--brand)}.ask-help p{font-size:11px;color:var(--secondary);line-height:1.9}.proposal-status{display:flex;align-items:center;gap:8px;border-top:1px dashed #d6c6e7;margin-top:75px;padding:24px 0;font-size:10px;color:var(--secondary)}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--brand);flex:none}.proposal-status a{margin-left:auto;white-space:nowrap;padding-left:20px;color:var(--brand);font-size:12px}.site-footer{padding:25px 0;background:var(--canvas);color:var(--muted);font-size:10px}.site-footer>.wrap{display:flex;align-items:center;justify-content:space-between}.site-footer b{font:19px var(--hand);color:var(--brand);margin-right:12px}.site-footer>div>span:first-child{display:flex;align-items:center}
.report-controls[hidden],.report-hint[hidden]{display:none}.report-controls{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid #cbbbdf;box-shadow:0 8px 30px #30253f24;padding:8px 10px 8px 22px;border-radius:16px;z-index:40;font-size:12px;white-space:nowrap}#report-progress{color:var(--brand);font-weight:500}#report-chapter{min-width:130px;border-right:1px solid var(--line);padding-right:15px}.report-controls button{background:var(--brand-pale);color:var(--brand);border:0;border-radius:9px;height:38px;min-width:38px;padding:0 12px;font-size:14px}.report-controls button:hover{background:var(--brand-wash)}.report-controls #report-exit{font-size:12px;background:transparent;color:var(--secondary);margin-left:3px}.report-controls kbd{font:10px var(--sans);padding:2px 4px;border:1px solid var(--line);border-radius:3px;margin-left:3px}.report-hint{position:fixed;bottom:93px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:8px 16px;border-radius:8px;font-size:12px;z-index:40}.report-mode .chapter{min-height:calc(100vh - 98px);display:flex;flex-direction:column;justify-content:center}.report-mode .hero .hero-inner{flex:1}.report-mode .start-section{padding-bottom:65px}.report-mode .hero-bottom{width:1180px}.report-mode .section-note{margin-bottom:20px}
@media(min-width:1600px){.hero-inner{min-height:730px}.hero-art{margin-right:-95px}.hero-copy{padding-bottom:40px}h1{font-size:75px}.hero-intro{font-size:18px}.art-note{top:66px}.sticker-home{top:250px}.sticker-heart{top:225px}.sticker-sprout{bottom:90px}.art-caption{bottom:35px}}
@media(max-width:1270px){.wrap{max-width:calc(100% - 100px)}.header-inner{padding:0 28px;gap:24px}.header-inner nav{gap:20px}.hero-inner{min-height:650px}h1{font-size:60px}.hero-art{margin-right:-45px;margin-left:-30px}.art-note{font-size:18px;right:55px;top:70px}.art-sticker{font-size:14px;padding:5px 11px}.sticker-home{top:230px;left:8px}.sticker-heart{top:200px;right:-4px}.sticker-sprout{bottom:120px;right:10px}.art-caption{left:120px;bottom:62px}.pencil-underline{width:350px}.author-note{margin-left:8px;padding-left:16px;font-size:12px}.hero-bottom>a{margin-left:-100px}.letter-grid{gap:35px;grid-template-columns:57% 38%}.letter-paper{padding:35px}.letter-paper h2{font-size:28px}.wish-list h3{font-size:17px}.wish-list article p{font-size:12px}.wish-icon{width:46px;height:48px}.section-heading h2{font-size:32px}.hand-side-note{font-size:13px;max-width:150px}.time-story{grid-template-columns:1fr 45px 1fr 45px 1fr}.time-connector svg{width:43px}.drawing{height:190px}.drawing-teacher>svg{height:195px;width:160px}.chalkboard{left:8px;width:162px;font-size:16px}.polaroid h3{font-size:14px}.reply-card{padding:30px 20px 20px;min-height:350px}.reply-card h3{font-size:20px}.reply-card .photo-label{margin-top:57px}.campus-map{height:530px}.campus-copy h2{font-size:39px}.campus-steps p{font-size:11px}.point-two{left:14%;top:230px}.point-three{right:18px;top:180px}.point-one{bottom:95px}.map-heading{font-size:25px}.hour-heading h2{font-size:42px}.clock-drawing{margin-right:50px}.task-card{padding:24px}.task-card h3{font-size:21px}.task-card>svg{right:18px;width:42px;height:42px}.task-heading{gap:16px}.task-heading h3{font-size:18px}.task-heading p{font-size:11px}.hour-bottom{flex-wrap:wrap}.small-note{margin-left:37px}.join-flow{gap:12px}.join-flow article{gap:12px}.flow-bubble{width:50px;height:54px}.join-flow h3{font-size:22px}.flow-arrow{font-size:32px}.join-flow p{font-size:11px}.teacher-day{gap:32px}.teacher-day-flower{right:25px;font-size:75px;top:54px}.teacher-day h3{font-size:26px}.start-copy h2{font-size:39px}.start-plan{padding:30px}.report-mode .hero-bottom{width:calc(100% - 100px)}}
.chapter{scroll-margin-top:0}.hero-art{margin-right:-30px}.hand-side-note{max-width:190px}
.report-mode .chapter>.wrap{width:calc(100% - 100px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-height:800px){.hero-inner{min-height:610px}.hero-copy{padding-top:28px;padding-bottom:20px}h1{font-size:62px;margin-top:16px}.pencil-underline{margin-bottom:12px}.author{margin-top:24px}.art-note{top:28px}.hero-art{margin-right:-30px}.art-caption{bottom:15px}.sticker-sprout{bottom:65px}}
@media print{body{min-width:0;font-size:12px}.site-header,.report-controls,.report-hint,.hero-bottom>a,.proposal-status>a{display:none!important}.wrap{max-width:100%;width:100%}.chapter{break-inside:avoid;min-height:0!important;padding:35px 20px!important;display:block!important}.hero-inner{min-height:570px}.letter-section{break-before:page}.time-story{gap:5px}.site-footer{padding:15px}.start-section{break-before:page}a{color:inherit}.primary-button{display:none}h1{font-size:52px}h2{font-size:30px}}