:root{color:#332a38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fffaf7;font-family:Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0}button{font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible{outline-offset:4px;outline:3px solid #9e4a6d}h1,h2,p{margin-top:0}h1:focus{outline:none}::selection{color:#44243b;background:#ffd2e1}*{scrollbar-color:#d79daf #fff5f5;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff5f5}::-webkit-scrollbar-thumb{background:#d79daf;border:2px solid #fff5f5;border-radius:999px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100svh}.site-shell{--ink:#382b3c;--muted:#746b78;--accent:#a4496b;isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.quiz-world{color:var(--ink);background:radial-gradient(circle at 83% 18%,#ffe3e9 0,#0000 28%),radial-gradient(circle at 8% 88%,#fcebdc 0,#0000 30%),#fffaf7}.quiz-world:before{content:"";pointer-events:none;border:1px solid #f1dadd;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-18rem;left:-19rem}.quiz-world:after{content:"✳";color:#efbecd;opacity:.44;pointer-events:none;font-size:5rem;position:absolute;bottom:4rem;right:max(6vw,1rem)}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100% - 64px);min-height:92px;margin:0 auto;display:flex;position:relative}.topbar-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:.9rem;font-weight:800;display:inline-flex}.topbar-mark{color:#fff;background:#b85f7d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.3rem;line-height:1;display:inline-grid}.motion-button{color:#7b5870;background:#ffffffa8;border:1px solid #e9ccd4;border-radius:999px;min-height:44px;padding:0 18px;font-size:.82rem;font-weight:700}.motion-button:hover{background:#fff;border-color:#bc7b91}.intro-panel,.quiz-panel,.result-panel{z-index:1;width:min(100% - 40px,640px);margin:auto;position:relative}.intro-panel{text-align:center;padding:25px 0 75px}.intro-orbit{color:#a75072;border:1px dashed #d99dad;border-radius:50%;place-items:center;width:168px;height:168px;margin:0 auto 30px;display:grid;position:relative}.intro-orbit:before{content:"";background:radial-gradient(circle at 35% 30%,#fff,#ffe0e9 72%);border-radius:50%;position:absolute;inset:17px;box-shadow:0 18px 48px #b7577730}.intro-orbit span{font:700 5.8rem/.9 Georgia,serif;position:relative;transform:rotate(9deg)}.intro-orbit i{background:#dfa6b6;border-radius:50%;width:11px;height:11px;position:absolute}.intro-orbit i:first-of-type{top:0;left:42%}.intro-orbit i:nth-of-type(2){width:7px;height:7px;bottom:24%;right:1px}.intro-orbit i:nth-of-type(3){width:7px;height:7px;bottom:32%;left:-4px}.eyebrow{color:#a95d76;letter-spacing:.24em;margin:0 0 20px;font-size:.72rem;font-weight:800}.intro-panel h1{letter-spacing:-.07em;margin:0 0 22px;font-size:clamp(2.55rem,6vw,4.5rem);font-weight:800;line-height:1.16}.intro-copy{color:#6e6470;max-width:430px;margin:0 auto 33px;font-size:1rem;line-height:1.9}.primary-button{color:#fff;background:#9d4868;border:1px solid #9d4868;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;min-height:58px;padding:0 25px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 14px 27px #9d48682a}.primary-button:hover{background:#853754;transform:translateY(-2px);box-shadow:0 17px 30px #9d486838}.bottom-note{color:#a18d98;margin:18px 0 0;font-size:.78rem}.quiz-panel,.result-panel{background:#ffffffd1;border:1px solid #f0dee3;border-radius:28px;padding:clamp(26px,5vw,55px);box-shadow:0 30px 80px #7b365a14}.progress-heading{color:#97818c;letter-spacing:.16em;justify-content:space-between;gap:10px;font:700 .69rem/1.3 Segoe UI,sans-serif;display:flex}.progress-track{background:#f3e4e7;border-radius:99px;height:7px;margin:12px 0 56px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#dd9db0,#a75072);height:100%;transition:width .4s;display:block}.quiz-panel h1,.result-panel h1{letter-spacing:-.05em;margin:0 0 35px;font-size:clamp(1.8rem,4.5vw,2.7rem);line-height:1.35}.option-list{gap:13px;display:grid}.option-button{text-align:left;color:#473744;background:#fff;border:1px solid #eedfe3;border-radius:16px;align-items:center;gap:17px;width:100%;min-height:69px;padding:12px 18px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.option-button:hover{border-color:#cb819c;transform:translate(3px);box-shadow:0 8px 20px #9d486816}.option-index{color:#a85776;background:#f9e8ed;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font:800 .8rem Georgia,serif;display:grid}.option-arrow{color:#b77b8f;margin-left:auto}.quiz-hint{color:#a08b97;text-align:center;margin:24px 0 0;font-size:.78rem}.result-panel{text-align:center}.result-panel .progress-heading{text-align:left}.result-symbol{color:#b05578;background:#fae3ea;border-radius:50%;place-items:center;width:93px;height:93px;margin:-18px auto 29px;font-size:3.6rem;display:grid;box-shadow:0 0 0 12px #fff4f6}.result-panel h1{margin-bottom:17px}.result-copy{color:#716370;max-width:430px;margin:0 auto 23px;line-height:1.9}.text-button{color:#9d4868;text-underline-offset:4px;background:0 0;border:0;padding:12px;font-weight:700;text-decoration:underline}.glitch-world{--ink:#fff;color:#fff;background:radial-gradient(circle at 52% 42%,#312038,#120f1e 68%)}.glitch-world:before{content:"";opacity:.7;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 3px,#ff8eb607 4px 5px);position:absolute;inset:0}.glitch-world .topbar-mark{color:#321d39;background:#f398be}.glitch-world .motion-button{color:#f3c7db;background:0 0;border-color:#87627b}.glitch-panel{z-index:1;width:min(100% - 40px,730px);margin:auto;padding:32px 0 75px;position:relative}.glitch-frame{background:#1b1728d9;border:1px solid #8f5477;padding:clamp(25px,6vw,62px);box-shadow:10px 10px #e684a51a,-10px -10px #c3a0f015}.glitch-status,.glitch-code,.glitch-footer{letter-spacing:.1em;color:#f39cbb;font:700 .7rem/1.5 Consolas,Courier New,monospace}.glitch-status{margin:0 0 18px}.glitch-line{background:linear-gradient(90deg,#f38cb5,#c9a6e6 60%,#0000);height:2px;margin-bottom:43px}.glitch-code{color:#ba9aca;margin-bottom:17px}.glitch-title{color:#fff;letter-spacing:-.06em;text-shadow:2px 0 #fa83ae,-2px 0 #a8b0eb;max-width:570px;margin:0 0 20px;font-size:clamp(2.1rem,6vw,4rem);line-height:1.32;animation:.7s steps(4,end) both glitch-in}.glitch-subtitle{color:#d8c5d8;margin-bottom:37px}.unlock-button{color:#351b34;background:#f4b8d0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:62px;padding:0 22px;font-weight:800;display:flex}.unlock-button:hover{background:#ffd6e5}.glitch-footer{text-align:center;margin:23px 0 0;font-size:.65rem}.memory-world{color:#4e3545;background:radial-gradient(circle at 8% 8%,#fff 0,#0000 31%),radial-gradient(circle at 85% 65%,#fbdbe6 0,#0000 35%),#fff1f4}.memory-world:before{content:"";pointer-events:none;border:1px solid #e9bfcd;border-radius:50%;width:35rem;height:35rem;position:absolute;top:-22rem;right:-17rem}.memory-world .topbar-mark{background:#b66b8a}.memory-panel{z-index:1;width:min(100% - 40px,890px);margin:auto;padding:20px 0 70px;position:relative}.album-heading{color:#a16f83;letter-spacing:.18em;border-bottom:1px solid #dfb8c8;justify-content:space-between;padding-bottom:12px;font:800 .74rem/1.4 Segoe UI,sans-serif;display:flex}.album-kicker{text-align:center;color:#ad748b;letter-spacing:.12em;margin:22px 0;font-size:.78rem;font-weight:700}.music-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:-5px 0 20px;display:flex}.music-button{color:#8e506c;background:#fffafb;border:1px solid #dcb4c3;border-radius:999px;min-height:44px;padding:0 17px;font-size:.78rem;font-weight:700}.music-button:hover{background:#fff;border-color:#a65e7b}.music-button span{margin-right:5px;font-size:1rem}.music-control [role=status]{color:#8e506c;font-size:.78rem}.memory-card{background:#fffaf9;border:1px solid #fff;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;min-height:450px;display:grid;box-shadow:0 28px 65px #8e53601f}.photo-wrap{background:#f7e7ec;justify-content:center;align-items:center;min-width:0;padding:18px;display:flex}.photo-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(76svh,760px);display:block}.memory-copy{flex-direction:column;justify-content:center;padding:clamp(30px,5vw,62px);display:flex}.memory-date{color:#ab6e84;letter-spacing:.16em;margin-bottom:28px;font:700 .76rem/1.4 Georgia,serif}.memory-copy h1{letter-spacing:-.06em;margin-bottom:22px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.24}.memory-copy>p:last-child{color:#806d7a;font-size:.95rem;line-height:2}.album-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:25px;display:flex}.secondary-button{color:#74485e;background:#fff8f9;border:1px solid #cda4b3;border-radius:999px;min-height:48px;padding:10px 18px;font-weight:700}.secondary-button:hover:not(:disabled){background:#fff;border-color:#a55e7b}.secondary-button:disabled{opacity:.43;cursor:default}.next-button{color:#fff;background:#9d5672;border-color:#9d5672}.next-button:hover:not(:disabled){color:#fff;background:#81425d}.album-dots{gap:7px;display:flex}.album-dots i{background:#d4a9b8;border-radius:50%;width:6px;height:6px}.album-dots i.active{background:#9d5672;border-radius:99px;width:20px}.letter-panel{z-index:1;width:min(100% - 40px,710px);margin:auto;padding:10px 0 75px;position:relative}.letter-paper{background:#fffdfa;border:1px solid #f5e4e7;padding:clamp(30px,7vw,68px);position:relative;box-shadow:0 23px 65px #9c627329}.letter-paper:before{content:"";background:#f6d2dd;width:1px;position:absolute;top:20px;bottom:20px;left:22px}.letter-date{letter-spacing:.16em;color:#b17a8d;margin-bottom:28px;font:700 .8rem Georgia,serif}.letter-paper h1{margin-bottom:42px;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.letter-salutation{margin-bottom:20px;font-weight:800}.letter-paragraph{color:#675461;margin-bottom:19px;line-height:2.15}.letter-signature{text-align:right;color:#9d5672;margin:45px 0 0;font-weight:700}.audio-card{background:#fffbfc;border:1px solid #efd4df;border-radius:18px;align-items:center;gap:18px;margin-top:20px;padding:18px;display:flex}.audio-icon{color:#a04d70;background:#f9e1ea;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.audio-card>div{flex:1}.audio-card strong{margin-bottom:4px;font-size:.91rem;display:block}.audio-card p{color:#8b7582;margin:0;font-size:.79rem}.audio-button{color:#fff;background:#9d5672;border:0;border-radius:999px;min-height:45px;padding:0 16px;font-size:.82rem;font-weight:800}.audio-button:hover{background:#7d3c58}.letter-next{width:100%;margin-top:23px}.final-panel{text-align:center;z-index:1;width:min(100% - 40px,760px);margin:auto;padding:10px 0 90px;position:relative}.final-small{color:#a67389;letter-spacing:.18em;font:700 .73rem Georgia,serif}.final-number{letter-spacing:-.1em;color:#eeb5c8;text-shadow:13px 16px #fff8fa;margin:35px 0 28px;font:700 clamp(9rem,31vw,19rem)/.85 Georgia,serif}.final-panel h1{letter-spacing:-.06em;max-width:660px;margin:0 auto 25px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.45}.final-signature{color:#b78396;letter-spacing:.16em;margin-bottom:35px;font-size:.73rem}.motion-off *,.motion-off :before,.motion-off :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@keyframes glitch-in{0%{opacity:0;transform:translate(-12px)}25%{opacity:1;transform:translate(7px)}50%{transform:translate(-3px)}to{transform:none}}@media (width<=700px){.topbar{width:calc(100% - 36px);min-height:72px}.intro-panel{padding-bottom:95px}.intro-orbit{width:142px;height:142px;margin-bottom:26px}.intro-orbit span{font-size:5rem}.quiz-panel,.result-panel{border-radius:20px;padding:30px 23px}.progress-track{margin-bottom:43px}.memory-panel{padding-top:5px}.album-kicker{margin:19px 0}.memory-card{min-height:0;display:block}.photo-wrap{padding:12px}.photo-wrap img{max-height:min(70svh,610px)}.memory-copy{padding:22px 27px 29px}.memory-date{margin-bottom:12px}.memory-copy h1{margin-bottom:10px}.memory-copy>p:last-child{margin-bottom:0}.album-dots{display:none}.audio-card{flex-wrap:wrap}.audio-button{width:100%}}@media (width<=390px){.quiz-panel,.result-panel{padding:26px 18px}.topbar-brand{font-size:.8rem}.motion-button{padding:0 12px}.option-button{padding:10px 13px;font-size:.9rem}.album-controls{gap:8px}.secondary-button{padding:9px 13px;font-size:.82rem}}