:root{--color-bg: #fffafa;--color-surface: #ffffff;--color-primary: #e11d48;--color-primary-soft: #fb7185;--color-primary-deep: #9f1239;--color-blush: #ffe4ec;--color-cream: #fff7ed;--color-sparkle: #ffffff;--color-text: #3f0f1f;--color-muted: #8a4758;--shadow-card: 0 24px 70px rgba(159, 18, 57, .18);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.95),transparent 30%),linear-gradient(135deg,snow,#ffe4ec 45%,#fb7185)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;isolation:isolate}.sparkle-garden{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.gradient-orb{position:absolute;width:clamp(18rem,34vw,34rem);aspect-ratio:1;border-radius:999px;filter:blur(12px);opacity:.78}.orb-one{top:-8rem;left:-5rem;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(251,113,133,.35) 58%,transparent 72%);animation:floatOrb 12s ease-in-out infinite}.orb-two{right:-8rem;bottom:-7rem;background:radial-gradient(circle,rgba(255,228,236,.9),rgba(225,29,72,.35) 60%,transparent 73%);animation:floatOrb 14s ease-in-out infinite reverse}.ribbon{position:absolute;height:9rem;width:125vw;left:-10vw;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(225,29,72,.16),rgba(255,255,255,.72),rgba(251,113,133,.24),transparent);transform-origin:center;filter:drop-shadow(0 20px 30px rgba(159,18,57,.12))}.ribbon-one{top:13vh;transform:rotate(-8deg);animation:ribbonWave 8s ease-in-out infinite}.ribbon-two{bottom:13vh;transform:rotate(10deg);animation:ribbonWave 9s ease-in-out infinite reverse}.garden-gate{position:absolute;right:clamp(1rem,6vw,7rem);top:16vh;width:clamp(12rem,22vw,24rem);height:clamp(16rem,30vw,31rem);border:8px solid rgba(255,255,255,.78);border-bottom:0;border-radius:13rem 13rem 0 0;box-shadow:0 28px 80px #9f123929,inset 0 0 0 2px #e11d481f;opacity:.72}.garden-gate span{position:absolute;bottom:0;width:8px;height:78%;border-radius:99px;background:#ffffffb8}.garden-gate span:nth-child(1){left:28%}.garden-gate span:nth-child(2){left:50%;transform:translate(-50%)}.garden-gate span:nth-child(3){right:28%}.sparkle,.flower{position:absolute;display:block;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sparkle{width:.65rem;height:.65rem;background:var(--color-sparkle);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);box-shadow:0 0 16px #fffffff2,0 0 28px #e11d483d;animation-name:twinkle;animation-duration:3.4s}.flower{width:1.15rem;height:1.15rem;background:radial-gradient(circle at 50% 50%,#fff 0 18%,transparent 19%),radial-gradient(circle at 50% 0,#fb7185 0 28%,transparent 29%),radial-gradient(circle at 100% 50%,#e11d48 0 28%,transparent 29%),radial-gradient(circle at 50% 100%,#fb7185 0 28%,transparent 29%),radial-gradient(circle at 0 50%,#e11d48 0 28%,transparent 29%);animation-name:flowerDrift;animation-duration:7s;opacity:.72}.sparkle-1{left:7%;top:18%;animation-delay:.1s}.sparkle-2{left:16%;top:64%;animation-delay:1.1s}.sparkle-3{left:27%;top:30%;animation-delay:.5s}.sparkle-4{left:38%;top:78%;animation-delay:1.8s}.sparkle-5{left:48%;top:15%;animation-delay:.9s}.sparkle-6{left:58%;top:53%;animation-delay:1.4s}.sparkle-7{left:69%;top:27%;animation-delay:.2s}.sparkle-8{left:82%;top:68%;animation-delay:2s}.sparkle-9{left:93%;top:38%;animation-delay:.7s}.sparkle-10{left:9%;top:86%;animation-delay:1.7s}.sparkle-11{left:22%;top:8%;animation-delay:2.1s}.sparkle-12{left:34%;top:50%;animation-delay:1.3s}.sparkle-13{left:43%;top:91%;animation-delay:.4s}.sparkle-14{left:62%;top:84%;animation-delay:1.6s}.sparkle-15{left:73%;top:10%;animation-delay:.8s}.sparkle-16{left:87%;top:17%;animation-delay:2.4s}.sparkle-17{left:96%;top:83%;animation-delay:1s}.sparkle-18{left:52%;top:39%;animation-delay:2.2s}.flower-1{left:5%;top:42%;animation-delay:0s}.flower-2{left:14%;top:20%;animation-delay:1s}.flower-3{left:24%;top:88%;animation-delay:2s}.flower-4{left:36%;top:12%;animation-delay:.7s}.flower-5{left:44%;top:68%;animation-delay:1.6s}.flower-6{left:55%;top:24%;animation-delay:2.5s}.flower-7{left:64%;top:74%;animation-delay:.4s}.flower-8{left:72%;top:44%;animation-delay:1.3s}.flower-9{left:81%;top:7%;animation-delay:2.2s}.flower-10{left:88%;top:90%;animation-delay:.9s}.flower-11{left:94%;top:55%;animation-delay:1.8s}.flower-12{left:31%;top:39%;animation-delay:2.8s}.floating-nav{position:fixed;top:1.1rem;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:.5rem;padding:.5rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffb8;box-shadow:0 18px 44px #9f123929;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1rem;border-radius:999px;color:var(--color-muted);font-size:.94rem;font-weight:800;transition:transform .18s ease,color .18s ease,background .18s ease}.nav-pill:hover{transform:translateY(-2px);color:var(--color-primary-deep)}.nav-pill.active{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-soft));box-shadow:0 10px 24px #e11d4847}.page-frame{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:8rem 0 4rem}.page-heading{width:min(820px,100%);margin-bottom:2rem}.eyebrow,.card-kicker{display:inline-flex;align-items:center;gap:.42rem;margin:0 0 .7rem;color:var(--color-primary-deep);font-size:.83rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,6.8rem);line-height:.9;letter-spacing:-.07em;color:var(--color-primary-deep);text-shadow:0 8px 0 rgba(255,255,255,.78),0 20px 44px rgba(225,29,72,.2)}.page-lead{max-width:680px;color:var(--color-muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}.hero-grid,.reflection-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:1.25rem;align-items:start}.goal-stack,.reflection-layout{display:grid;gap:1.25rem}.diary-card{position:relative;overflow:hidden;padding:clamp(1.2rem,2.6vw,2rem);border:2px solid rgba(255,255,255,.76);border-radius:2rem;background:linear-gradient(135deg,#ffffffeb,#fff7edd1),radial-gradient(circle at 90% 0,rgba(251,113,133,.18),transparent 42%);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.diary-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(225,29,72,.13) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(135deg,transparent,black 12%,transparent 76%);mask-image:linear-gradient(135deg,transparent,black 12%,transparent 76%);pointer-events:none}.diary-card:after{content:"✦";position:absolute;right:1.2rem;top:.8rem;color:#e11d485c;font-size:2rem;animation:twinkle 2.8s ease-in-out infinite}.tape{position:absolute;width:4rem;height:1.2rem;border-radius:.35rem;background:repeating-linear-gradient(45deg,#ffe4ece6,#ffe4ece6 7px,#ffffffd9 7px 14px);box-shadow:0 6px 16px #9f12391f}.tape-left{left:1.1rem;top:.7rem;transform:rotate(-7deg)}.tape-right{right:3.8rem;bottom:1rem;transform:rotate(8deg)}.diary-card h2{margin-bottom:.8rem;color:var(--color-primary-deep);font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.04em}.diary-card p{color:var(--color-muted);line-height:1.72}.profile-card{min-height:100%;display:grid;grid-template-columns:180px 1fr;gap:1.4rem;align-items:center}.avatar-wrap{position:relative;aspect-ratio:1;padding:.55rem;border-radius:2rem;background:linear-gradient(135deg,#fff,#ffe4ec);box-shadow:0 18px 38px #e11d4833;transform:rotate(-2deg)}.avatar-wrap:after{content:"❤";position:absolute;right:-.5rem;bottom:-.5rem;display:grid;place-items:center;width:3rem;aspect-ratio:1;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:0 12px 26px #e11d484d}.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:1.55rem}.student-id{font-weight:900;color:var(--color-primary-deep)!important}.mini-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.mini-tags span,.chapter-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .75rem;border-radius:999px;color:var(--color-primary-deep);background:#ffe4ecc7;font-size:.85rem;font-weight:800}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:1rem 1.2rem;border-radius:999px;background:#ffffff9e;box-shadow:0 16px 34px #9f12391f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cta-strip div,.sparkle-button,.chapter-link{display:inline-flex;align-items:center;gap:.55rem;font-weight:900}.sparkle-button,.chapter-link{justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-soft));color:#fff;box-shadow:0 12px 26px #e11d483d}.sparkle-button{padding:.85rem 1rem;white-space:nowrap}.chapter-link{margin-top:1rem;padding:.72rem .9rem;width:max-content}.chapter-link.additional{margin-left:.5rem}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.chapter-card:nth-child(3){grid-column:span 2}.chapter-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sticker-icon{display:grid;place-items:center;width:3.4rem;aspect-ratio:1;border:2px solid white;border-radius:1.15rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-soft));box-shadow:0 12px 28px #e11d483d;transform:rotate(5deg)}.chapter-copy{display:grid;gap:.45rem}.chapter-copy h3{margin:.45rem 0 0;color:var(--color-primary-deep);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.reflection-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-card{grid-column:span 2}.album-card{min-height:260px;display:flex;flex-direction:column;justify-content:center}.spark-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.spark-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--color-muted);line-height:1.65}.spark-list svg{flex:0 0 auto;margin-top:.22rem;color:var(--color-primary)}.spark-list.compact li:before{content:"✦";color:var(--color-primary);font-weight:900}@keyframes twinkle{0%,to{transform:scale(.8) rotate(0);opacity:.42}50%{transform:scale(1.35) rotate(22deg);opacity:1}}@keyframes flowerDrift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(10px,-22px,0) rotate(18deg)}}@keyframes ribbonWave{0%,to{translate:0 0;scale:1}50%{translate:2vw 1.2rem;scale:1.02}}@keyframes floatOrb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2rem,1.2rem,0) scale(1.04)}}@media(max-width:860px){.floating-nav{width:calc(100% - 1rem);justify-content:center;top:auto;bottom:.75rem}.nav-pill{padding:.7rem .78rem;font-size:.82rem}.page-frame{padding-top:3rem;padding-bottom:6rem}.hero-grid,.profile-card,.reflection-layout,.chapter-grid{grid-template-columns:1fr}.chapter-card:nth-child(3),.wide-card{grid-column:auto}.profile-card{text-align:left}.avatar-wrap{width:min(220px,80%)}.cta-strip{align-items:flex-start;border-radius:1.5rem;flex-direction:column}.sparkle-button{width:100%}.garden-gate{opacity:.35;right:-4rem}}@media(max-width:560px){.nav-pill span{display:none}.nav-pill{padding:.75rem}.page-frame{width:min(100% - 1rem,1180px)}.diary-card{border-radius:1.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.scene-svg{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.scene-garden{left:50%;bottom:-3rem;width:min(920px,92vw);transform:translate(-50%);opacity:.58;animation:floatOrb 16s ease-in-out infinite}.scene-gate{left:-3rem;top:6rem;width:min(520px,50vw);opacity:.5;animation:flowerDrift 10s ease-in-out infinite}.scene-flowers{left:3vw;bottom:6vh;width:min(460px,44vw);opacity:.72;animation:ribbonWave 11s ease-in-out infinite}.scene-particles{left:11vw;top:12vh;width:160px;opacity:.46;animation:twinkle 4s ease-in-out infinite}.card-svg{position:absolute;right:-4rem;bottom:-3.2rem;width:260px;opacity:.22;pointer-events:none}.section-svg{display:block;width:min(640px,100%);margin:-.5rem 0 1.2rem auto;opacity:.9;filter:drop-shadow(0 18px 30px rgba(159,18,57,.12))}.moon-album-svg{width:min(760px,100%);margin-inline:auto 0}.cta-strip>img{width:9rem;height:3.5rem;object-fit:contain;margin-left:-.6rem}@media(max-width:860px){.scene-gate{width:76vw;right:-10rem;top:8rem}.scene-flowers{width:70vw;left:-6rem}.section-svg{margin-inline:auto}.cta-strip>img{display:none}}