:root{--ink:#27233a;--muted:#6c625b;--paper:#f8f0df;--paper-light:#fffaf0;--blue:#224a9a;--violet:#7b4aa8;--rose:#d35e78;--gold:#d6a154}*{box-sizing:border-box}html{background:#e8decc}body{min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#e8decc;margin:0;font-family:Songti SC,STSong,Noto Serif SC,Georgia,serif}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{isolation:isolate;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(circle at 8% 7%,#ffffffd6,#0000 30%),linear-gradient(145deg,#eee6d7 0%,#ded2bd 100%);place-items:center;display:grid;position:relative;overflow:hidden}.backdrop{z-index:-1;transition:background .8s;position:fixed;inset:0;overflow:hidden}.backdrop.is-warm{background:radial-gradient(circle,#d35e7829,#0000 62%)}.ambient{filter:blur(2px);opacity:.22;border-radius:999px;position:absolute}.ambient-one{background:var(--violet);width:300px;height:300px;top:-135px;right:-120px}.ambient-two{background:var(--blue);width:250px;height:250px;bottom:-140px;left:-95px}.doodle{color:#27233a26;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif;position:absolute}.doodle-heart{font-size:110px;top:8vh;left:5vw;transform:rotate(-18deg)}.doodle-star{font-size:72px;bottom:8vh;right:8vw;transform:rotate(9deg)}.paper-card{background-color:var(--paper);background-image:repeating-linear-gradient(0deg,#5b462b06 0 1px,#0000 1px 4px),radial-gradient(circle at 20% 30%,#7455300e,#0000 27%);border:1px solid #60482a47;width:min(100%,980px);min-height:min(730px,100dvh - 36px);position:relative;box-shadow:0 24px 80px #3a2a1633,inset 0 0 60px #6448230d}.paper-card:before{content:"";pointer-events:none;z-index:3;border:1px solid #5b452a2e;position:absolute;inset:10px}.page-enter{transform-origin:50% 100%;animation:.58s cubic-bezier(.2,.76,.25,1) both page-in}@keyframes page-in{0%{opacity:0;transform:perspective(900px)rotateY(-4deg)translateY(14px)}to{opacity:1;transform:none}}.chapter-mark{letter-spacing:.18em;color:#756b62;font:600 10px/1.2 Arial,sans-serif;position:absolute;top:22px;left:28px}.chapter-label{letter-spacing:.16em;color:var(--blue);font:700 10px/1.2 Arial,sans-serif;display:block}.eyebrow{color:var(--blue);letter-spacing:.16em;margin-bottom:18px;font-size:13px;display:inline-block}.page-number{color:#8e8278;letter-spacing:.2em;font:11px/1 Arial,sans-serif;position:absolute;bottom:16px;left:50%}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(34px,6vw,78px);padding:clamp(54px,6vw,72px) clamp(26px,6vw,64px);display:grid}.photo-frame{background:#fffaf0;padding:10px 10px 44px;position:relative;box-shadow:0 14px 30px #2d22152e}.photo-frame img{object-fit:cover;width:100%;display:block}.hero-photo{transform:rotate(-2deg)}.hero-photo img{aspect-ratio:4/5;object-position:center 42%;filter:saturate(.86)contrast(.96)}.photo-tape{background:#d8c59eb8;width:72px;height:22px;position:absolute;top:-7px;box-shadow:0 1px 1px #50320a14}.tape-left{left:-18px;transform:rotate(-9deg)}.tape-right{right:-18px;transform:rotate(8deg)}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(52px,7vw,86px);font-weight:500;line-height:.96}.hero h1 em{color:var(--violet);font-style:normal;position:relative}.hero h1 em:after{content:"";z-index:-1;background:#d35e7840;height:9px;position:absolute;bottom:4px;left:-3px;right:-6px;transform:rotate(-2deg)}.subtitle{color:#5d554d;margin:26px 0 30px;font-size:clamp(15px,2vw,18px);line-height:1.85}.margin-note{color:#876d62;margin:0;font:13px/1.65 KaiTi,cursive;position:absolute;bottom:24px;right:24px;transform:rotate(-3deg)}.primary-button,.secondary-button,.next-button,.option-button,.text-button{cursor:pointer;border-radius:0;min-height:48px}.primary-button{border:1px solid var(--ink);color:var(--paper-light);background:var(--ink);box-shadow:5px 5px 0 var(--rose);justify-content:space-between;align-items:center;gap:28px;padding:13px 19px 13px 22px;transition:transform .18s,box-shadow .18s;display:inline-flex}.primary-button:hover{box-shadow:7px 7px 0 var(--rose);transform:translate(-2px,-2px)}.primary-button:active{box-shadow:2px 2px 0 var(--rose);transform:translate(3px,3px)}.primary-button:focus-visible,.secondary-button:focus-visible,.next-button:focus-visible,.option-button:focus-visible,.text-button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.quiz-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:30px 44px;padding:30px clamp(28px,6vw,70px) 46px;display:grid}.quiz-header{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:22px;display:grid}.progress-track{background:#27233a1f;width:min(340px,62vw);height:5px;margin-top:11px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--blue), var(--violet), var(--rose));height:100%;transition:width .45s;display:block}.question-count{color:#766e67;letter-spacing:.12em;font:700 12px/1 Arial,sans-serif}.question-card{z-index:1;align-self:center;position:relative}.question-kicker{color:var(--blue);letter-spacing:.1em;background:#224a9a14;margin:0 0 17px;padding:7px 10px;font:700 11px/1.2 Arial,sans-serif;display:inline-block}.question-card h2{letter-spacing:-.035em;outline:none;max-width:720px;margin:0 0 28px;font-size:clamp(27px,4vw,43px);font-weight:500;line-height:1.25}.options{gap:11px;display:grid}.option-button{width:100%;min-height:54px;color:var(--ink);text-align:left;background:#fffaf0ad;border:1px solid #27233a5c;align-items:center;gap:13px;padding:11px 16px;font-size:15px;line-height:1.45;transition:transform .18s,background .18s,opacity .18s,border-color .18s;display:flex}.option-button:hover:not(:disabled){border-color:var(--violet);background:#fffaf0;transform:translate(5px)}.option-button:disabled{cursor:default}.option-button.is-selected{border-color:var(--violet);box-shadow:inset 4px 0 var(--violet);background:#7b4aa81c}.option-button.is-muted{opacity:.42}.option-letter{border:1px solid;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font:700 12px/1 Arial,sans-serif;display:grid}.deny-option[data-nudged=true]{animation:.25s linear tiny-shake;transform:translate(18px)rotate(.6deg)}@keyframes tiny-shake{30%{transform:translate(12px)rotate(-1deg)}70%{transform:translate(22px)rotate(1deg)}}.answer-panel{opacity:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:0;margin-top:0;padding:0;transition:min-height .3s,margin .3s,padding .3s,opacity .3s;display:grid;overflow:hidden}.answer-panel.is-visible{opacity:1;min-height:78px;margin-top:18px;padding:12px 0 2px}.answer-panel p{color:#554b45;margin:0;font-size:14px;line-height:1.6}.answer-stamp{color:var(--rose);border:1px solid var(--rose);white-space:nowrap;padding:6px 8px;font:700 10px/1 Arial,sans-serif;transform:rotate(-2deg)}.next-button{border:0;border-bottom:1px solid var(--ink);min-width:98px;color:var(--ink);background:0 0;font-weight:700}.score-note,.reasons-note{text-align:center;background:#e9dc9e;align-self:center;justify-items:center;padding:24px 14px;display:grid;transform:rotate(3deg);box-shadow:5px 7px 18px #49331626}.score-note span,.reasons-note span{letter-spacing:.08em;font:700 11px/1.2 Arial,sans-serif}.score-note strong,.reasons-note strong{color:var(--violet);margin:8px 0 5px;font-size:52px;line-height:1}.score-note small,.reasons-note small{color:#6b5e45;font:11px/1.45 KaiTi,cursive}.praise-page{grid-template-columns:minmax(0,1fr) 170px}.portrait-peek{opacity:.18;pointer-events:none;background:#fffaf0;width:155px;padding:7px 7px 28px;position:absolute;top:105px;right:35px;transform:rotate(3deg);box-shadow:0 10px 26px #2d22152b}.portrait-peek img{aspect-ratio:.77;object-fit:cover;width:100%;display:block}.reasons-note{z-index:1;background:#d7c6e8;position:relative;transform:rotate(-2deg)}.split-page{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(35px,7vw,80px);padding:clamp(56px,7vw,82px) clamp(30px,7vw,78px);display:grid}.verdict-photo{transform:rotate(2deg)}.verdict-photo img{aspect-ratio:3/4;object-position:center}.verdict-copy h2{letter-spacing:-.05em;outline:none;margin:0;font-size:clamp(46px,6vw,72px);font-weight:500;line-height:1}.big-line{color:#5c524c;margin:25px 0;font-size:clamp(16px,2.4vw,22px);line-height:1.7}.big-line em{color:var(--violet);font-style:normal;font-weight:700}.result-slip{border-top:1px solid #27233a40;border-bottom:1px solid #27233a40;grid-template-columns:auto auto;align-items:center;gap:1px 14px;width:min(100%,350px);margin:0 0 30px;padding:12px 16px;display:grid}.result-slip span{font-size:13px}.result-slip strong{color:var(--rose);grid-row:span 2;font-size:45px}.result-slip small{color:var(--muted);font:11px/1.4 KaiTi,cursive}.apology-shell{align-items:start;overflow:auto}.apology-page{grid-template-columns:.92fr 1.08fr;align-items:stretch;min-height:auto;display:grid;overflow:hidden}.apology-image{background:#e8dfcc;min-height:680px}.apology-image picture,.apology-image img{width:100%;height:100%;display:block}.apology-image img{object-fit:cover;object-position:63% center}.letter{padding:clamp(50px,7vw,78px) clamp(32px,6vw,66px);position:relative}.letter:before{content:"";background:#27233a29;width:1px;position:absolute;top:18px;bottom:18px;left:0}.letter h2{outline:none;margin:0 0 22px;font-size:clamp(40px,5vw,61px);font-weight:500;line-height:1.05}.letter-body{color:#4e4641;margin-bottom:27px;font-size:15px;line-height:1.82}.letter-body p{margin:0 0 13px}.signature{color:var(--violet);padding-top:9px}.ending-shell{text-align:center}.final-page{flex-direction:column;justify-content:center;align-items:center;width:min(100%,760px);min-height:min(670px,100dvh - 36px);padding:clamp(68px,9vw,100px) clamp(26px,9vw,100px);display:flex}.final-page h2{outline:none;margin:0;font-size:clamp(35px,6vw,58px);font-weight:500;line-height:1.1}.final-question{color:#554d47;margin:26px 0 34px;font-size:clamp(17px,2.8vw,23px);line-height:1.75}.final-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.hug-button{min-width:210px}.secondary-button{border:1px solid var(--ink);min-width:150px;color:var(--ink);background:0 0;padding:12px 20px;transition:background .18s,color .18s}.secondary-button:hover{color:var(--paper-light);background:var(--ink)}.tiny-note{color:#887d73;letter-spacing:.08em;margin:0;font:11px/1.5 Arial,sans-serif;position:absolute;bottom:26px;left:0;right:0}.final-response{width:min(100%,520px);animation:.55s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}.heart-seal{width:74px;height:74px;color:var(--paper-light);background:var(--rose);border-radius:50%;place-items:center;margin:26px auto 15px;font:42px/1 Arial,sans-serif;display:grid;box-shadow:0 0 0 7px #d35e7824}.final-response h3{margin:0;font-size:clamp(27px,4.5vw,40px);font-weight:500}.final-response p{color:var(--muted);margin:15px 0 24px;line-height:1.75}.unfinished-stamp{width:max-content;color:var(--violet);border:3px double var(--violet);letter-spacing:.12em;margin:0 auto 22px;padding:10px 16px;font:700 18px/1 KaiTi,cursive;transform:rotate(-3deg)}.text-button{color:var(--blue);text-underline-offset:5px;background:0 0;border:0;padding:8px;text-decoration:underline}.celebration{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti,.heart-particle{animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-30px}.confetti{border-radius:1px;width:8px;height:14px}.heart-particle{font:25px/1 Arial,sans-serif;background:0 0!important}@keyframes fall{to{transform:translate(35px,110vh)rotate(620deg)}}@media (max-width:760px){.site-shell{align-items:start;overflow:auto}.paper-card{min-height:calc(100dvh - max(36px, env(safe-area-inset-top) + env(safe-area-inset-bottom)))}.hero{grid-template-columns:1fr;gap:23px;padding:52px 28px 64px}.hero-photo{width:min(82vw,360px);margin:0 auto;padding:8px 8px 30px}.hero-photo img{aspect-ratio:16/10;object-position:center 43%}.hero-copy{text-align:center}.hero .eyebrow{margin-bottom:11px;font-size:10px}.hero h1{font-size:clamp(46px,15.5vw,64px)}.subtitle{margin:16px 0 23px;font-size:14px}.primary-button{justify-content:center;width:100%;min-height:52px}.margin-note{display:none}.quiz-page{min-height:calc(100dvh - 36px);padding:28px 24px 58px;display:block}.quiz-header{margin-bottom:34px}.progress-track{width:min(57vw,260px)}.question-card h2{margin-bottom:23px;font-size:clamp(25px,7.4vw,34px)}.option-button{min-height:55px;padding:10px 12px;font-size:14px}.answer-panel{grid-template-columns:1fr auto}.answer-panel.is-visible{min-height:118px;padding-top:14px}.answer-panel p{grid-area:2/1/auto/-1}.next-button{grid-area:1/2}.score-note,.reasons-note{width:92px;padding:10px 7px;position:absolute;top:78px;right:24px;transform:rotate(3deg)}.score-note strong,.reasons-note strong{margin:3px 0;font-size:29px}.score-note small,.reasons-note small{display:none}.score-note span,.reasons-note span{font-size:8px}.portrait-peek{display:none}.split-page{grid-template-columns:1fr;gap:27px;padding:55px 28px 65px}.verdict-photo{width:min(75vw,330px);margin:0 auto;padding-bottom:30px}.verdict-photo img{aspect-ratio:16/10;object-fit:cover;object-position:center 42%}.verdict-copy{text-align:center}.verdict-copy h2{font-size:clamp(42px,13vw,58px)}.big-line{margin:18px 0}.result-slip{text-align:left;margin-left:auto;margin-right:auto}.apology-page{display:block}.apology-image{height:min(38dvh,320px);min-height:0}.apology-image img{object-position:63% 46%}.letter{padding:38px 28px 60px}.letter:before{display:none}.letter .eyebrow{font-size:10px}.letter h2{font-size:clamp(38px,11vw,50px)}.letter-body{font-size:14px;line-height:1.8}.final-page{padding:68px 27px 74px}.final-page .eyebrow{font-size:10px}.final-page h2{font-size:clamp(32px,10vw,45px)}.final-question{font-size:17px}.final-actions{gap:14px;width:100%}.secondary-button{width:100%}}@media (max-width:390px){.site-shell{padding-left:9px;padding-right:9px}.hero{padding-left:22px;padding-right:22px}.quiz-page{padding-left:20px;padding-right:20px}.option-button{font-size:13px}.chapter-label{max-width:210px}}@media (orientation:landscape) and (max-height:560px) and (min-width:620px){.site-shell{align-items:start;overflow:auto}.paper-card{min-height:540px}.hero{padding-top:48px;padding-bottom:48px}.hero-photo img{aspect-ratio:1.2}.quiz-page{min-height:540px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.deny-option[data-nudged=true]{transform:none}}