:root{--paper:#f5f1e9;--ink:#24343d;--muted:#657075;--line:#dcd8ce;--gold:#be874b;--night:#183345;--accent:#516475;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,textarea,summary{touch-action:manipulation}button{color:inherit}button:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b7814d;outline-offset:5px}button:disabled{opacity:.45}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:400}button{border:0}main,.masthead,.site-footer{width:min(1160px,calc(100% - 100px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;height:112px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;background:none;font-weight:700;font-size:23px;letter-spacing:3px;padding:5px 0}.brand-mark{color:var(--gold);font-size:37px;line-height:1}.masthead-note{font-size:12px;letter-spacing:2px;color:var(--muted)}.screen{animation:appear .35s ease both}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;color:var(--muted)}.eyebrow>span:empty{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:65px 0 70px}.intro-copy h1{font-family:var(--serif);font-size:clamp(48px,5.5vw,72px);line-height:1.35;letter-spacing:-2px;margin:24px 0 25px}.intro-copy h1 em{font-style:normal;color:var(--gold)}.intro-lead{color:#687074;line-height:2;font-size:16px}.intro-lead strong{font-weight:400;color:var(--ink)}.intro-small{font-size:14px;color:var(--muted);margin:25px 0 27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:12px 25px;border-radius:5px;line-height:1.7;font-size:15px;letter-spacing:1px}.primary{background:var(--night);color:#fff9ed;box-shadow:0 4px 14px #1833450d}.primary:not(:disabled):hover{background:#2b4b5d}.primary span{font-size:22px}.secondary{background:transparent;border:1px solid #c9c6bb}.secondary:hover{background:#e9e4da}.micro{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.8}.text-button{background:none;padding:8px 0;font-size:13px;color:var(--muted)}.text-button:hover{color:var(--ink)}#return-actions{margin-top:8px}.intro-art{position:relative;transform:rotate(2deg);margin-top:15px;box-shadow:14px 18px 0 #e6e0d5,0 16px 40px #18334519}.intro-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.art-caption{display:flex;justify-content:space-between;align-items:center;background:#183345;color:#f0e2c5;font-size:11px;letter-spacing:2px;padding:18px 23px}.art-caption i{font-size:23px;font-style:normal}.welcome-notes{display:grid;grid-template-columns:repeat(3,1fr);padding:33px 0 40px;border-top:1px solid var(--line);gap:35px}.welcome-notes article+article{border-left:1px solid var(--line);padding-left:35px}.welcome-notes article>span{font-family:var(--serif);font-size:20px}.welcome-notes p{font-size:13px;color:var(--muted);margin-top:9px}.site-footer{display:flex;gap:30px;justify-content:space-between;font-size:11px;color:var(--muted);padding:26px 0 35px;border-top:1px solid var(--line)}.site-footer>span{white-space:nowrap}.site-footer details{max-width:560px}.site-footer summary{cursor:pointer;text-align:right}.site-footer details p{font-size:12px;margin-top:14px;line-height:1.9}.quiz-top{display:flex;align-items:center;justify-content:space-between;padding:27px 0 18px}.round-button{background:none;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:20px}.quiz-top>span{font-size:12px;color:var(--muted)}.progress-track{height:3px;background:#e5e0d7}.progress-track>div{height:100%;background:var(--gold);transition:width .25s}.question-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;min-height:600px;padding:75px 0 80px}.question-copy h2{font-family:var(--serif);font-size:clamp(30px,3.1vw,44px);line-height:1.65;margin:22px 0 25px}.question-copy h2:focus{outline:none}.question-copy .eyebrow{font-size:15px;letter-spacing:1px;color:var(--gold)}.question-hint{font-size:13px;color:var(--muted);line-height:2}.question-decoration{display:flex;gap:16px;align-items:center;margin-top:80px;color:#bb985f}.question-decoration>span{font-size:26px}.question-decoration i{width:95px;height:1px;background:var(--line)}#options{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:20px;background:#faf7f0;border:1px solid var(--line);border-radius:7px;font-size:15px;line-height:1.85;transition:border-color .15s,background .15s}.choice::before{content:"";flex-shrink:0;width:16px;height:16px;border:1px solid #aeb3af;border-radius:50%;background:#fff}.choice:hover{border-color:#bfa582}.choice[aria-pressed=true]{background:#e8ece9;border-color:#617a72}.choice[aria-pressed=true]::before{border:4px solid #617a72;background:#fff}.choice.neutral{background:transparent;border-style:dashed;font-size:13px;color:var(--muted);padding:13px 20px}.choices-panel>.primary{width:100%;margin-top:25px;justify-content:space-between}.choices-panel>.micro{text-align:center}.report-tools{display:flex;justify-content:space-between;padding:22px 0}.portrait-cover{position:relative;background:#fffaf0;border:1px solid #e1dbcf;display:grid;grid-template-columns:.85fr 1fr;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #1833450b}.portrait-art{aspect-ratio:1;background-image:url('assets/portraits.webp');background-size:300% 300%;align-self:stretch;min-height:370px}.portrait-intro{padding:42px 45px;display:flex;flex-direction:column;justify-content:center}.portrait-intro h2{font-family:var(--serif);font-size:48px;line-height:1.45;margin:12px 0;color:var(--accent)}.portrait-intro .subtitle{font-size:15px;line-height:1.95}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tags span{font-size:11px;border:1px solid #d9d1c4;border-radius:20px;padding:3px 11px;color:var(--muted)}.cover-quote{font-family:var(--serif);font-size:21px;line-height:1.8;margin-top:3px}.portrait-note{font-size:11px;color:var(--muted);margin-top:22px}.opening-letter{max-width:760px;margin:50px auto 55px;padding-left:26px;border-left:2px solid #c9a368}.opening-letter p{font-size:16px;line-height:2.2;margin-bottom:18px}.opening-letter p:last-child{margin-bottom:0}.book-nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;margin-bottom:60px}.book-nav a{font-size:12px;color:var(--muted);text-decoration:none}.book-nav a:hover{color:var(--accent)}.book-chapter{padding:0 0 65px;max-width:950px;margin:auto}.chapter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:30px}.chapter-head h3{font-family:var(--serif);font-size:31px;line-height:1.55;margin-top:7px}.chapter-flower{font-size:35px;color:var(--accent);line-height:1.5}.scene-grid,.worth-grid,.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.small-card{background:#fffcf6;border:1px solid #e5dfd2;padding:27px 24px;border-radius:7px}.small-card h4{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.7;margin-bottom:13px}.small-card p{font-size:14px;line-height:2;color:var(--muted)}.worth-grid .small-card{background:#eeece3;border:0}.accent-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.accent-grid .small-card{border-left:3px solid var(--accent)}.accent-grid h4{font-size:17px}.chapter-text{max-width:780px}.chapter-text p{font-size:16px;line-height:2.2;margin-bottom:18px}.tension-panel{background:#e8ece9;padding:32px 36px;border-radius:7px}.tension-panel p{font-size:16px;line-height:2.15;margin-bottom:20px}.tension-panel p:last-child{margin-bottom:0}.reactions{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:19px;flex-wrap:wrap}.reaction{background:transparent;border:1px solid var(--line);border-radius:20px;padding:5px 13px;font-size:11px}.reaction[aria-pressed=true]{border-color:var(--accent);background:#e6e9e4;color:var(--ink)}.reaction-note{flex-basis:100%;font-size:12px}.letter-page{padding:45px 50px;background:#fffcf6;border:1px solid #e4ddce;position:relative}.letter-page .eyebrow{margin-bottom:23px}.letter-page h3{font-family:var(--serif);font-size:28px;margin-bottom:24px}.letter-page p{font-size:16px;line-height:2.25;margin-bottom:20px}.letter-sign{font-family:var(--serif);color:var(--accent);text-align:right}.keepsake{font-family:var(--serif);font-size:25px;line-height:1.9;text-align:center;padding:35px 15px 5px;margin:0;color:var(--accent)}.personal-page{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;border-top:1px solid var(--line);padding:50px 0}.personal-page h3{font-family:var(--serif);font-size:28px;line-height:1.7;margin-top:10px}.personal-page p{font-size:13px;color:var(--muted);line-height:2;margin-top:13px}#favorite-picker{display:grid;gap:9px}.favorite{background:#fffcf6;border:1px solid var(--line);border-radius:5px;text-align:left;font-size:13px;line-height:1.9;padding:12px 16px}.favorite[aria-pressed=true]{border-color:var(--accent);background:#e8ece9}.note-label{display:block;margin-top:25px;font-size:12px;color:var(--muted)}.note-label span{float:right;color:#89908e}textarea{resize:vertical;width:100%;background:#fffcf6;border:1px solid var(--line);border-radius:5px;padding:13px 16px;font-size:14px;color:var(--ink);margin-top:8px;line-height:1.8}.takeaway{text-align:center;border-top:1px solid var(--line);padding:50px 0 45px}.takeaway .eyebrow{justify-content:center}.takeaway h3{font-family:var(--serif);font-size:35px;line-height:1.65;margin:14px 0 25px}.takeaway-buttons{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.restart-row{display:flex;gap:35px;justify-content:center;margin-top:25px}.quiet{font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:11px 20px;background:var(--night);color:#fff9ed;border-radius:7px;font-size:13px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}.toast.visible{opacity:1}dialog{background:var(--paper);border:1px solid var(--line);border-radius:12px;width:min(460px,calc(100% - 32px));padding:30px;color:var(--ink)}dialog::backdrop{background:#18334566}dialog h3{font-family:var(--serif);font-size:25px}dialog p{font-size:14px;margin:15px 0 25px;color:var(--muted)}dialog>div{display:flex;gap:12px;justify-content:flex-end}dialog .primary,dialog .secondary{min-height:42px;font-size:13px;padding:8px 17px}.noscript{padding:30px;text-align:center}.download-card{display:block;max-width:360px;width:100%;height:auto;margin:25px auto 0;border-radius:6px}.download-hint{font-size:12px;color:var(--muted);margin-top:12px}.export-note{margin-top:25px;font-size:12px;color:var(--muted)}.offline-personal{white-space:pre-wrap;border-left:2px solid var(--gold);padding:20px;font-size:15px}.offline-body .masthead-note{display:none}
.cover-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;align-self:start;background:#e9e2d5}.cover-mosaic>.portrait-art{min-height:0;aspect-ratio:1;border-radius:5px;background-size:300% 300%;width:100%}.cover-mosaic>.portrait-art:only-child,.cover-mosaic>.portrait-art:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:2}
.portrait-glance{margin:28px 0 40px;padding:28px 30px;background:#e8ece3;border:1px solid #d9dfd2;border-radius:10px}.glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:18px 0 24px}.glance-grid article{display:flex;gap:12px;align-items:baseline}.glance-grid span{color:var(--accent);font-size:23px}.glance-grid p{font-family:var(--serif);font-size:21px;line-height:1.8}.first-save{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.first-save a{font-size:14px;color:var(--accent);text-underline-offset:5px}.first-save p{flex-basis:100%;font-size:12px;line-height:1.9;color:#53635b}
.combination-spread{display:grid;grid-template-columns:34% 1fr;gap:35px;align-items:center;background:#faf5eb;border:1px solid #dfd4bf;border-radius:10px;padding:26px;margin-bottom:25px}.combination-spread .moment-art{border-radius:50%}.combination-spread h4,.connection-note h4{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.65;margin:10px 0 16px;color:var(--accent)}.combination-spread p:not(.eyebrow),.connection-note p{font-size:17px;line-height:2.05;color:#384e56}.connection-note{padding:24px;border-left:3px solid #b39b71;background:#f5efe4;margin-bottom:20px}.connection-note blockquote{font-family:var(--serif);font-size:21px;color:var(--accent);margin:16px 0 0;line-height:1.9}
.reading-detail{margin-top:25px;border-top:1px solid var(--line);padding-top:8px}.reading-detail summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:16px;color:var(--accent);line-height:1.8}.reading-detail[open]>summary{margin-bottom:20px}.reading-detail .essence-spread:last-child{margin-bottom:0}
.reading-help{max-width:950px;margin:0 auto 35px;padding:30px;background:#f1ece2;border-radius:9px}.reading-help h3{font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:15px}.reading-help details{border-bottom:1px solid #d5cbbb;padding:8px 0}.reading-help summary{cursor:pointer;font-size:16px;min-height:48px;padding:12px 0;line-height:1.8}.reading-help details p,.feedback-box p{font-size:14px;line-height:2;margin:8px 0 16px;color:#47585e}.feedback-box{margin-top:22px}.feedback-box label{display:block;font-size:14px;margin-top:20px}.feedback-box textarea{font-size:15px}
@media(max-width:640px){.portrait-glance{padding:23px 20px;margin-top:20px}.glance-grid{grid-template-columns:1fr;gap:16px}.glance-grid p{font-size:21px}.cover-mosaic{width:100%}.combination-spread{grid-template-columns:1fr;padding:22px;gap:22px}.combination-spread .moment-art{width:150px;margin:auto}.combination-spread h4,.connection-note h4{font-size:24px}.combination-spread p:not(.eyebrow),.connection-note p{font-size:16px}.connection-note{padding:21px}.reading-help{padding:24px 20px}.reading-help h3{font-size:25px}.reading-detail summary{font-size:16px}.first-save .secondary{width:100%}}
@media print{.first-save,.reading-help{display:none!important}.portrait-glance,.combination-spread,.connection-note{break-inside:avoid}.reading-detail summary{font-size:13px}.cover-mosaic{print-color-adjust:exact;-webkit-print-color-adjust:exact}.glance-grid p{font-size:15px}}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.moment-art{aspect-ratio:1;background-image:url('assets/moments.webp');background-size:400% 200%;background-repeat:no-repeat;background-color:#e8dfcd}
.moment-art.detail-art{background-image:url('assets/moments-variety.webp');background-size:400% 400%}
.book-chapter{max-width:1000px;padding-bottom:80px}
.chapter-head .eyebrow{font-size:13px;letter-spacing:1px}
.chapter-head h3{font-size:34px}
.section-lead{font-size:16px;line-height:1.9;color:#526168;margin-bottom:26px}
.essence-spread{display:grid;grid-template-columns:38% 1fr;gap:44px;align-items:center;margin-bottom:38px}
.essence-spread:nth-child(even){grid-template-columns:1fr 38%}
.essence-spread:nth-child(even)>.moment-art{order:2}
.essence-spread>.moment-art{border-radius:160px 160px 12px 12px;box-shadow:9px 9px 0 #e6dfd0}
.essence-copy h4{font-family:var(--serif);font-size:27px;line-height:1.65;font-weight:400;margin:12px 0 19px;color:var(--night)}
.essence-copy>p:not(.eyebrow){font-size:16px;line-height:2.1;margin-top:15px}
.scene-stories{border-top:1px solid var(--line)}
.scene-story{display:flex;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}
.scene-symbol{flex:0 0 64px;height:64px;background:#e7eade;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#536958}
.scene-story:nth-child(2n) .scene-symbol{background:#ece2d3;color:#9b6b36}
.scene-story h4,.worth-list h4,.relationship-page h4,.pleasure-card h4,.pocket-note h4{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.65;margin-bottom:9px}
.scene-story p,.worth-list p,.relationship-page p,.pleasure-card p,.pocket-note p{font-size:16px;line-height:2;color:#47585f}
.worth-spread{display:grid;grid-template-columns:32% 1fr;gap:45px;background:#e9ebdf;padding:36px;border-radius:8px}
.worth-margin>.moment-art{border-radius:50%;max-width:200px;margin:0 auto 20px}
.worth-margin>p{font-family:var(--serif);font-size:26px;line-height:1.7;text-align:center;color:#4c6253}
.worth-margin>span{display:block;font-size:13px;text-align:center;margin-top:14px;color:#526157}
.worth-list article+article{border-top:1px solid #ccd2c1;padding-top:22px;margin-top:22px}
.relationship-pages{display:grid;gap:23px}
.relationship-page{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:32px;background:#fffcf5;border:1px solid #e4dccd;border-radius:9px;align-items:start}
.relationship-art{border-radius:50%}
.relationship-page blockquote{margin:18px 0 11px;padding:14px 18px;border-left:3px solid #b68e53;background:#f0e9dc;font-family:var(--serif);font-size:20px;line-height:1.8}
.small-label{font-size:13px;color:#59696e}
.phrase-list{border-top:1px solid var(--line)}
.phrase-row{display:grid;grid-template-columns:23% 1fr;gap:35px;padding:29px 0;border-bottom:1px solid var(--line)}
.phrase-when{font-size:16px;line-height:1.9;color:#5b696f;padding-top:4px}
.phrase-row blockquote{margin:0;font-family:var(--serif);font-size:24px;line-height:1.8;color:var(--accent)}
.phrase-row>div>p{font-size:15px;line-height:1.95;margin-top:13px;color:#516168}
.room-spread{display:grid;grid-template-columns:32% 1fr;gap:30px;align-items:stretch}
.room-spread>.moment-art{border-radius:6px;align-self:center}
.room-spread .room-grid{display:block}
.room-spread .small-card{padding:21px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.room-spread .small-card:first-child{padding-top:0}
.room-spread .small-card p{font-size:16px;color:#47585f}
.pleasure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pleasure-card{display:grid;grid-template-columns:140px 1fr;align-items:center;background:#fffaf0;border:1px solid #e3dac9;border-radius:8px;overflow:hidden;padding:14px}
.pleasure-card>.moment-art{aspect-ratio:1}
.pleasure-card>div:not(.moment-art){padding:10px 0 10px 22px}
.pleasure-card:nth-child(2n){background:#e9eddf;transform:rotate(.4deg)}
.pleasure-card:nth-child(2n+1){transform:rotate(-.4deg)}
.pleasure-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:140px 1fr}
.pocket-note{display:flex;align-items:center;gap:24px;padding:27px 30px;margin-top:30px;border:1px dashed #c1ad8a;border-radius:6px;background:#efe8d9}
.pocket-note>span{font-size:38px;color:#aa7841}
.letter-page{background:linear-gradient(135deg,#fffaf0,#f1eadb);border-radius:6px;box-shadow:8px 8px 0 #e7e0d2;padding:46px 54px}
.letter-stamp{float:right;width:60px;height:70px;border:1px dashed #bca477;display:grid;place-items:center;color:#977144;font-size:35px;transform:rotate(9deg);margin-left:20px}
.collection-prompts{max-width:780px;margin:0 auto 60px;border-top:1px solid var(--line);padding:28px 20px;text-align:center}
.collection-prompts>p:not(.eyebrow){font-family:var(--serif);font-size:21px;line-height:1.8;margin-top:19px}
.collection-prompts .eyebrow{justify-content:center}
.collection-prompts a{display:inline-block;color:var(--accent);font-size:14px;margin-top:22px;text-underline-offset:5px}
.book-nav a{font-size:14px;min-height:32px;padding:4px 0}
.reactions{margin-top:23px}.reaction{font-size:12px;min-height:36px}
@media(max-width:760px){
  .book-chapter{padding-bottom:50px}
  .chapter-head h3{font-size:27px}.chapter-head .eyebrow{font-size:12px;line-height:1.8}
  .essence-spread,.essence-spread:nth-child(even){grid-template-columns:1fr;gap:24px;margin-bottom:34px}
  .essence-spread:nth-child(even)>.moment-art{order:0}
  .essence-spread>.moment-art{width:min(100%,360px);margin:auto;box-shadow:6px 6px 0 #e6dfd0}
  .essence-copy h4{font-size:25px}.essence-copy>p:not(.eyebrow){font-size:16px}
  .scene-story{gap:15px;padding:23px 0}.scene-symbol{flex-basis:42px;height:42px;font-size:23px}
  .scene-story h4,.worth-list h4,.relationship-page h4,.pleasure-card h4,.pocket-note h4{font-size:21px}
  .worth-spread{grid-template-columns:1fr;padding:25px;gap:26px}
  .worth-margin{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:16px}
  .worth-margin>.moment-art{grid-row:1/3;margin:0}.worth-margin>p{font-size:23px;text-align:left}.worth-margin>span{text-align:left;margin:0}
  .relationship-page{grid-template-columns:1fr;padding:24px;gap:20px}.relationship-art{width:110px}
  .relationship-page blockquote{font-size:20px;padding:14px}
  .phrase-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.phrase-when{font-size:14px}.phrase-row blockquote{font-size:22px}
  .room-spread{grid-template-columns:1fr;gap:25px}.room-spread>.moment-art{width:100%;max-width:360px;margin:auto}
  .pleasure-grid{grid-template-columns:1fr;gap:20px}.pleasure-card,.pleasure-card:last-child:nth-child(odd){grid-column:auto;grid-template-columns:85px 1fr;padding:13px}
  .pleasure-card>.moment-art{width:100%}.pleasure-card>div:not(.moment-art){padding:8px 0 8px 15px}
  .pocket-note{padding:23px;gap:15px;align-items:start}.pocket-note>span{font-size:27px}
  .letter-page{padding:30px 25px}.letter-stamp{width:45px;height:55px;font-size:27px}
  .collection-prompts{padding:24px 0;margin-bottom:35px}.collection-prompts>p:not(.eyebrow){font-size:20px}
  .book-nav{gap:9px 20px}.book-nav a{font-size:13px}
}
@media print{.moment-art{print-color-adjust:exact;-webkit-print-color-adjust:exact}.essence-spread,.relationship-page,.phrase-row,.pleasure-card,.pocket-note{break-inside:avoid}.collection-prompts{break-inside:avoid}.book-chapter{padding-bottom:35px}.essence-copy>p:not(.eyebrow),.scene-story p,.worth-list p,.relationship-page p,.pleasure-card p,.pocket-note p{font-size:13px}.pleasure-card{transform:none!important}}
.intro-grid{padding-top:40px}.intro-copy h1{font-size:clamp(48px,5.1vw,64px);margin:20px 0}.intro-small{margin:20px 0 22px}.question-copy .eyebrow{color:#976329}.portrait-art{align-self:start}
.room-grid,.accent-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
@media(min-width:1400px){.intro-grid{gap:100px}.intro-art{margin-right:12px}.intro-copy{padding-left:12px}}
@media(max-width:900px){main,.masthead,.site-footer{width:calc(100% - 56px)}.intro-grid{gap:35px;padding:45px 0 55px}.intro-copy h1{font-size:48px}.intro-lead{font-size:14px}.question-layout{gap:35px;padding:55px 0}.portrait-intro{padding:26px}.portrait-intro h2{font-size:37px}.portrait-art{min-height:325px}.scene-grid,.worth-grid,.room-grid{gap:12px}.small-card{padding:22px 18px}.personal-page{gap:30px}}
@media(max-width:640px){main,.masthead,.site-footer{width:calc(100% - 40px)}.masthead{height:79px}.wordmark{font-size:20px;letter-spacing:2px;gap:8px}.brand-mark{font-size:29px}.masthead-note{font-size:10px;letter-spacing:0}.intro-grid{display:flex;flex-direction:column;gap:36px;padding:34px 0 48px}.intro-copy{width:100%}.intro-copy h1{font-size:47px;line-height:1.4;margin:18px 0 20px}.intro-copy .eyebrow{font-size:11px;letter-spacing:1px}.intro-lead{font-size:15px;line-height:1.95}.desktop-break{display:none}.intro-small{font-size:13px;margin:21px 0}.intro-copy>.primary{width:100%;justify-content:space-between}.intro-art{width:calc(100% - 15px);margin:0 10px 0 0;transform:rotate(1.5deg);box-shadow:9px 12px 0 #e6e0d5,0 12px 25px #18334512}.art-caption{padding:14px 17px;font-size:10px}.welcome-notes{grid-template-columns:1fr;gap:21px;padding:26px 0}.welcome-notes article{display:grid;grid-template-columns:125px 1fr;align-items:baseline;gap:14px}.welcome-notes article+article{border:0;padding:0}.welcome-notes article>span{font-size:17px}.welcome-notes p{font-size:12px;margin:0}.site-footer{display:block;padding:24px 0}.site-footer>span{display:block;margin-bottom:13px}.site-footer summary{text-align:left}.quiz-top{padding:20px 0 15px}.question-layout{display:block;min-height:0;padding:28px 0 30px}.question-copy .eyebrow{font-size:15px;line-height:1.8}.question-copy h2{font-size:29px;line-height:1.65;margin:14px 0 10px}.question-hint{font-size:12px;line-height:1.8;margin-bottom:23px}.question-hint br{display:none}.question-decoration{display:none}#options{gap:10px}.choice{font-size:15px;padding:15px 16px;gap:13px;min-height:60px}.choice.neutral{font-size:12px;padding:11px 16px;min-height:45px}.choices-panel>.primary{margin-top:18px}.portrait-cover{display:flex;flex-direction:column}.portrait-art{width:100%;min-height:0;aspect-ratio:1.28;background-size:300% 384%;background-repeat:no-repeat}.portrait-intro{padding:29px 25px 31px}.portrait-intro h2{font-size:39px}.portrait-intro .subtitle{font-size:14px}.cover-quote{font-size:21px}.tags{margin:17px 0}.portrait-note{margin-top:15px}.opening-letter{margin:32px 0 36px;padding-left:17px}.opening-letter p{font-size:15px;line-height:2.1}.book-nav{gap:16px;padding:14px 0;margin-bottom:38px}.book-chapter{padding-bottom:42px}.chapter-head{margin-bottom:20px}.chapter-head h3{font-size:26px}.chapter-head .eyebrow{font-size:10px;letter-spacing:1px}.chapter-flower{font-size:29px}.scene-grid,.worth-grid,.room-grid,.accent-grid{grid-template-columns:1fr;gap:12px}.small-card{padding:22px}.small-card h4{font-size:19px;margin-bottom:8px}.small-card p{font-size:14px;line-height:2}.tension-panel{padding:23px}.tension-panel p,.chapter-text p{font-size:15px;line-height:2.1}.letter-page{padding:28px 23px}.letter-page h3{font-size:25px}.letter-page p{font-size:15px;line-height:2.15}.keepsake{font-size:22px;padding:25px 0 0}.personal-page{display:block;padding:35px 0}.personal-page>div+div{margin-top:24px}.personal-page h3{font-size:25px}.takeaway{padding:35px 0}.takeaway h3{font-size:29px}.takeaway-buttons{display:grid;gap:13px}.takeaway-buttons>.primary,.takeaway-buttons>.secondary{width:100%}.restart-row{gap:20px;flex-wrap:wrap}.report-tools .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:640px){.portrait-art{aspect-ratio:1;background-size:300% 300%;min-height:0}.question-copy .eyebrow{font-size:16px}.intro-copy h1{font-size:clamp(34px,11.8vw,47px)}.intro-copy h1 em{white-space:nowrap}}
.question-layout{display:block;max-width:880px;min-height:0;margin:0 auto;padding:36px 0 50px}.question-copy h2{margin:0 0 16px;line-height:1.5}.question-context{display:block;font-family:var(--sans);font-size:27px;font-weight:600;line-height:1.55;letter-spacing:0;color:var(--ink);margin-bottom:12px}.question-ask{display:block;font-size:38px;line-height:1.5;color:var(--ink)}.question-hint{font-size:14px;line-height:1.8;margin:0 0 25px}#options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{font-size:18px;min-height:72px;padding:18px 20px}.choice.neutral{grid-column:1/-1;font-size:15px;min-height:48px;padding:11px 20px}.choices-panel>.primary{margin-top:18px}
@media(max-width:640px){.question-layout{padding:25px 0 30px}.question-context{font-size:23px;line-height:1.55;margin-bottom:12px}.question-ask{font-size:29px;line-height:1.5}.question-copy h2{margin:0 0 13px}.question-hint{font-size:13px;margin-bottom:20px}#options{grid-template-columns:1fr;gap:10px}.choice{font-size:17px;min-height:62px;padding:15px 16px}.choice.neutral{font-size:14px;padding:11px 16px;min-height:48px}}
@media print{body{background:#fff;font-size:12px}main,.masthead,.site-footer{width:100%}.masthead{height:65px}.masthead-note{font-size:10px}.screen:not(#report),.report-tools,.site-footer,.book-nav,.reactions,.personal-page,.takeaway,.toast,dialog,.export-note{display:none!important}#report{display:block!important}.portrait-cover{break-inside:avoid;box-shadow:none}.portrait-art{min-height:220px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.portrait-intro h2{font-size:34px}.opening-letter{margin:30px auto}.book-chapter{padding-bottom:30px;break-inside:auto}.small-card,.letter-page,.tension-panel,.offline-personal{break-inside:avoid}.chapter-head{break-after:avoid}.small-card p{font-size:12px}.letter-page p,.chapter-text p{font-size:13px}.letter-page{padding:25px}.keepsake{font-size:22px}.screen{animation:none}.offline-personal{display:block!important}}