:root{--ink:#17253d;--muted:#637086;--paper:#fffdf8;--blue:#b8e0ee;--pink:#f4b8c9;--yellow:#f8df7e;--mint:#cde7c9;--lav:#d4c8ed;--cream:#fff1c7;--line:rgba(23,37,61,.14);--shadow:0 20px 50px rgba(41,64,92,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#eaf5f6;font-family:'Nunito',system-ui,sans-serif;overflow-x:hidden}.paper-noise{position:fixed;inset:0;pointer-events:none;opacity:.42;z-index:10;background-image:radial-gradient(rgba(23,37,61,.12) .7px,transparent .7px);background-size:7px 7px;mix-blend-mode:multiply}.binder-spine{position:fixed;left:0;top:0;bottom:0;width:54px;background:#d7e9ed;border-right:2px solid rgba(23,37,61,.14);z-index:4;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:70px 0}.binder-spine span{width:25px;height:25px;border-radius:50%;border:6px solid #879bab;background:#e8f5f4;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 3px 4px rgba(23,37,61,.16)}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw 0 8vw;background:rgba(255,253,248,.88);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-sticker{display:grid;place-items:center;width:38px;height:38px;background:var(--pink);border:2px solid var(--ink);border-radius:48% 52% 44% 56%;font-family:'Jua';font-size:22px;transform:rotate(-9deg);box-shadow:3px 3px 0 var(--ink)}.brand strong{display:block;font-size:14px;letter-spacing:.13em}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:1px}.main-nav{display:flex;gap:28px}.main-nav a{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none;position:relative}.main-nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:3px;background:var(--pink);transition:.25s}.main-nav a:hover:after{width:100%}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:8px 13px;font:700 11px 'Nunito'}.section-shell{width:min(1120px,calc(100% - 100px));margin:0 auto}.hero{min-height:700px;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;padding:92px 0 110px;position:relative;background-image:linear-gradient(rgba(94,144,167,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(94,144,167,.09) 1px,transparent 1px);background-size:30px 30px}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(255,253,248,.68)}.hero>*{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:#5c7892;margin:0 0 18px}.eyebrow{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;background:var(--pink);border:2px solid var(--ink);border-radius:50%;display:inline-block}.hero h1,h2,h3,p{margin-top:0}.hero h1,h2{font-family:'Jua',sans-serif;font-weight:400;line-height:1.04}.hero h1{font-size:clamp(58px,7vw,94px);letter-spacing:-.04em;margin-bottom:24px}.hero h1 em{color:#e87e9a;font-style:normal;text-shadow:3px 3px 0 #fff}.hero-lead{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:20px;padding:13px 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(23,37,61,.14)}.button-dark{background:var(--ink);color:#fff}.button-ghost{color:var(--ink);border:1px dashed var(--ink);background:rgba(255,255,255,.6)}.hero-note{position:absolute!important;left:-32px;bottom:30px;z-index:2!important}.memo{position:relative;padding:22px 24px;box-shadow:8px 12px 18px rgba(23,37,61,.11);border:1px solid rgba(23,37,61,.12)}.memo:before{content:'';position:absolute;width:76px;height:20px;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);background:rgba(255,255,255,.54);border:1px solid rgba(23,37,61,.08)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.pink{background:var(--pink)}.cream{background:var(--cream)}.tilt-left{transform:rotate(-6deg);font-size:12px;line-height:1.4}.tilt-left strong{font-family:'Jua';font-size:17px}.hero-art{min-height:520px;display:grid;place-items:center;position:relative}.sunburst{position:absolute;width:450px;height:450px;border-radius:50%;background:repeating-conic-gradient(from 2deg,rgba(248,223,126,.55) 0 10deg,rgba(255,255,255,0) 10deg 20deg);animation:spin 36s linear infinite}.portrait-frame{width:min(390px,72vw);padding:14px 14px 38px;background:#fff;border:1px solid var(--line);box-shadow:15px 20px 0 rgba(23,37,61,.12);transform:rotate(4deg);position:relative;z-index:1}.portrait-frame img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#eef1f7}.photo-label{display:block;font-size:11px;letter-spacing:.16em;margin-top:12px;font-weight:900}.tape{position:absolute;width:110px;height:28px;background:rgba(245,196,207,.72);top:-18px;left:50%;transform:translateX(-50%) rotate(-5deg);z-index:2}.sticker{position:absolute;z-index:3;font-family:'Jua';display:grid;place-items:center;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.sticker-star{width:68px;height:68px;background:var(--yellow);clip-path:polygon(50% 0,61% 34%,98% 35%,69% 56%,80% 94%,50% 71%,19% 94%,30% 56%,2% 35%,39% 34%);border:none;box-shadow:none;color:var(--ink);font-size:26px;right:12%;top:10%;transform:rotate(11deg)}.sticker-heart{width:58px;height:58px;border-radius:50%;background:var(--pink);font-size:32px;left:8%;bottom:12%;transform:rotate(-10deg)}.mini-caption{position:absolute;right:0;bottom:45px;font-family:'Jua';font-size:17px;line-height:1.15;transform:rotate(8deg);text-align:center}.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:13px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:'Jua';letter-spacing:.08em}.ticker-track{width:max-content;display:flex;align-items:center;gap:36px;animation:marquee 28s linear infinite}.ticker b{color:var(--yellow);font-size:20px}.world-section{padding:125px 0 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-heading h2,.traits-header h2,.routine-heading h2,.closing h2,.quotes-section h2{font-size:clamp(43px,5vw,65px);margin-bottom:22px}.section-heading h2 span,.traits-header h2 span,.closing h2 span{color:#e87e9a}.section-heading>p:last-child,.traits-header>p:last-child,.routine-heading>p:last-child,.closing>p{color:var(--muted);line-height:1.8;font-size:15px;max-width:380px}.world-collage{min-height:440px;position:relative}.world-card{position:absolute;width:275px;min-height:180px}.world-card h3{font-family:'Jua';font-size:28px;margin:7px 0 10px}.world-card p,.world-card li{font-size:13px;line-height:1.65}.card-a{top:0;left:0;transform:rotate(-5deg)}.card-b{top:112px;right:10px;transform:rotate(4deg);z-index:1}.card-c{bottom:0;left:94px;transform:rotate(-2deg);z-index:2}.mini-label{font-size:10px!important;letter-spacing:.14em;font-weight:900;color:#5c7892;margin:0}.pin{position:absolute;right:15px;top:12px;color:#e87e9a}.world-card ul{padding-left:17px;margin:13px 0 0}.scribble{position:absolute;right:17px;bottom:13px;font-family:'Jua';color:#e87e9a;line-height:.9;transform:rotate(-11deg)}.profile-section{padding:110px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.profile-intro h2{font-size:clamp(50px,5vw,72px);margin-bottom:20px}.profile-intro h2 span{color:#6ca4bb}.profile-intro>p:not(.section-kicker){color:var(--muted);font-size:15px;line-height:1.8}.quote-chip{display:inline-block;margin-top:24px;padding:14px 19px;background:var(--yellow);border:1px solid var(--ink);font-family:'Jua';font-size:19px;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--ink)}.quote-chip small{font:700 11px 'Nunito';color:var(--muted)}.profile-card{background:var(--paper);border:2px solid var(--ink);box-shadow:12px 14px 0 var(--ink);transform:rotate(2deg);padding:18px;position:relative}.profile-card:after{content:'♡';position:absolute;right:22px;top:58px;color:var(--pink);font-size:34px;transform:rotate(13deg)}.profile-card-top,.profile-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:.1em}.profile-card-top{padding-bottom:13px;border-bottom:1px dashed var(--line)}.profile-card-body{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px 0}.profile-photo{position:relative;background:var(--lav);padding:9px;transform:rotate(-2deg)}.profile-photo img{width:100%;display:block;aspect-ratio:1/1.05;object-fit:cover}.profile-photo span{position:absolute;right:-8px;bottom:12px;background:var(--yellow);padding:6px 9px;font-family:'Jua';font-size:13px;transform:rotate(-7deg)}.profile-facts{display:flex;flex-direction:column;justify-content:center;gap:13px}.fact{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:8px}.fact span{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:.12em}.fact strong{font-size:15px;margin-top:3px}.profile-card-bottom{padding-top:13px;border-top:1px dashed var(--line)}.traits-section{padding:108px 0}.traits-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.traits-header>p:last-child{margin:0;max-width:310px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trait-card{padding:28px 25px 30px;min-height:235px;border:1px solid var(--line);box-shadow:8px 9px 0 var(--ink);position:relative;transition:transform .25s}.trait-card:hover{transform:translateY(-7px) rotate(-1deg)}.trait-card.mint{background:var(--mint)}.trait-card.yellow{background:var(--yellow)}.trait-card.lavender{background:var(--lav)}.trait-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-weight:900;font-size:12px}.trait-card h3{font-family:'Jua';font-size:30px;margin:24px 0 11px}.trait-card p{color:var(--ink);font-size:14px;line-height:1.7;margin:0}.likes-section{padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.likes-column{padding:44px 42px;background:var(--cream);border:1px solid var(--line);transform:rotate(-2deg)}.likes-column.dislike{background:var(--pink);transform:rotate(2deg)}.likes-column h2{font-size:46px;margin:0 0 28px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.check-list li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800}.check-list span{display:grid;place-items:center;width:23px;height:23px;background:#fff;border:2px solid var(--ink);border-radius:50%;font-weight:900}.check-list.bad span{color:#e87e9a}.quotes-section{padding:116px 0 120px;position:relative}.quote-deco{position:absolute;right:8%;top:76px;font:170px/1 'Jua';color:rgba(244,184,201,.5);transform:rotate(10deg)}.quote-list{margin-top:42px;border-top:2px solid var(--ink);position:relative;z-index:1}.quote-item{width:100%;padding:24px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:grid;grid-template-columns:50px 1fr 30px;align-items:center;text-align:left;cursor:pointer;transition:background .2s}.quote-item:hover{background:rgba(255,255,255,.6)}.quote-item span{font-size:11px;color:var(--muted);font-weight:900}.quote-item strong{font:27px 'Jua';font-weight:400}.quote-item i{font:24px 'Nunito';font-style:normal;text-align:center}.quote-hint{font-size:11px;color:var(--muted);margin:17px 0 0 58px}.routine-section{padding:108px 0 125px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.routine-list{border-top:2px solid var(--ink)}.routine-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.routine-no{font:33px 'Jua';color:#e87e9a}.routine-row h3{font-family:'Jua';font-size:25px;margin:0 0 5px}.routine-row p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.stamp{padding:7px 9px;border:2px solid var(--ink);font-size:10px;font-weight:900;letter-spacing:.1em;transform:rotate(-5deg);background:var(--yellow)}.routine-row:nth-child(2) .stamp{background:var(--mint);transform:rotate(4deg)}.routine-row:nth-child(3) .stamp{background:var(--lav);transform:rotate(-3deg)}.closing{text-align:center;padding:120px 0 140px;position:relative}.closing-sticker{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 27px;border:3px solid var(--ink);border-radius:50%;background:var(--pink);box-shadow:6px 6px 0 var(--ink);font:42px 'Jua';transform:rotate(-10deg)}.closing h2{margin-bottom:21px}.closing>p{margin:0 auto 30px}.site-footer{margin-left:54px;padding:25px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.09em;background:rgba(255,253,248,.7)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(max-width:820px){.binder-spine{width:34px}.binder-spine span{width:18px;height:18px;border-width:4px}.site-header{padding-left:52px;padding-right:20px}.main-nav{display:none}.menu-toggle{display:block}.site-header.nav-open .main-nav{display:flex;position:absolute;top:70px;right:18px;flex-direction:column;gap:15px;padding:18px;background:var(--paper);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.section-shell{width:calc(100% - 72px);margin-left:51px}.hero{grid-template-columns:1fr;gap:20px;padding:65px 0 80px}.hero h1{font-size:64px}.hero-art{min-height:430px}.hero-note{left:3%;bottom:12px}.world-section,.profile-section,.routine-section{grid-template-columns:1fr;gap:45px;padding:85px 0}.world-collage{min-height:500px}.traits-section,.likes-section,.quotes-section{padding:85px 0}.traits-header{display:block}.traits-header>p:last-child{margin-top:20px}.trait-grid{grid-template-columns:1fr;gap:18px}.likes-section{grid-template-columns:1fr;gap:24px}.likes-column{padding:33px 27px}.routine-section{gap:38px}.site-footer{margin-left:34px;padding:22px 5vw;gap:14px;flex-wrap:wrap}.quote-item strong{font-size:21px}.quote-deco{right:0;top:60px}.profile-card{transform:none}.profile-card-body{grid-template-columns:1fr 1fr;gap:14px}.profile-facts{gap:10px}.fact strong{font-size:13px}}@media(max-width:500px){.brand strong{font-size:12px}.brand small{font-size:9px}.hero h1{font-size:54px}.hero-lead{font-size:14px}.portrait-frame{width:min(320px,75vw)}.sunburst{width:340px;height:340px}.mini-caption{right:3%;bottom:24px}.world-card{width:230px}.card-b{right:-3px}.card-c{left:30px}.world-collage{min-height:520px}.profile-card-body{grid-template-columns:1fr}.profile-photo{max-width:240px;margin:auto}.profile-facts{padding:0 6px}.routine-row{grid-template-columns:42px 1fr}.stamp{grid-column:2;justify-self:start}.site-footer{font-size:9px}.quote-item{grid-template-columns:35px 1fr 20px}.quote-item strong{font-size:18px}.quote-hint{margin-left:35px}}
.quote-note{margin:0 58px 0 58px;padding:12px 16px;background:var(--yellow);border:1px dashed var(--ink);font:15px 'Jua';color:var(--ink);transform:rotate(-1deg);animation:note-in .25s ease both}@keyframes note-in{from{opacity:0;transform:translateY(-5px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@media(max-width:500px){.quote-note{margin-left:35px;font-size:13px}}
.archive-section{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.archive-image{background:var(--yellow);padding:18px 18px 30px;box-shadow:11px 13px 0 var(--ink);transform:rotate(-3deg);position:relative}.archive-image:before{content:'ARCHIVE';position:absolute;right:18px;top:-13px;padding:6px 10px;background:var(--pink);border:1px solid var(--ink);font-size:10px;font-weight:900;letter-spacing:.13em;transform:rotate(5deg)}.archive-image img{display:block;width:100%;height:410px;object-fit:cover;object-position:top;border:1px solid var(--line)}.archive-copy h2{font:400 clamp(42px,5vw,62px)/1.05 'Jua';margin:0 0 20px}.archive-copy h2 span{color:#e87e9a}.archive-copy>p:not(.section-kicker){color:var(--muted);line-height:1.8;font-size:15px;max-width:360px;margin-bottom:26px}@media(max-width:820px){.archive-section{grid-template-columns:1fr;gap:45px;padding:85px 0}.archive-image{max-width:430px;margin:auto}.archive-image img{height:360px}}@media(max-width:500px){.archive-image img{height:300px}}
.campus-section{padding:115px 0 120px;background-image:linear-gradient(rgba(94,144,167,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,144,167,.08) 1px,transparent 1px);background-size:30px 30px}.campus-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:42px}.campus-heading h2{font-size:clamp(45px,5vw,66px);margin:0}.campus-heading h2 span{color:#e87e9a}.campus-heading>p:last-child{color:var(--muted);line-height:1.8;font-size:15px;max-width:390px;margin:0}.campus-board{min-height:425px;position:relative}.campus-note{position:absolute;width:300px;min-height:185px}.campus-note h3{font:400 29px 'Jua';margin:8px 0 10px}.campus-note p,.campus-note li{font-size:13px;line-height:1.7}.campus-main{left:5%;top:0;transform:rotate(-4deg)}.campus-rule{right:7%;top:92px;z-index:1;transform:rotate(4deg)}.campus-places{left:23%;bottom:0;z-index:2;transform:rotate(-1deg)}.campus-rule ul{padding-left:18px;margin:12px 0 0}.place-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.place-tags span{padding:5px 8px;border:1px solid var(--ink);background:rgba(255,255,255,.6);font-size:11px;font-weight:800}.tiny-note{font-size:11px!important;color:#7f6872}.campus-contrast{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:20px;margin:68px 0 96px;padding:30px 36px;background:var(--ink);color:#fff;box-shadow:9px 10px 0 var(--pink);transform:rotate(1deg)}.campus-contrast>div:not(.contrast-arrow){display:flex;flex-direction:column;gap:8px}.contrast-label{font-size:10px;letter-spacing:.15em;color:var(--yellow);font-weight:900}.campus-contrast strong{font:400 24px 'Jua'}.campus-contrast p{font-size:13px;line-height:1.6;color:#d7e9ed;margin:0}.contrast-arrow{text-align:center;font-size:30px;color:var(--pink)}.history-heading{text-align:center;margin-bottom:34px}.history-heading h2{font-size:clamp(41px,4.5vw,58px);margin:0}.history-timeline{max-width:800px;margin:auto;border-left:2px dashed #9ab5c0;padding:5px 0 5px 37px;display:grid;gap:25px}.history-item{position:relative;padding:22px 25px;background:rgba(255,253,248,.85);border:1px solid var(--line);box-shadow:5px 6px 0 rgba(23,37,61,.14)}.history-item:nth-child(1){transform:rotate(-1deg)}.history-item:nth-child(2){background:rgba(244,184,201,.48);transform:rotate(1deg)}.history-item:nth-child(3){background:rgba(205,231,201,.65);transform:rotate(-1deg)}.history-dot{position:absolute;left:-58px;top:23px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font-weight:900;font-size:11px}.history-item h3{font:400 26px 'Jua';margin:7px 0 9px}.history-item p:last-child{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.memory-note{max-width:650px;margin:42px auto 0;text-align:center;font-size:14px;line-height:1.7;transform:rotate(-2deg)}.memory-note strong{font-family:'Jua';font-size:20px;margin-right:5px}@media(max-width:820px){.campus-heading{display:block}.campus-heading>p:last-child{margin-top:22px}.campus-board{min-height:540px}.campus-note{width:260px}.campus-main{left:0}.campus-rule{right:0;top:125px}.campus-places{left:12%;bottom:0}.campus-contrast{grid-template-columns:1fr;gap:16px;padding:26px 24px}.contrast-arrow{transform:rotate(90deg)}.history-timeline{margin-left:14px}}@media(max-width:500px){.campus-section{padding:85px 0}.campus-board{min-height:560px}.campus-note{width:230px;padding:18px 19px}.campus-note h3{font-size:25px}.campus-main{left:0}.campus-rule{right:0;top:140px}.campus-places{left:8%;bottom:0}.campus-contrast{margin:58px 0 80px}.history-timeline{padding-left:28px;margin-left:10px}.history-dot{left:-47px;width:34px;height:34px}.history-item{padding:19px 18px}.history-item h3{font-size:22px}}
.chibi{position:absolute;z-index:4;filter:drop-shadow(5px 7px 0 rgba(23,37,61,.16));pointer-events:none;animation:sticker-float 4.5s ease-in-out infinite}.chibi-maid{width:154px;height:auto}.hero-chibi{right:-2%;bottom:18px;transform:rotate(7deg)}.campus-chibi{width:185px;right:-2%;bottom:-42px;transform:rotate(7deg);animation-delay:.7s}.routine-list{position:relative}.routine-chibi{width:150px;right:-68px;bottom:-82px;transform:rotate(8deg);animation-delay:1.1s}.closing{position:relative}.closing-chibi{width:180px;left:7%;top:55px;transform:rotate(-8deg);animation-delay:1.5s}.closing-sticker{position:relative;z-index:1}@keyframes sticker-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@media(max-width:820px){.hero-chibi{width:124px;right:0;bottom:0}.campus-chibi{width:135px;right:-6px;bottom:-24px}.routine-chibi{width:115px;right:-20px;bottom:-66px}.closing-chibi{width:135px;left:auto;right:3%;top:45px}}@media(max-width:500px){.hero-chibi{width:108px;right:-5px;bottom:5px}.campus-chibi{width:115px;right:-3px;bottom:-18px}.routine-chibi{width:100px;right:-10px;bottom:-58px}.closing-chibi{width:115px;right:0;top:58px}}
.profile-section{position:relative}.profile-chibi{width:148px;right:-55px;bottom:-42px;transform:rotate(8deg);animation-delay:.4s}@media(max-width:820px){.profile-chibi{width:118px;right:-14px;bottom:-40px}}@media(max-width:500px){.profile-chibi{width:96px;right:-5px;bottom:-35px}}
.chibi-gallery-section{padding:112px 0 120px;background:#f6d9df;overflow:hidden}.chibi-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.chibi-gallery-heading h2{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0}.chibi-gallery-heading h2 span{color:#4b8c9d}.chibi-gallery-heading>p:last-child{max-width:290px;color:var(--muted);line-height:1.7;margin:0}.chibi-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.chibi-polaroid{margin:0;padding:12px 12px 20px;background:#fff;box-shadow:7px 10px 0 rgba(23,37,61,.18);transform:rotate(-3deg)}.chibi-polaroid:nth-child(2){transform:rotate(3deg);margin-top:36px}.chibi-polaroid:nth-child(3){transform:rotate(-1deg);margin-top:8px}.chibi-polaroid>div{aspect-ratio:1;background:#eaf3f1;overflow:hidden}.chibi-polaroid img{width:100%;height:100%;object-fit:cover;display:block}.chibi-polaroid figcaption{padding:15px 4px 0;display:flex;flex-direction:column;gap:5px}.chibi-polaroid figcaption span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#7b8c99}.chibi-polaroid figcaption strong{font:400 21px 'Jua';color:var(--ink)}.polaroid-pink{background:#fff7f5}.polaroid-mint{background:#f5fff8}@media(max-width:700px){.chibi-gallery-heading{display:block}.chibi-gallery-heading>p:last-child{margin-top:20px}.chibi-gallery{grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px}.chibi-polaroid{padding:7px 7px 13px;box-shadow:4px 6px 0 rgba(23,37,61,.15)}.chibi-polaroid:nth-child(2){margin-top:20px}.chibi-polaroid figcaption{padding-top:9px}.chibi-polaroid figcaption strong{font-size:15px}.chibi-polaroid figcaption span{font-size:8px}}@media(max-width:430px){.chibi-gallery{gap:10px}.chibi-polaroid figcaption strong{font-size:13px}.chibi-polaroid figcaption span{letter-spacing:.04em}}
.scroll-progress{position:fixed;top:0;left:0;width:var(--scroll-progress,0%);height:4px;background:linear-gradient(90deg,var(--pink),var(--yellow),#6ca4bb);z-index:20;transition:width .12s linear}.bgm-player{position:fixed;right:22px;bottom:22px;z-index:12;width:220px;padding:10px;background:rgba(255,253,248,.94);border:1px solid var(--ink);box-shadow:5px 6px 0 var(--ink);transform:rotate(2deg);backdrop-filter:blur(10px)}.bgm-toggle{width:100%;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:32px 1fr 30px;gap:9px;align-items:center;text-align:left;padding:0;cursor:pointer}.bgm-disc{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:var(--pink);font:17px 'Jua';transition:transform .4s}.bgm-copy strong,.bgm-copy small{display:block}.bgm-copy strong{font-size:10px;letter-spacing:.1em}.bgm-copy small{font-size:10px;color:var(--muted);margin-top:3px}.bgm-bars{height:24px;display:flex;align-items:center;justify-content:center;gap:3px}.bgm-bars i{width:3px;height:7px;background:#6ca4bb;display:block;animation:equalize .9s ease-in-out infinite alternate;animation-play-state:paused}.bgm-bars i:nth-child(2){height:14px;animation-delay:-.3s}.bgm-bars i:nth-child(3){height:19px;animation-delay:-.6s}.bgm-bars i:nth-child(4){height:11px;animation-delay:-.15s}.bgm-toggle.is-playing .bgm-disc{animation:disc-spin 3s linear infinite}.bgm-toggle.is-playing .bgm-bars i{animation-play-state:running}.volume-control{display:flex;align-items:center;gap:9px;margin-top:8px;padding-top:7px;border-top:1px dashed var(--line);font-size:9px;font-weight:900;letter-spacing:.1em}.volume-control input{accent-color:#e87e9a;width:100%;height:4px}.trait-card,.quote-item{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transition:transform .22s ease,background .2s}.trait-card:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px) rotate(-1deg)}.quote-item:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-2px);background:rgba(255,255,255,.6)}.hero-art{transform:translate3d(var(--mouse-x,0),var(--mouse-y,0),0);transition:transform .25s ease}.chibi,.chibi-polaroid img{cursor:pointer}.wiggle{animation:wiggle .55s ease both!important}@keyframes equalize{from{transform:scaleY(.45)}to{transform:scaleY(1.3)}}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(7deg) scale(1.08)}75%{transform:rotate(-4deg) scale(1.03)}}.site-header.is-scrolled{box-shadow:0 5px 20px rgba(23,37,61,.09)}@media(max-width:600px){.bgm-player{right:12px;bottom:12px;width:185px;padding:8px}.bgm-copy small{font-size:9px}.bgm-disc{width:27px;height:27px}.bgm-toggle{grid-template-columns:29px 1fr 25px;gap:7px}.volume-control{margin-top:6px}}@media(prefers-reduced-motion:reduce){.bgm-bars i,.bgm-toggle.is-playing .bgm-disc{animation:none}.hero-art{transform:none}.chibi{animation:none!important}}
.mode-switch{display:inline-flex;align-items:center;gap:7px;border:1px dashed var(--ink);background:rgba(255,255,255,.55);color:var(--ink);border-radius:999px;padding:7px 10px;font:900 9px 'Nunito';letter-spacing:.08em;cursor:pointer;transition:.25s}.mode-switch:hover{transform:translateY(-2px);background:var(--yellow)}.mode-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);border:1px solid var(--ink)}.school-mode .mode-dot{background:#6ca4bb}.school-mode{--pink:#b8d2e8;--yellow:#d8d4eb;--mint:#c7dfe8;--blue:#c2d1e3;background:#e8eef5}.school-mode .hero:before{background:rgba(242,246,251,.76)}.school-mode .hero h1 em,.school-mode .section-heading h2 span,.school-mode .traits-header h2 span,.school-mode .closing h2 span{color:#527d9c}.school-mode .ticker{background:#263b56}.school-mode .chibi-gallery-section{background:#dce8f2}.private-toggle{border:0;background:transparent;padding:0;color:var(--ink);font:inherit;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.private-toggle:hover{color:#e87e9a}.private-secret{margin-top:16px;padding:14px 15px;background:var(--pink);border:1px dashed var(--ink);animation:note-in .3s ease both}.private-secret strong{font-size:10px;letter-spacing:.12em}.private-secret p{margin:6px 0 0;font:15px 'Jua';line-height:1.5}.text-secret{margin-top:12px;border:0;border-bottom:1px dashed var(--ink);padding:3px 0;background:transparent;color:#5c7892;font-size:11px;font-weight:900;cursor:pointer}.text-secret:hover{color:#e87e9a}.hidden-memory{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:.35s ease;background:var(--yellow);padding:0 13px;font:15px 'Jua';line-height:1.45}.hidden-memory.is-open{max-height:100px;opacity:1;margin-top:12px;padding-top:10px;padding-bottom:10px;transform:rotate(-1deg)}.chibi-gallery-heading>div:last-child{max-width:305px}.snack-button{margin-top:12px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:9px 12px;font:900 12px 'Nunito';cursor:pointer;transition:.2s}.snack-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.snack-button span{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border-radius:50%;background:#fff;border:1px solid var(--ink)}.snack-status{display:block;margin-top:10px;color:var(--muted);font:12px 'Jua'}.owner-check{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.owner-check h2{font-size:clamp(43px,5vw,65px);margin-bottom:18px}.owner-check h2 span{color:#e87e9a}.owner-check>div>p:last-child{color:var(--muted);line-height:1.8}.diagnosis-card{padding:30px;background:var(--cream);border:1px solid var(--line);box-shadow:9px 10px 0 var(--ink);transform:rotate(2deg)}.diagnosis-result{min-height:55px;margin-top:22px;padding:15px;background:rgba(255,255,255,.66);border:1px dashed var(--ink);font:17px 'Jua';line-height:1.5}.diagnosis-card .button.is-done{background:#6ca4bb}.school-mode .diagnosis-card{background:#d8d4eb}@media(max-width:820px){.mode-switch{margin-left:auto;margin-right:10px;font-size:8px}.owner-check{grid-template-columns:1fr;gap:30px;padding:80px 0}.chibi-gallery-heading>div:last-child{max-width:none;margin-top:18px}}@media(max-width:500px){.mode-switch{padding:6px 8px}.mode-switch #mode-label{display:none}.owner-check h2{font-size:48px}.diagnosis-card{transform:none}.hidden-memory.is-open{max-height:130px}}
@media(max-width:500px){.mode-switch #mode-label{display:inline;font-size:8px}}
.sunburst{animation:none}
.hidden-memory[hidden]{display:none}