@charset "UTF-8";
:root{--ink:#09111b;--deep:#060c13;--paper:#eee7d7;--muted:#b2aaa0;--gold:#d5b97e;--line:rgba(204,178,124,.22);--serif:"Noto Serif KR","Nanum Myeongjo",Batang,"AppleMyungjo",Georgia,serif;--sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4rem}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
body,body *{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable]:not([contenteditable="false"]),[contenteditable]:not([contenteditable="false"]) *{-webkit-user-select:text;user-select:text}
img,a{-webkit-user-drag:none}
.pointer-stardust{position:fixed;inset:0;width:100vw;height:100vh;z-index:120;pointer-events:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
button:disabled{opacity:.28;cursor:default}
button,button span,a{touch-action:manipulation}
button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25}
[hidden]{display:none!important}
h1,h2,p{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;word-break:keep-all}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;transform:translateY(-180%);background:var(--paper);color:var(--ink);padding:.6rem 1rem}
.skip-link:focus{transform:none}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;padding:2.2rem 4.2vw;color:#f0e3c7;background:linear-gradient(180deg,rgba(7,17,30,.6),rgba(7,17,30,.28) 65%,transparent)}
.wordmark{display:flex;gap:1.05rem;align-items:center;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;letter-spacing:.29em;line-height:1.3}
.brand-mark{width:24px;height:34px;stroke:currentColor;stroke-width:1.05;color:var(--gold)}
.index-trigger{display:flex;gap:1rem;align-items:center;font-size:.875rem;letter-spacing:.07em;padding:.7rem 0 .7rem .7rem;text-shadow:0 2px 12px #000}
.index-trigger span{opacity:.9}
.index-trigger svg{width:22px;height:22px;color:var(--gold)}
.header-tools{display:flex;align-items:center;gap:1.8rem;margin-left:auto}
.language-switch{display:flex;align-items:center;gap:.55rem;font-size:.875rem;line-height:1.5;letter-spacing:.04em}
.language-switch a{display:grid;place-items:center;min-height:44px;min-width:26px;color:#c0b6a3;text-shadow:0 2px 12px #000}
.language-switch a[aria-current]{color:#f0e3c7;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold)}
.language-switch span{color:#8f8068;font-size:.75rem}
.language-switch a:hover{color:#f0e3c7}
.scene{position:relative;isolation:isolate;overflow:hidden}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero{min-height:720px;height:100svh;max-height:1300px}
.hero-image{object-position:center center}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,8,16,.22) 0%,rgba(3,10,20,.12) 16%,rgba(3,10,20,.13) 59%,rgba(5,11,18,.18) 78%,#09111b 100%),radial-gradient(ellipse at 50% 43%,rgba(7,16,29,.58),rgba(7,16,29,.30) 38%,transparent 72%)}
.hero-copy{position:absolute;left:50%;top:43%;width:95%;transform:translate(-50%,-50%);text-align:center}
.chapter-ornament{display:block;color:#e1c897;font-size:1.8rem;line-height:1;margin-bottom:1.9rem;opacity:.8}
.hero h1{font-size:clamp(3rem,5.3vw,6rem);line-height:1.58;letter-spacing:-.055em;text-shadow:0 3px 35px rgba(0,5,15,.85),0 1px 4px rgba(0,0,0,.5)}
.hero h1 span{color:#f5e8cd}
.walk-link{position:absolute;left:50%;bottom:1.8rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.95rem;font-size:.875rem;letter-spacing:.12em;color:#d0bd9c;padding:.5rem 1.2rem}
.walk-line{width:1px;height:42px;display:block;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:breathe-line 3.5s ease-in-out infinite}
.hotspot{position:absolute;display:flex;align-items:center;gap:.65rem;padding:.8rem;z-index:2;color:#f1dfb8}
.hero-book{right:5.9%;bottom:16.5%}
.point{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid rgba(239,213,153,.55);border-radius:50%;box-shadow:0 0 24px rgba(219,174,91,.25);background:rgba(45,29,8,.2);transition:transform .3s,box-shadow .3s}
.point span{display:block;width:5px;height:5px;transform:rotate(45deg);background:#ffedc2;box-shadow:0 0 14px #ffcb62}
.hotspot-label{display:block;font-size:.875rem;letter-spacing:.04em;text-shadow:0 2px 10px #000;background:rgba(6,12,18,.45);padding:.1rem .45rem;transition:opacity .3s}
.hotspot:hover .point,.hotspot:focus-visible .point{transform:scale(1.13);box-shadow:0 0 32px rgba(232,188,104,.6)}
.stardust{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.stardust i{position:absolute;width:2px;height:2px;background:#ebce8d;border-radius:50%;box-shadow:0 0 6px #e0b55f;animation:drift 10s ease-in-out infinite alternate;opacity:.35}
.stardust i:nth-child(1){left:24%;top:63%;animation-delay:-5s}.stardust i:nth-child(2){left:68%;top:41%;animation-delay:-2s}.stardust i:nth-child(3){left:43%;top:76%;animation-delay:-8s}.stardust i:nth-child(4){left:57%;top:68%;animation-delay:-3s}.stardust i:nth-child(5){left:34%;top:36%;animation-delay:-7s}.stardust i:nth-child(6){left:77%;top:78%;animation-delay:-1s}.stardust i:nth-child(7){left:51%;top:22%;animation-delay:-6s}.stardust i:nth-child(8){left:84%;top:53%;animation-delay:-4s}
.interlude{min-height:320px;padding:5rem 1.5rem 4.5rem;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1.8rem;text-align:center;position:relative;background:var(--ink)}
.tiny-star{font-size:.65rem;color:var(--gold);opacity:.6}
.interlude p{font-family:var(--serif);font-size:clamp(1.15rem,1.6vw,1.5rem);letter-spacing:-.025em;line-height:2.1;color:#bcb9b1;word-break:keep-all}
.fine-rule{display:block;width:1px;height:42px;background:linear-gradient(var(--line),transparent)}
.mobile-break{display:none}
.memory{min-height:max(960px,110svh);height:auto;max-height:none}
.memory-image{object-position:center}
.memory-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#09111b,transparent 15%,transparent 75%,#09111b),linear-gradient(90deg,rgba(5,12,20,.72),rgba(5,12,20,.35) 45%,transparent 75%)}
.memory-copy{position:relative;padding:clamp(10rem,20svh,17rem) 0 clamp(12rem,24svh,22rem) 9%;width:59%}
.eyebrow{font-size:.875rem;letter-spacing:.14em;color:var(--gold);line-height:1.7}
.memory h2{margin-top:1.55rem;font-size:clamp(1.75rem,2.7vw,3.3rem);line-height:1.7;letter-spacing:-.045em;text-shadow:0 2px 20px #07101c}
.small-poem{font-size:1rem;line-height:2.2;color:#d4cec2;margin-top:1.7rem;word-break:keep-all}
.text-link{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.2rem 0;font-size:.875rem;letter-spacing:.04em;color:#dfc89f}
.text-link .link-line{height:1px;width:100%;background:rgba(203,176,122,.38);transform-origin:left;transition:transform .3s,background .3s}
.text-link:hover .link-line{background:var(--gold);transform:scaleX(.65)}
.memory .text-link{margin-top:2.5rem}
.bookmark{left:65%;top:76%;flex-direction:column;gap:.6rem}
.bookmark .point{width:31px;height:31px}
.quiet-shelf{max-width:1240px;margin:0 auto;padding:clamp(9rem,18svh,15rem) 5vw 8rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%}
.shelf-intro h2{font-size:clamp(2rem,3.1vw,3.25rem);line-height:1.7;letter-spacing:-.04em;margin-top:1.8rem}
.shelf-entries{padding-top:.25rem}
.shelf-entry{width:100%;border-top:1px solid var(--line);padding:2.4rem .4rem 2.5rem;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:.8rem;transition:background .35s}
.shelf-entry:last-child{border-bottom:1px solid var(--line)}
.entry-number{font-family:Georgia,serif;color:#a48b5b;line-height:1.5;font-size:.95rem;padding-top:.12rem}
.entry-content{display:block}
.entry-kicker{display:block;font-size:.875rem;letter-spacing:.05em;color:#94938f;margin-bottom:1.15rem}
.entry-quote{font-family:var(--serif);display:block;font-size:clamp(1.35rem,1.65vw,1.8rem);line-height:1.8;letter-spacing:-.02em;color:#dcd5c4;transition:color .3s}
.entry-action{grid-column:2;font-size:.875rem;letter-spacing:.06em;color:#b99d69;margin-top:1rem}
.shelf-entry:hover{background:linear-gradient(90deg,transparent,rgba(174,143,86,.035))}
.shelf-entry:hover .entry-quote{color:#f0e0bf}
.epilogue{position:relative;text-align:center;isolation:isolate;overflow:hidden;padding:8rem 1.5rem 10rem}
.epilogue-glow{position:absolute;width:800px;height:550px;left:50%;top:35%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse,rgba(84,95,109,.09),transparent 66%);pointer-events:none}
.epilogue-ornament{display:block;font-size:1.8rem;color:#bba36e;margin-bottom:1.5rem}
.epilogue p{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.95rem);line-height:1.9;letter-spacing:-.02em;color:#c9c1b1}
.epilogue .text-link{margin-top:2.1rem;align-items:center}
.site-footer{position:relative;border-top:1px solid rgba(181,164,127,.12);padding:2rem 4.2vw;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#070e17;flex-wrap:wrap}
.footer-wordmark{font-family:Georgia,serif;letter-spacing:.26em;color:#b6a889;font-size:1rem}
.footer-links{display:flex;align-items:center;gap:2.4rem;color:#a7a499;font-size:.875rem}
.footer-links button{padding:0}
.footer-links a:hover,.footer-links button:hover{color:var(--gold)}
.footer-links>span{font-size:.75rem;color:#747c83;letter-spacing:.04em}
.secret-star{padding:.5rem;line-height:1;font-size:1.3rem;color:#706444;margin-left:auto;margin-right:auto;transition:color .4s,transform .4s}
.secret-star:hover,.secret-star[aria-expanded=true]{color:var(--gold);transform:rotate(45deg)}
.secret-message{flex-basis:100%;text-align:center;font-family:var(--serif);font-size:1rem;color:#c4b594;padding:.4rem 0 1rem;line-height:1.8;animation:appear .6s ease}
dialog{color:var(--paper);padding:0;border:1px solid var(--line);background:var(--ink);max-height:calc(100svh - 3rem);overscroll-behavior:contain;box-shadow:0 28px 100px rgba(0,0,0,.5);scrollbar-width:thin;scrollbar-color:#736342 transparent}
dialog::backdrop{background:rgba(2,7,14,.78);backdrop-filter:blur(9px)}
dialog[open]{animation:dialog-in .35s ease}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.close-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;padding:9px;transition:background .2s;color:inherit;flex-shrink:0}
.close-button:hover{background:rgba(178,156,110,.13)}
.index-dialog{width:min(520px,calc(100% - 2rem));padding:2rem 2.5rem 2.7rem}
.index-dialog h2{font-size:2.4rem;line-height:1.5;margin-top:1.8rem;letter-spacing:-.04em;outline:0}
.index-intro{font-size:.9rem;color:#a9a89f;margin-top:.5rem}
.book-index{margin-top:2rem}
.book-index button{display:grid;grid-template-columns:30px 65px 1fr;align-items:center;text-align:left;gap:.8rem;border-top:1px solid var(--line);width:100%;padding:1.25rem .4rem}
.book-index button:last-child{border-bottom:1px solid var(--line)}
.book-index button:hover{background:rgba(184,153,90,.06)}
.book-index button>span{font-family:Georgia,serif;color:var(--gold);font-size:.875rem}
.book-index strong{font-family:var(--serif);font-weight:400;font-size:1.2rem;letter-spacing:.03em}
.book-index small{font-size:.875rem;color:#a29e94}
.index-about{margin-top:1.8rem}
.reader-dialog{color:#3d3a31;background:linear-gradient(90deg,rgba(108,82,34,.10),transparent 24px,transparent calc(100% - 18px),rgba(108,82,34,.05)),#e9e1cd;border-color:#c3b18c;width:min(780px,calc(100% - 2rem));color-scheme:light;box-shadow:0 24px 100px rgba(0,0,0,.55),inset 0 0 0 5px rgba(250,244,224,.35)}
.reader-inner{padding:2rem 3.7rem 1.6rem;position:relative}
.reader-dialog .dialog-top{color:#6d624b}
.book-chapter{font-size:.8rem;letter-spacing:.13em;font-variant-numeric:oldstyle-nums}
.reader-heading{text-align:center;margin:1.4rem auto 2.5rem;max-width:580px}
.reader-star{display:block;font-size:1.35rem;color:#8b7146;margin-bottom:1.4rem}
.reader-heading h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.8;letter-spacing:-.045em;white-space:pre-line;outline:0}
.reader-heading>p{font-family:var(--serif);margin-top:1.5rem;font-size:1rem;line-height:2;color:#6d624b;word-break:keep-all}
.toggle-sign{font-size:1.2rem;line-height:1}
.book-margins{padding:1.8rem .1rem .9rem;max-width:58ch;margin-inline:auto}
.book-margins p{font-size:1rem;line-height:2.05;word-break:keep-all;color:#514b3d;overflow-wrap:break-word}
.book-margins p+p{margin-top:1.2rem}
.reader-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:1.8rem;padding-top:.7rem;gap:1rem;font-size:.875rem;color:#6d624b}
.reader-navigation button{padding:.5rem 0}
.reader-navigation button:first-child{text-align:left}
.reader-navigation button:last-child{text-align:right}
.reader-navigation span{font-family:Georgia,serif;letter-spacing:.17em;font-size:.875rem;color:#6d624b}
.reader-dialog :focus-visible{outline-color:#6c5831}
.reader-dialog[open]{animation:paper-arrive .32s cubic-bezier(.2,.65,.3,1)}
.book-margins:not([hidden]){animation:ink-arrive .2s ease-out}
.reader-navigation{border-top:1px solid rgba(119,99,54,.15)}
.return-light{position:fixed;width:5px;height:5px;border-radius:50%;background:#fff0c7;box-shadow:0 0 10px 3px rgba(232,195,116,.65),0 0 26px 7px rgba(194,151,77,.2);pointer-events:none;z-index:100;opacity:0}
@keyframes paper-arrive{from{opacity:.25;transform:translateY(6px) scale(.988)}to{opacity:1;transform:none}}
@keyframes ink-arrive{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .scene-image{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .7s cubic-bezier(.2,.65,.3,1)}
  .scene::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 360px 290px at var(--light-x,50%) var(--light-y,50%),rgba(236,204,151,.065),transparent 75%);opacity:0;transition:opacity .6s}
  .scene.light-awake::after{opacity:1}
}
.ambient-ready .scene:not(.scene-in-view) .stardust i,.modal-open .stardust i{animation-play-state:paused}
.modal-open .scene-image,.modal-open .scene::after{transition:none}
.about-dialog{width:min(640px,calc(100% - 2rem));padding:2rem 2.8rem 2.7rem}
.about-dialog h2{font-size:2rem;letter-spacing:-.04em;line-height:1.8;margin:1.2rem 0 1.6rem;outline:0}
.about-dialog>p{font-size:1rem;line-height:2;color:#bfbcb2;word-break:keep-all}
.about-dialog>p+p{margin-top:1rem}
.about-meta{display:flex;gap:.8rem;flex-wrap:wrap;color:#b79d6d;font-size:.875rem;margin:1.7rem 0 1.5rem}
.about-meta span+span:before{content:"·";padding-right:.8rem;color:#6b6558}
.steam-link{display:block;text-align:center;border:1px solid #8c7650;padding:.95rem 1rem;color:#e7d8b7;font-size:.95rem;transition:background .25s}
.steam-link:hover{background:rgba(190,154,81,.09)}
.about-dialog .about-credit{font-size:.75rem;color:#7d8386;text-align:center;margin-top:1.25rem}
.noscript-note{padding:2rem;text-align:center;color:var(--paper)}
.noscript-note a{text-decoration:underline}
.motion-ready [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity 1.1s ease,transform 1.1s ease}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@keyframes breathe-line{0%,100%{opacity:.4;transform:scaleY(.75)}50%{opacity:.85;transform:scaleY(1)}}
@keyframes drift{0%{transform:translate(0,0);opacity:.15}55%{opacity:.6}100%{transform:translate(9px,-35px);opacity:.2}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes appear{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero-book{right:10%}}
@media(max-width:1000px){.hero{min-height:680px}.hero h1{font-size:clamp(3rem,6.6vw,4.5rem)}.hero-copy{top:43%}.hero-book{right:3%;bottom:16%}.memory-copy{padding-left:6%;width:62%}.quiet-shelf{gap:5%;padding-left:6%;padding-right:6%}.site-footer{gap:1.5rem}.footer-links{gap:1.4rem}}
@media(max-width:700px){
  html{scroll-padding-top:1.5rem}.site-header{padding:1.5rem 1.45rem}.wordmark{font-size:1.13rem;gap:.75rem;letter-spacing:.24em}.brand-mark{width:20px;height:29px}.index-trigger{font-size:.8rem;gap:.65rem}.index-trigger svg{width:19px}
  .hero{height:100svh;min-height:640px;max-height:1100px}.hero-image{object-position:51% center}.hero-shade{background:linear-gradient(180deg,rgba(3,9,17,.25),rgba(3,9,17,.15) 20%,rgba(3,9,17,.15) 60%,#09111b 100%),radial-gradient(ellipse at 50% 43%,rgba(7,16,29,.52),transparent 72%)}.hero-copy{top:41.5%}.hero h1{font-size:clamp(2.55rem,8.5vw,3.7rem);line-height:1.8;letter-spacing:-.06em}.chapter-ornament{font-size:1.35rem;margin-bottom:1.3rem}.hero-book{right:auto;left:50%;bottom:22%;transform:translateX(-50%);white-space:nowrap}.hero-book .hotspot-label{background:rgba(6,12,18,.38);font-size:.875rem}.hero-book .point{width:28px;height:28px}.walk-link{bottom:1.1rem;font-size:.8rem;gap:.8rem}.walk-line{height:34px}
  .interlude{min-height:290px;padding:4rem 1.3rem;gap:1.3rem}.mobile-break{display:block}.interlude p{font-size:1.2rem}.fine-rule{height:32px}
  .memory{height:auto;min-height:max(1040px,120svh);max-height:none;padding-bottom:25rem}.memory-image{object-position:68% center}.memory-shade{background:linear-gradient(180deg,#09111b 0%,rgba(5,12,20,.80) 12%,rgba(5,12,20,.68) 48%,rgba(5,12,20,.12) 66%,#09111b 100%)}.memory-copy{width:100%;padding:6.5rem 1.8rem 0;text-align:center}.eyebrow{font-size:.8rem;letter-spacing:.12em}.memory h2{font-size:clamp(1.55rem,6.1vw,2.1rem);line-height:1.8;margin-top:1.25rem}.small-poem{margin-top:1.25rem;font-size:.95rem}.memory .text-link{margin-top:1.8rem}.bookmark{left:53%;top:auto;bottom:18%;transform:translateX(-50%)}.bookmark .hotspot-label{font-size:.8rem}
  .quiet-shelf{padding:7rem 1.8rem 4rem;display:block}.shelf-intro{text-align:center;margin-bottom:4rem}.shelf-intro h2{font-size:2rem;margin-top:1rem;line-height:1.8}.shelf-entries{max-width:460px;margin:auto}.shelf-entry{padding:2rem .3rem;grid-template-columns:25px 1fr;gap:.7rem}.entry-quote{font-size:1.4rem}.entry-kicker{font-size:.8rem;margin-bottom:.9rem}.entry-action{font-size:.8rem;margin-top:.65rem}.entry-number{font-size:.875rem}.epilogue{padding:7rem 1rem 8rem}.epilogue p{font-size:1.45rem;line-height:1.9}
  .site-footer{padding:1.7rem 1.5rem;justify-content:center;gap:1.35rem}.footer-wordmark{font-size:1rem;margin-right:auto}.secret-star{margin:0}.footer-links{flex-basis:100%;justify-content:space-between;gap:.7rem;font-size:.8rem}.footer-links>span{font-size:.75rem}.secret-message{font-size:.9rem}
  dialog{max-height:calc(100svh - 1.5rem)}.index-dialog{padding:1.35rem 1.5rem 2rem}.index-dialog h2{font-size:2rem;margin-top:1.2rem}.book-index button{grid-template-columns:23px 48px 1fr;gap:.6rem}.book-index small{font-size:.8rem}.index-intro{font-size:.875rem}.reader-inner{padding:1.1rem 1.55rem 1.3rem}.reader-heading{margin:1.2rem auto 2rem}.reader-heading h2{font-size:1.55rem;line-height:1.9;letter-spacing:-.05em}.reader-heading>p{font-size:.95rem;line-height:1.9}.book-chapter{font-size:.75rem}.reader-star{margin-bottom:1.1rem}.book-margins p{font-size:1rem;line-height:2}.reader-navigation{font-size:.8rem;margin-top:1.25rem}.about-dialog{padding:1.35rem 1.65rem 1.8rem}.about-dialog h2{font-size:1.7rem}.about-dialog>p{font-size:1rem}.about-meta{font-size:.8rem}
}
@media(max-width:370px){.hero h1{font-size:2.35rem}.index-trigger span{font-size:.75rem}.hero-book{bottom:21%}.memory-copy{padding-left:1.25rem;padding-right:1.25rem}.quiet-shelf{padding-left:1.35rem;padding-right:1.35rem}.reader-inner{padding-left:1.2rem;padding-right:1.2rem}.book-index small{font-size:.75rem}}
html:lang(en) h1,html:lang(en) h2,html:lang(en) .entry-quote{word-break:normal;letter-spacing:-.025em}
html:lang(en) .hero h1{font-size:clamp(3rem,5.3vw,6rem);line-height:1.5}
html:lang(en) .book-index button{grid-template-columns:26px 1fr;column-gap:1rem;row-gap:.2rem}
html:lang(en) .book-index button>span{grid-row:1 / 3;align-self:start;padding-top:.2rem}
html:lang(en) .book-index small{grid-column:2;font-size:.875rem}
html:lang(en) .book-margins p,html:lang(en) .about-dialog>p,html:lang(en) .reader-heading>p{word-break:normal}
html:lang(en) .memory h2{line-height:1.55}
html:lang(en) .epilogue p{max-width:40rem;margin-inline:auto}
@media(max-width:700px){.header-tools{gap:1rem}.index-trigger{font-size:.875rem}.language-switch{gap:.25rem}html:lang(en) .hero h1{font-size:clamp(2.15rem,8.5vw,3.7rem)}html:lang(en) .reader-heading h2{font-size:1.55rem;line-height:1.65}html:lang(en) .entry-quote{font-size:1.35rem}html:lang(en) .epilogue p{font-size:1.35rem}}
@media(max-width:540px){.index-trigger span{display:none}.index-trigger{padding:.6rem;min-width:44px;min-height:44px;justify-content:center}.header-tools{gap:.5rem}.site-header{padding-inline:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}

/* The only retained redesign effect: the library opens into a record sky. */
/* Clip the sticky backdrop at its own chapter boundary without creating a scroll container. */
.sky-passage{position:relative;isolation:isolate;overflow:clip}
.sky-stage{display:none}
.sky-destination{isolation:isolate;min-height:100svh;background:transparent;scroll-margin-top:0}
.sky-destination::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#09111b66,#09111b22 45%,#09111b),url("assets/archive-cosmos-watercolor.webp") center/cover no-repeat}
.sky-destination p{position:relative;isolation:isolate;color:#e4dccb;text-shadow:0 2px 18px #020812,0 1px 5px #020812}
.sky-destination p::before{content:"";position:absolute;inset:-1.6rem -2.5rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(7,17,30,.72) 0%,rgba(7,17,30,.42) 52%,transparent 75%);filter:blur(12px)}
.sky-destination .tiny-star,.sky-destination .fine-rule{position:relative}
.sky-enabled .sky-stage{display:block;position:sticky;top:0;height:var(--sky-height);margin-bottom:calc(-1 * var(--sky-height));overflow:clip;z-index:0;background:var(--ink);pointer-events:none}
.sky-enabled .hero>.hero-image,.sky-enabled .hero>.hero-shade{visibility:hidden}
.sky-enabled .sky-destination::before{background:linear-gradient(transparent 55%,#09111b)}
.sky-layer{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform,opacity}
.sky-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sky-library::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,16,.22) 0%,rgba(3,10,20,.12) 16%,rgba(3,10,20,.13) 59%,rgba(5,11,18,.18) 78%,#09111b 100%),radial-gradient(ellipse at 50% 43%,rgba(7,16,29,.58),rgba(7,16,29,.30) 38%,transparent 72%)}
.sky-cosmos{opacity:0}
.sky-cosmos::after{content:"";position:absolute;inset:0;background:linear-gradient(#09111b44,transparent 45%,#09111b33)}
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .sky-library .sky-image{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .7s cubic-bezier(.2,.65,.3,1)}
  .modal-open .sky-library .sky-image{transition:none}
}
@media(max-width:700px){
  .sky-library .sky-image{object-position:51% center}
  .sky-library::after{background:linear-gradient(180deg,rgba(3,9,17,.25),rgba(3,9,17,.15) 20%,rgba(3,9,17,.15) 60%,#09111b 100%),radial-gradient(ellipse at 50% 43%,rgba(7,16,29,.52),transparent 72%)}
  .sky-destination{min-height:90svh;padding:6rem 1.3rem}
  .sky-cosmos .sky-image{object-position:51% center}
}
@media(prefers-reduced-motion:reduce){
  .sky-enabled .sky-stage{display:none}
  .sky-enabled .hero>.hero-image,.sky-enabled .hero>.hero-shade{visibility:visible}
  .sky-enabled .sky-destination::before{background:linear-gradient(#09111b66,#09111b22 45%,#09111b),url("assets/archive-cosmos-watercolor.webp") center/cover no-repeat}
}