:root{font-family:Arial,Helvetica,sans-serif;color:#503d42;background:#f6eee9;font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400;--rose:#96536a;--ink:#503d42;--muted:#87757a;--line:#ddceca}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #ac6b7d;outline-offset:5px}h1:focus,main:focus{outline:none}button:disabled{cursor:default}button,svg{flex-shrink:0}p,h1,figure{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-2px;line-height:1.12}em{font-weight:400;color:var(--rose)}.app{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 3% 38%,#ead4d566,transparent 43%),radial-gradient(ellipse at 97% 65%,#e4c2ca55,transparent 40%),#f9f3ee;transition:background-color .9s,color .9s;position:relative}.app:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid #b79b9124;pointer-events:none;z-index:1}.masthead{max-width:1400px;margin:auto;padding:36px 52px 10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2.7px;color:var(--muted);position:relative;z-index:2}.masthead>span:first-child{display:flex;gap:9px;align-items:center;font-family:Georgia,serif;font-size:18px;letter-spacing:1px}.masthead svg{width:17px;height:17px;color:var(--rose)}.scene{position:relative;z-index:2}.eyebrow{display:flex;gap:14px;align-items:center;justify-content:center;text-transform:uppercase;font-size:9px;letter-spacing:3px;color:var(--rose);line-height:1.5}.eyebrow>span{height:1px;width:30px;background:currentColor;opacity:.35}.intro{text-align:center;padding:34px 24px 40px;max-width:1000px;margin:auto}.intro-ghost{position:absolute;z-index:-1;top:24px;left:50%;transform:translate(-50%);font-family:Georgia,serif;line-height:1;font-size:490px;color:#b78a9010;pointer-events:none;letter-spacing:-40px}.cover-frame{position:relative;transform:rotate(-3deg);background:#fffaf6;padding:10px 10px 0;width:220px;margin:27px auto 29px;box-shadow:0 12px 40px #7d4f5117,0 0 0 1px #e9dcd5}.photo{overflow:hidden;background:#f0e2df;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:contain;display:block}.cover-frame .photo{height:200px}.cover-frame figcaption,.memory-frame figcaption,.final-frame figcaption{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#9b7f83;text-align:center;padding:13px 7px 15px}.frame-heart{position:absolute;right:-16px;bottom:18px;width:39px;height:39px;color:#a5576b;transform:rotate(15deg);animation:heart-breathe 5s ease-in-out infinite}.intro h1{font-size:49px;max-width:700px;margin:0 auto 20px}.intro-copy{max-width:465px;margin:0 auto 27px;color:#7c686d;font-size:14px;line-height:1.85}.intro-copy p+p{margin-top:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#95556a;color:#fff8f6;border:1px solid #95556a;border-radius:50px;min-height:53px;padding:15px 26px;font-size:13px;letter-spacing:.2px;box-shadow:0 8px 22px #96536a15;transition:transform .25s,background .25s,box-shadow .25s}.primary:hover{background:#804259;box-shadow:0 8px 26px #96536a28;transform:translateY(-2px)}.primary:active{transform:translateY(0)}.intro-date{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#a08a8d;margin-top:24px}.intro-date span{margin:0 8px}.chapter-mark{display:flex;justify-content:center;gap:8px;padding:0 0 30px;position:relative;z-index:2}.chapter-mark span{height:4px;width:4px;border-radius:3px;background:#cbb6b8;transition:width .4s}.chapter-mark .current{width:22px;background:var(--rose)}.page-in{animation:page-in .75s both}.page-out{opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .4s}.quiz{max-width:640px;margin:0 auto;padding:48px 24px 50px;min-height:calc(100svh - 130px)}.quiz-progress{display:flex;justify-content:space-between;margin-top:39px;color:#8c737b;font-size:11px;letter-spacing:.3px}.quiz-progress span+span{font-family:Georgia,serif;font-style:italic}.progress-track{height:2px;background:#e8d9d7;margin-top:13px}.progress-track>span{display:block;height:100%;background:#a86e80;transition:width .5s}.question-content{animation:page-in .6s both}.question-number{text-align:center;font-family:Georgia,serif;font-size:32px;color:#bb929d;margin:30px 0 13px;font-style:italic}.quiz h1{font-size:36px;letter-spacing:-1px;text-align:center;max-width:570px;margin:auto auto 30px;line-height:1.2}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:72px;padding:16px;text-align:left;border:1px solid #dccbc8;background:#fffbf780;color:#59444b;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;transition:background .25s,border .25s,transform .25s}.answer:not(:disabled):hover{background:#fffaf8;border-color:#ac7184;transform:translateY(-2px)}.answer-letter{font-size:11px;color:#a98a93;display:flex;width:25px;height:25px;justify-content:center;align-items:center;border:1px solid #e5d5d5;border-radius:50%}.answer-icon{margin-left:auto;font-size:18px;width:12px}.answer.correct{background:#edf3e9;border-color:#87a88b;color:#3c6045}.answer.incorrect{background:#f8e5e4;border-color:#c88385;color:#934348}.answer.muted{opacity:.53}.correct .answer-letter{border-color:#91b197;color:#517358}.incorrect .answer-letter{border-color:#d3999b;color:#a85660}.answer-status{font-size:13px;text-align:center;color:#87626e;min-height:43px;padding-top:20px}.reveal{text-align:center;animation:photo-in .65s both;padding-top:20px;scroll-margin-bottom:25px}.memory-frame{padding:10px 10px 0;background:#fffaf7;box-shadow:0 12px 36px #62444e14;max-width:340px;margin:0 auto 25px;transform:rotate(-1.5deg);border:1px solid #eadfd8}.memory-frame .photo{height:270px}.empty-photo{display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;min-height:200px;width:100%;padding:30px;color:#aa828e;font:italic 18px Georgia,serif;text-align:center}.empty-photo svg{width:50px;height:50px}.night{background:#11182b;color:#f1e7e7}.night:before{border-color:#cbb5bc15}.night .masthead,.night .masthead svg{color:#bfb3c5}.night .chapter-mark span{background:#545164}.night .chapter-mark .current{background:#d3adbe}.sky{min-height:calc(100svh - 125px);isolation:isolate;padding:48px 24px 35px;background:radial-gradient(ellipse at 50% 48%,#69609221,transparent 60%)}.sky-inner{max-width:840px;margin:auto;position:relative;z-index:1;text-align:center}.sky .eyebrow{color:#aa96ae}.sky h1{font-size:54px;letter-spacing:-1.8px;margin:24px auto 18px;max-width:600px}.sky h1 em{color:#d6b0c6}.sky-copy{font-size:13px;line-height:1.9;color:#bdb4c5}.sky-hint{color:#9f92ad;font-size:10px;letter-spacing:.5px;margin-top:26px}.tiny-star{color:#d9b8cd;font-size:17px;vertical-align:-2px;margin-right:6px}.constellation{position:relative;height:370px;max-width:660px;margin:15px auto 12px;--px:0px;--py:0px}.constellation-lines{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;stroke:#c0a8d3;fill:none;stroke-width:.1;opacity:.22;transform:translate(var(--px),var(--py));transition:transform 1s ease-out}.star{position:absolute;width:48px;height:48px;border:0;background:transparent;color:#f7e4d4;display:grid;place-items:center;transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py)));transition:transform 1s ease-out,color .5s;touch-action:manipulation;border-radius:50%;padding:0}.star svg{width:25px;height:25px;fill:currentColor;filter:drop-shadow(0 0 7px #ffe3cc8c);animation:twinkle 5s ease-in-out infinite;animation-delay:var(--delay);transform:scale(var(--scale))}.star:after{content:"";position:absolute;width:40px;height:40px;background:radial-gradient(#f0cbde20,transparent 70%);border-radius:50%}.star:hover svg,.star:focus-visible svg{filter:drop-shadow(0 0 13px #fff);width:30px;height:30px}.star.visited{color:#bda0df}.star-dot{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%}.sky-dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.sky-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ede3f5;animation:dust 7s ease-in-out infinite}.sky-end>p{font:italic 17px/1.6 Georgia,serif;color:#c7b7ca;margin-bottom:24px}.sky .primary{background:#ead8e1;color:#443248;border-color:#ead8e1;box-shadow:0 0 40px #dfb5db12}.sky .primary:hover{background:#fff0f6}.seen-count{color:#8f819e;font-size:9px;letter-spacing:1px;margin-top:19px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080d1ce8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:65px 22px 30px;animation:page-in .35s both}.photo-modal{position:relative;width:min(540px,100%);padding:12px 12px 0;border:1px solid #f7d9e430;background:#28283b;box-shadow:0 0 80px #d3afdd20;border-radius:6px;animation:photo-in .4s both}.photo-modal .photo{height:min(67svh,640px);background:#151a2a;border-radius:2px}.photo-modal>p{font:italic 15px Georgia,serif;line-height:1.5;color:#ddd0de;padding:19px 5px;text-align:center}.photo-modal>p>span{color:#9b8da8}.close-modal{position:absolute;right:-5px;top:-54px;width:44px;height:44px;background:#ffffff10;color:#fff;border:1px solid #ffffff30;border-radius:50%;font-size:28px;line-height:1;display:grid;place-items:center}.close-modal:hover{background:#ffffff26}.final{max-width:760px;margin:0 auto;padding:45px 30px 35px}.final-frame{max-width:425px;padding:12px 12px 0;background:#fffcf8;box-shadow:0 15px 42px #77495c13;transform:rotate(-2deg);margin:35px auto 48px;border:1px solid #e6d6d0}.final-frame .photo{height:330px}.letter{max-width:535px;margin:auto}.letter>svg{display:block;color:#a96f80;width:29px;height:29px;margin:0 auto 22px;animation:heart-breathe 6s infinite}.letter h1{font-size:47px;text-align:center;margin-bottom:30px}.letter>p{font-size:14px;line-height:1.95;color:#79666c;margin-bottom:21px}.signature{text-align:right;margin-top:34px;font:italic 16px/1.7 Georgia,serif;color:#926274}.signature strong{display:block;font-size:27px;font-weight:400}.final-footer{border-top:1px solid #ddcdca;text-align:center;margin:40px auto 0;padding-top:27px}.final-footer p{font-size:10px;letter-spacing:.7px;color:#977b85}.restart{border:none;background:none;color:#977b85;font-size:11px;padding:19px 12px 8px}.restart span{margin-left:9px}.restart:hover{color:#6f3a4e}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes photo-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes twinkle{0%,to{opacity:.65;scale:.9}50%{opacity:1;scale:1.08}}@keyframes dust{0%,to{opacity:.18;translate:0 0}50%{opacity:.6;translate:2px -3px}}@keyframes heart-breathe{0%,to{opacity:.65;scale:1}50%{opacity:1;scale:1.08}}@media(min-width:1100px)and (min-height:850px){.intro{padding-top:45px}.cover-frame{width:250px;margin-top:30px;margin-bottom:35px}.cover-frame .photo{height:225px}.intro h1{font-size:57px}.intro-copy{font-size:15px}.sky{padding-top:65px}.constellation{height:410px}}@media(max-width:600px){.app:before{top:9px;right:9px;bottom:9px;left:9px}.masthead{padding:26px 25px 10px;font-size:8px;letter-spacing:1.5px}.masthead>span:first-child{font-size:15px;gap:6px}.masthead>span:nth-child(2){display:none}.masthead svg{width:15px}.intro{padding:30px 25px}.eyebrow{font-size:8px;letter-spacing:2.3px;gap:10px}.eyebrow>span{width:20px}.intro-ghost{font-size:340px;top:53px;letter-spacing:-25px}.cover-frame{width:185px;margin:25px auto 28px;padding:8px 8px 0}.cover-frame .photo{height:171px}.cover-frame figcaption{font-size:11px;padding:11px 5px 13px}.intro h1{font-size:36px;letter-spacing:-1.5px;margin-bottom:19px}.intro-copy{font-size:13px;line-height:1.8;max-width:340px;margin-bottom:24px}.primary{min-height:52px;padding:15px 24px;gap:30px;font-size:12px}.intro-date{font-size:8px;margin-top:23px}.chapter-mark{padding-bottom:25px}.quiz{padding:34px 26px 35px}.quiz-progress{margin-top:30px;font-size:10px}.question-number{margin-top:27px}.quiz h1{font-size:29px;margin-bottom:25px;line-height:1.2}.answers{grid-template-columns:1fr;gap:10px}.answer{min-height:62px;padding:13px 16px;font-size:13px}.answer-letter{width:24px;height:24px}.answer-status{padding-top:18px;min-height:39px}.memory-frame{max-width:290px}.memory-frame .photo{height:260px}.sky{padding:35px 22px 28px}.sky h1{font-size:39px;max-width:320px;margin-top:24px;margin-bottom:20px;letter-spacing:-1.3px}.sky-copy{font-size:11px;line-height:1.9}.sky-hint{font-size:9px;letter-spacing:0;margin-top:21px}.constellation{height:370px;margin:17px 0 0}.sky-end>p{font-size:15px;max-width:280px;margin:0 auto 20px}.sky .primary{min-width:165px}.seen-count{margin-top:18px}.final{padding:34px 28px 30px}.final-frame{margin-top:29px;margin-bottom:37px;padding:9px 9px 0}.final-frame .photo{height:280px}.final-frame figcaption{font-size:11px}.letter h1{font-size:38px;letter-spacing:-1.5px}.letter>p{font-size:13px;line-height:1.95;margin-bottom:20px}.signature{margin-top:24px}.final-footer p{font-size:9px;letter-spacing:.1px}.photo-modal .photo{height:min(62svh,500px)}.photo-modal>p{font-size:13px}.modal-backdrop{padding:64px 18px 25px}.photo-modal{padding:8px 8px 0}}@media(max-width:360px){.intro h1{font-size:31px}.intro{padding-inline:23px}.sky{padding-inline:16px}.sky h1{font-size:35px}.star{width:44px;height:44px}.quiz{padding-inline:22px}.sky-copy{font-size:10px}.masthead{padding-inline:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.star,.constellation-lines{transform:translate(-50%,-50%)}.constellation-lines{transform:none}}@supports (padding:max(0px)){.masthead{padding-top:max(26px,env(safe-area-inset-top))}.chapter-mark{padding-bottom:max(25px,env(safe-area-inset-bottom))}.modal-backdrop{padding-top:max(65px,env(safe-area-inset-top));padding-bottom:max(25px,env(safe-area-inset-bottom))}}.sky-copy{font-size:17px;line-height:1.85;color:#dbd1e0;max-width:650px;margin-inline:auto}.sky-hint{display:flex;align-items:center;justify-content:center;gap:15px;max-width:620px;margin:30px auto 18px;padding:23px 25px;border:1px solid #d6b0c66b;border-radius:18px;background:linear-gradient(135deg,#d6b0c624,#a593cc13);color:#fff0f7;font-size:25px;font-weight:600;line-height:1.45;letter-spacing:0;box-shadow:0 0 36px #d6b0c614}.sky-hint .tiny-star{font-size:37px;color:#f4cfdf;margin:0;line-height:1}@media(max-width:600px){.sky-copy{font-size:15px;line-height:1.8}.sky-hint{font-size:23px;line-height:1.4;padding:20px 15px;gap:11px;margin-top:26px;border-radius:15px;text-align:left}.sky-hint .tiny-star{font-size:32px}}@media(max-width:360px){.sky-copy{font-size:14px}.sky-hint{font-size:21px;padding:18px 12px}}