.desk-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.desk-gradient{background:radial-gradient(circle at 50% 18%,#78374166,#0000 38%),radial-gradient(circle at 12% 70%,#5a232d4d,#0000 32%),radial-gradient(circle at 88% 40%,#e9789924,#0000 28%),linear-gradient(145deg,#0e070a 0%,#241018 48%,#3a1b28 100%);transition:filter .8s,background .8s;position:absolute;inset:0}.desk-bg.brighter .desk-gradient{filter:brightness(1.18)saturate(1.15);background:radial-gradient(circle at 50% 20%,#f29ab24d,#0000 40%),radial-gradient(circle at 20% 65%,#e9789938,#0000 35%),linear-gradient(145deg,#1a0c12 0%,#3a1b28 50%,#4a2232 100%)}.desk-bokeh{opacity:.9;background-color:#0000;background-image:radial-gradient(circle at 18% 30%,#ffb6c81f 0 2px,#0000 3px),radial-gradient(circle at 72% 22%,#ffd6b41a 0 3px,#0000 4px),radial-gradient(circle at 40% 60%,#ffb6c814 0 2px,#0000 3px),radial-gradient(circle at 85% 55%,#ffc8961a 0 2px,#0000 3px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:0}.desk-wood{background:repeating-linear-gradient(90deg,#3e241c99 0,#5834288c 10px,#341e1899 20px),linear-gradient(#0000,#12080ae6);height:32%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.desk-candle-wrap{width:90px;height:160px;position:absolute;bottom:18%;right:7%}.desk-candle-glass{background:linear-gradient(#ffffff1f,#ffdcb414 40%,#ffb4781a);border:1px solid #ffdcb440;border-radius:8px 8px 12px 12px;place-items:end center;width:42px;height:70px;padding-bottom:8px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 0 12px #ffc88c26,0 8px 24px #00000059}.desk-candle{background:linear-gradient(#fff2d8,#e8c48a);border-radius:3px;width:14px;height:36px;position:relative;box-shadow:0 0 16px #ffb47859}.desk-candle:after{content:"";background:radial-gradient(circle,#ffe7a0,#ff9a4a 65%,#0000);border-radius:50% 50% 40% 40%;width:12px;height:18px;animation:2.4s ease-in-out infinite candle-flicker;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.desk-candle-glow{filter:blur(10px);background:radial-gradient(circle,#ffb47847,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite candle-flicker;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.desk-lily-img{filter:drop-shadow(0 10px 22px #00000059);-webkit-user-select:none;user-select:none;position:absolute}.desk-lily-left{opacity:.95;bottom:10%;left:1%;transform:rotate(-8deg);width:clamp(120px,18vw,220px)!important}.desk-lily-back{opacity:.4;top:6%;right:16%;transform:rotate(12deg)scaleX(-1);width:clamp(90px,12vw,160px)!important}.desk-kitkat{opacity:.85;gap:3px;display:flex;position:absolute;bottom:10%;left:14%;transform:rotate(-18deg)}.desk-kitkat span{background:linear-gradient(#6b2d1a,#3d160c);border-radius:2px;width:14px;height:40px;box-shadow:1px 2px 4px #00000059}.desk-vignette{background:radial-gradient(circle,#0000 38%,#060204c7 100%);position:absolute;inset:0}.particles,.petals{position:absolute;inset:0}.particle{background:#ffd6e0bf;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite drift-particle;position:absolute}.petal{opacity:.55;background:linear-gradient(160deg,#ffb6c8,#e97899);border-radius:60% 60% 40% 40%;width:12px;height:18px;animation:linear infinite float-petal;position:absolute}.desk-bg.brighter .desk-lily-left{opacity:1;filter:drop-shadow(0 0 22px #f29ab266)}@media (width<=767px){.desk-lily-back,.desk-kitkat{display:none}.desk-lily-left{opacity:.7;width:90px}.desk-candle-wrap{transform-origin:100% 100%;right:4%;transform:scale(.75)}}.landing{z-index:2;text-align:center;place-items:center;min-height:100dvh;padding:2rem 1.25rem 3rem;display:grid;position:relative}.landing-card{max-width:560px;margin-bottom:2rem}.landing-date{font-family:var(--font-serif);letter-spacing:.12em;color:#ffb6c8d9;margin-bottom:.75rem;font-size:1.05rem;font-style:italic}.landing-title{font-family:var(--font-script);color:var(--soft-pink);text-shadow:0 0 24px #f29ab259;margin-bottom:.85rem;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.15}.landing-sub{font-family:var(--font-serif);color:#fff7ead1;margin-bottom:1.75rem;font-size:1.1rem;line-height:1.55}.open-book-btn{color:var(--white);font-family:var(--font-ui);letter-spacing:.02em;background:linear-gradient(135deg,#f29ab259,#c86b8366);border:1px solid #ffb6c873;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;transition:transform .25s,box-shadow .25s;animation:3s ease-in-out infinite soft-pulse;box-shadow:0 0 28px #f29ab259}.open-book-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 36px #f29ab280}.landing-book{perspective:1200px}.landing-book-cover{background:radial-gradient(circle at 35% 30%,#f29ab238,#0000 50%),linear-gradient(150deg,#4a2232,#1f0e16);border-radius:4px 12px 12px 4px;place-items:center;width:min(220px,55vw);height:min(290px,38vh);transition:transform .5s;display:grid;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-8deg);box-shadow:0 24px 50px #00000080,inset -12px 0 20px #00000059,inset 0 0 0 1px #ffb6c833}.landing-book-title{z-index:2;font-family:var(--font-script);color:var(--soft-pink);font-size:1.6rem;position:relative}.cover-lily{z-index:1;opacity:.9;pointer-events:none;position:absolute!important}.cover-lily-left{bottom:8px;left:-18px;transform:rotate(-24deg)}.cover-lily-right{opacity:.72;bottom:34px;right:-12px;transform:rotate(22deg)scaleX(-1)}.cover-chocolate{z-index:1;background:#5b2630;border-radius:4px;grid-template-columns:repeat(2,22px);gap:2px;padding:4px;display:grid;position:absolute;top:28px;right:22px;transform:rotate(12deg);box-shadow:0 6px 10px #00000047,inset 0 1px #ffb6c82e}.cover-chocolate span{background:linear-gradient(145deg,#a9575c,#6e2b36 65%,#4a1d27);border-radius:2px;width:22px;height:18px;box-shadow:inset 1px 1px #ffd2d72e}.landing-lily-a{opacity:.9;z-index:0;bottom:6%;left:0;transform:rotate(-10deg)}.landing-lily-b{opacity:.5;z-index:0;top:10%;right:2%;transform:rotate(14deg)scaleX(-1)}.landing-lily{z-index:0;pointer-events:none;max-width:min(220px,40vw);position:absolute!important}.landing:hover .landing-book-cover{transform:rotateX(4deg)rotateY(-4deg)translateY(-4px)}@media (width<=767px){.landing-lily-b{display:none}.landing-lily-a{opacity:.75;left:-2%;width:130px!important}}.cinematic-intro{z-index:2;text-align:center;place-items:center;min-height:100dvh;padding:2rem;display:grid;position:relative}.intro-cover{transform-origin:0;background:radial-gradient(circle at 30% 25%,#f29ab240,#0000 45%),linear-gradient(145deg,#4a2232,#2a121c 55%,#1a0c12);border-radius:6px 14px 14px 6px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:min(360px,82vw);height:min(480px,62vh);display:flex;box-shadow:0 30px 70px #0000008c,inset 0 0 0 1px #ffb6c840,inset -14px 0 24px #00000059}.intro-cover.is-opening{animation:1.1s forwards cover-open}.intro-cover h1{font-family:var(--font-script);color:var(--soft-pink);font-size:clamp(2rem,5vw,2.8rem)}.intro-cover p{font-family:var(--font-serif);color:#fff7eacc;font-style:italic}.intro-caption{font-family:var(--font-serif);color:#ffd6e0d9;font-size:1rem;position:absolute;bottom:12%}@keyframes cover-open{0%{opacity:1;transform:rotateY(0)scale(1)}70%{opacity:.85;transform:rotateY(-55deg)translate(-6%)scale(.98)}to{opacity:0;transform:rotateY(-95deg)translate(-12%)scale(.94)}}@media (prefers-reduced-motion:reduce){.intro-cover.is-opening{opacity:0;animation:none}}.book-leather{z-index:0;background:linear-gradient(#5a2a38 0%,#3a1624 35%,#2a1018 70%,#1a0a10 100%);border-radius:8px;width:28px;position:absolute;top:-10px;bottom:-14px;box-shadow:0 18px 40px #00000073,inset 0 1px #ffb6c81f,inset 0 -2px 6px #0006}.book-leather-left{border-radius:10px 2px 2px 12px;left:-16px}.book-leather-right{border-radius:2px 12px 12px 2px;right:-16px}.book-page-stack{z-index:1;pointer-events:none;background:repeating-linear-gradient(#f3e6d2 0 2px,#e2d0b4 2px 3px);width:10px;position:absolute;top:4px;bottom:4px;box-shadow:inset 0 0 4px #00000026}.book-page-stack.left-stack{border-radius:2px 0 0 2px;left:4px}.book-page-stack.right-stack{border-radius:0 2px 2px 0;right:4px}.page-lily-slot{z-index:0;pointer-events:none;opacity:.85;max-width:36%;max-height:38%;line-height:0;position:absolute;overflow:visible}.page-corner-lily{filter:drop-shadow(0 4px 10px #2c1c2026);display:block}.page-lily-hiding .page-corner-lily,.page-lily-turning .page-corner-lily{animation:.45s forwards lily-fly-away}.page-lily-appearing .page-corner-lily{animation:.75s cubic-bezier(.22,1,.36,1) both lily-settle-in}@keyframes lily-fly-away{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(4px);transform:translateY(-16px)scale(.78)}}@keyframes lily-settle-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)scale(.82)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.page-lily-hiding .page-corner-lily,.page-lily-appearing .page-corner-lily,.page-lily-turning .page-corner-lily{animation:none}.page-lily-hiding .page-corner-lily{opacity:0}}.chapter-sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;will-change:transform;background:#190c10eb;border-right:1px solid #ffa0b440;grid-area:1/1/-1;min-width:0;min-height:100dvh;max-height:100dvh;padding:clamp(12px,2vw,24px) clamp(10px,1.2vw,16px);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s,border-color .28s;overflow:hidden auto}.chapter-sidebar.is-docked{position:relative}.chapter-sidebar.is-docked.is-closed{opacity:0;pointer-events:none;border-right-color:#0000;transform:translate(-100%)}.chapter-sidebar.is-docked.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.chapter-sidebar.is-overlay{z-index:50;opacity:1;grid-area:auto;width:min(300px,88vw);height:100dvh;min-height:100dvh;max-height:100dvh;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:16px 0 48px #00000073}.chapter-sidebar.is-overlay.is-open{transform:translate(0)}.chapter-sidebar.is-overlay.is-closed{pointer-events:none;transform:translate(-105%)}.sidebar-backdrop{z-index:45;cursor:pointer;background:#0804068c;border:none;animation:.25s backdrop-in;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1.1rem;display:flex}.book-title{text-align:left;flex:1;min-width:0}.book-title h2{font-family:var(--font-script);color:#ff9db0;margin-bottom:.15rem;font-size:clamp(1.55rem,2.5vw,1.9rem);font-weight:400}.book-title span{color:#e8cdd2;font-size:.78rem}.sidebar-close{color:#ffdce2;background:#ff96aa14;border:1px solid #ffa0b459;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.85rem;transition:all .25s;display:grid}.sidebar-close:hover{background:#ff96aa33;transform:scale(1.05)}.chapters{flex-direction:column;gap:.3rem;padding-bottom:1.5rem;display:flex}.chapter{text-align:left;color:#f5dfe3;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:.65rem;width:100%;padding:.6rem .5rem;transition:all .25s;display:flex}.chapter:hover{background:#ff8ca51a;transform:translate(3px)}.chapter.active{background:#ff829b24;border-color:#ff96af40;box-shadow:0 0 15px #ff648214}.chapter-number{color:#e8b5bf;font-variant-numeric:tabular-nums;min-width:1.55rem;padding-top:.1rem;font-size:.82rem}.chapter.active .chapter-number{color:#ff8fa8}.chapter-meta{flex-direction:column;gap:.12rem;min-width:0;display:flex}.chapter-name{color:#f9e4e7;font-size:clamp(.74rem,1vw,.86rem);font-weight:500;line-height:1.3}.chapter.active .chapter-name{color:#ff9db0}.chapter-desc{color:#bda5aa;font-size:clamp(.64rem,.85vw,.72rem);line-height:1.35}@media (prefers-reduced-motion:reduce){.chapter-sidebar,.sidebar-backdrop{transition:none;animation:none}}.music-player{flex-direction:column;gap:.35rem;min-width:180px;display:flex}.music-main-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fce8ea;background:#64233273;border:1px solid #ff96af40;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:0 .75rem 0 .9rem;transition:all .3s;display:flex}.music-main-btn:hover:not(:disabled){background:#8c32468c;box-shadow:0 0 20px #ff789626}.music-player.disabled .music-main-btn{opacity:.55}.music-icon{color:#ff9db0;font-size:1.1rem}.music-text{white-space:nowrap;font-size:.8rem}.music-wave{align-items:flex-end;gap:2px;height:16px;display:flex}.music-wave .bar{transform-origin:bottom;opacity:.7;background:#ffb0bf;border-radius:2px;width:3px;height:100%;transform:scaleY(.4)}.music-wave .bar.playing{animation:.8s ease-in-out infinite wave}.play-icon{color:#3a151d;background:#ff8fa8;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.65rem;display:grid}.music-extra{align-items:center;gap:.5rem;padding-inline:.35rem;display:flex}.music-progress{background:#ffb6c833;border-radius:999px;flex:1;height:3px;overflow:hidden}.music-progress span{background:var(--soft-pink);height:100%;display:block}.music-extra input[type=range]{width:64px;accent-color:var(--rose)}.music-player.compact{min-width:0}.top-header{z-index:4;grid-template-columns:clamp(44px,6vw,72px) 1fr minmax(160px,280px);align-items:center;gap:.75rem;width:100%;padding:.75rem clamp(.9rem,3vw,2rem);display:grid}.menu-button{color:#ffdce2;background:#ff96aa14;border:2px solid #ff9db0;border-radius:50%;flex-shrink:0;place-items:center;width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);transition:all .3s;display:grid}.menu-button:hover{background:#ff96aa2e;transform:scale(1.06);box-shadow:0 0 22px #ff789647}.menu-button.is-active{background:#ff96aa38;box-shadow:0 0 18px #ff789640}.menu-icon{flex-direction:column;justify-content:center;gap:4px;width:16px;display:flex}.menu-icon span{background:#ffd0da;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .25s;display:block}.menu-button.is-active .menu-icon span:first-child{transform:translateY(6px)rotate(45deg)}.menu-button.is-active .menu-icon span:nth-child(2){opacity:0}.menu-button.is-active .menu-icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.page-heading{text-align:center;min-width:0}.page-heading h1{font-family:var(--font-script);color:#ff9db0;text-shadow:0 0 14px #ff829b59;margin:0;font-size:clamp(1.5rem,3.8vw,2.6rem);font-weight:400}.page-heading p{color:#f1dce0;font-size:clamp(.7rem,1.1vw,.9rem);font-family:var(--font-serif);margin-top:.15rem;font-style:italic}.bottom-chrome{z-index:4;background:linear-gradient(#0000,#12090d8c 35%);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;padding:.35rem 1.1rem .9rem;display:grid;position:relative}.bottom-quote{font-family:var(--font-serif);color:#ffd6e0b8;max-width:28ch;font-size:clamp(.75rem,1.2vw,.95rem);font-style:italic;line-height:1.4}.bottom-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.nav-pill{min-width:132px}.page-indicator{font-variant-numeric:tabular-nums;color:#f5dfe3;flex-direction:column;align-items:center;gap:.35rem;min-width:88px;display:flex}.page-count{letter-spacing:.04em;font-size:.95rem}.page-dots{flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:180px;display:flex}.page-dots .dot{background:#ffb6c847;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.page-dots .dot.active{background:var(--soft-pink);box-shadow:0 0 8px var(--glow-pink);transform:scale(1.2)}.bottom-aside{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.date-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#64233259;border:1px solid #ffa0b438;border-radius:12px;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.45rem .75rem;display:flex}.date-chip strong{font-family:var(--font-ui);letter-spacing:.12em;color:var(--soft-pink);font-size:.95rem}.date-chip span{font-family:var(--font-serif);color:#f1dce0bf;text-align:right;max-width:16ch;font-size:.7rem;font-style:italic;line-height:1.25}.fullscreen-btn{min-width:96px}@media (width<=1023px){.bottom-chrome{text-align:center;grid-template-columns:1fr;justify-items:center}.bottom-quote{order:2;max-width:40ch}.bottom-nav{order:1}.bottom-aside{order:3;justify-content:center}.date-chip{align-items:center}.date-chip span{text-align:center}}@media (width<=767px){.bottom-quote,.date-chip span{display:none}.nav-pill{min-width:0;padding-inline:.85rem;font-size:.8rem}}.polaroid{width:min(200px,100%);transform:rotate(var(--rot,-2deg));background:#fffaf2;border:1px solid #ffffff8c;margin:0;padding:.55rem .55rem 1.15rem;position:relative;box-shadow:0 12px 28px #2c1c203d,inset 0 1px #fffc}.polaroid.glow{box-shadow:0 12px 28px #2c1c2038,0 0 24px #f29ab252}.polaroid-frame{aspect-ratio:3/3.6;background:#2c1c20;overflow:hidden}.polaroid-frame img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.photo-placeholder{color:#ffb6c8;width:100%;height:100%;font-family:var(--font-hand);text-align:center;background:radial-gradient(circle at 50% 40%,#f29ab22e,#0000 55%),linear-gradient(145deg,#3a1b28,#241018);place-items:center;gap:.35rem;padding:.75rem;font-size:1rem;display:grid}.placeholder-lily{filter:drop-shadow(0 4px 10px #00000040);opacity:.95;object-fit:contain!important;width:58%!important;height:auto!important}.polaroid figcaption{font-family:var(--font-hand);color:#5a3a42;text-align:center;margin-top:.45rem;font-size:1rem;line-height:1.25}.tape{width:58px;height:16px;transform:rotate(var(--rot,-12deg));z-index:3;mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#ffecd2cc,#e9c8aab3);position:absolute;box-shadow:0 1px 2px #0000001f}.torn-paper{background:var(--old-paper);clip-path:polygon(0% 3%,4% 0%,12% 2%,22% 0%,35% 3%,48% 0%,60% 2%,72% 0%,85% 3%,100% 1%,98% 18%,100% 40%,97% 62%,100% 82%,98% 100%,80% 97%,62% 100%,40% 97%,22% 100%,8% 97%,0% 100%,2% 72%,0% 48%,3% 22%);z-index:1;padding:.75rem .85rem;position:relative;box-shadow:0 6px 14px #2c1c201f}.sticky-note{font-family:var(--font-hand);color:var(--dark-text);transform:rotate(var(--rot,3deg));z-index:1;border-radius:1px 1px 2px 2px;flex-shrink:0;width:fit-content;max-width:100%;padding:0;display:block;position:relative;box-shadow:2px 5px 12px #2c1c2029,inset 0 -8px 16px #2c1c200a}.sticky-note.taped{margin-top:.55rem}.sticky-tape{z-index:2;mix-blend-mode:multiply;background:linear-gradient(#fff0dcbf,#e6c8aaa6);width:42px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 2px #0000001a}.sticky-body{padding:.85rem .8rem .75rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.35}.sticky-note.pink{background:linear-gradient(#ffe0ea 0%,#ffd0df 100%)}.sticky-note.cream{background:linear-gradient(#fff6e4 0%,#f5e6cc 100%)}.sticky-note.rose{background:linear-gradient(#f8cdd8 0%,#efb9c8 100%)}.sticky-note:after{content:"";border-top:0 solid #0000;border-bottom:12px solid #00000014;border-left:12px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:0;right:0}.handwritten-note{font-family:var(--font-hand);color:var(--dark-text);font-size:clamp(1.05rem,1.55vw,1.22rem);line-height:1.4}.lily-deco,.pressed-lily{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:0;display:inline-block;position:relative}.pressed-lily__img{object-fit:contain;filter:drop-shadow(0 3px 8px #2c1c201f);width:100%;height:auto;display:block}.desk-lily-img .pressed-lily__img,.landing-lily .pressed-lily__img{filter:drop-shadow(0 8px 18px #00000059)}.scrap-petal{opacity:.75;background:linear-gradient(160deg,#ffb6c8,#e97899);border-radius:60% 60% 40% 40%;width:12px;height:17px;display:inline-block}.scrap-star{color:#d47893;opacity:.9;text-shadow:0 0 6px #f29ab259;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:inline-flex}.paper-clip{border:2px solid #9a7a84;border-bottom:none;border-radius:8px 8px 4px 4px;flex-shrink:0;width:12px;height:26px;margin-top:.15rem;display:inline-block;position:relative}.paper-clip:after{content:"";border:2px solid #9a7a84;border-top:none;border-radius:0 0 6px 6px;height:11px;position:absolute;bottom:-6px;left:2px;right:2px}.scrap-heart{color:#e97899;flex-shrink:0;justify-content:center;align-items:center;margin-top:.12rem;font-size:.95rem;line-height:1;display:inline-flex}.mini-sprig{width:42px;height:42px;line-height:0;display:inline-block}.mini-sprig img{object-fit:contain;filter:drop-shadow(0 2px 4px #2c1c2026);width:100%;height:100%}@media (width<=1023px){.sticky-note{width:100%;max-width:100%;margin:.15rem 0;display:block;transform:none!important}.sticky-note.taped{margin-top:.45rem}.polaroid{width:100%;margin-inline:auto;transform:none!important}.tape,.sticky-tape{display:none}}.birthday-finale{flex-direction:column;gap:.85rem;width:100%;height:auto;min-height:min-content;padding:.25rem;display:flex;position:relative;overflow:visible}.finale-kicker{font-family:var(--font-serif);letter-spacing:.14em;color:#8a3d54;font-size:.9rem;font-style:italic}.finale-title{font-family:var(--font-ui);letter-spacing:.16em;color:#6b2f40;margin:.2rem 0;font-size:clamp(1.05rem,2.3vw,1.35rem);font-weight:600}.finale-name{font-family:var(--font-script);color:#c86b83;margin-bottom:.5rem;font-size:clamp(1.8rem,3.6vw,2.5rem);line-height:1.1}.finale-message{max-width:34ch}.finale-message p{margin-bottom:.4rem;font-size:clamp(.88rem,1.25vw,1rem)}.finale-sticky{max-width:24ch;margin-top:.5rem}.finale-right{flex-direction:column;gap:.65rem;display:flex}.finale-wishes{flex-direction:column;gap:.4rem;list-style:none;display:flex}.finale-wishes li{font-family:var(--font-serif);color:var(--dark-text);align-items:flex-start;gap:.45rem;font-size:clamp(.9rem,1.3vw,1.05rem);display:flex}.wish-heart{color:#e97899}.finale-closing{font-family:var(--font-script);color:#8a3d54;font-size:clamp(1.4rem,2.5vw,1.9rem)}.finale-right-note{align-self:flex-end;max-width:26ch}.kitkat-trigger{color:#5c3317;font-family:var(--font-hand);background:#fff7eab3;border:1px dashed #8b452a73;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;padding:.45rem .85rem;font-size:1.05rem;transition:transform .25s;display:inline-flex}.kitkat-trigger:hover{transform:scale(1.05)}.kitkat-bar{background:linear-gradient(#6b2d1a,#3d160c);border-radius:2px;width:28px;height:12px;position:relative;box-shadow:inset 0 1px #fff3}.kitkat-bar:before{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#8b4513 0 5px,#5c2a12 5px 7px);position:absolute;inset:2px 3px}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{opacity:.7;background:#f29ab2;border-radius:2px;width:6px;height:10px;animation:5s linear infinite confetti-fall;position:absolute;top:-8%}.confetti span:nth-child(3n){background:#e97899}.confetti span:nth-child(4n){background:#ffd6a5}@media (prefers-reduced-motion:reduce){.confetti span{opacity:0;animation:none}}.chapter-view{isolation:isolate;flex-direction:column;gap:.75rem;width:100%;height:auto;min-height:min-content;display:flex;position:relative}.chapter-header{flex-shrink:0;margin-bottom:.15rem}.story-p{z-index:1;margin:0 0 .55rem;font-size:clamp(.88rem,1.35vw,1rem);line-height:1.55;position:relative}.story-p:last-child{margin-bottom:0}.scrap-spread{z-index:1;flex-direction:column;flex:none;gap:.7rem;width:100%;min-height:min-content;display:flex;position:relative}.side-full .scrap-spread+.scrap-spread{border-top:1px dashed #c86b8359;margin-top:.35rem;padding-top:.9rem}.page-section-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#8a3d54a6;margin:0;font-size:.65rem}.align-end{align-self:flex-end}.wide-sticky{width:100%;max-width:100%}.flow-steps{flex-wrap:wrap;align-items:stretch;gap:.45rem;width:100%;display:flex}.flow-sticky{flex:7rem;min-width:0}.flow-sticky .sticky-body{text-align:center;padding:.55rem .45rem;font-size:.95rem}.row-with-sprig{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.sprig-inline{float:none;margin:.25rem 0 0 auto;display:block}.persona-sticky{width:100%;min-width:0}.persona-sticky .sticky-body{flex-direction:column;gap:.2rem;padding:.7rem .6rem .65rem;display:flex}.persona-sticky strong{font-family:var(--font-ui);letter-spacing:.08em;color:#8a3d54;font-size:.68rem}.persona-sticky .persona-icon{font-size:.95rem}.clip-inline{vertical-align:middle;margin-right:.25rem;display:inline-block}.banner-sticky{align-self:center}.lily-hero-wrap{width:min(180px,55%);margin:.25rem auto}.lily-hero-img{filter:drop-shadow(0 8px 18px #2c1c202e);width:100%;height:auto;display:block}.deco-row{align-items:center;gap:.4rem;display:flex}.story-right-heading,.hand-emphasis{font-family:var(--font-script);color:#8a3d54;z-index:1;margin:.15rem 0;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.25;position:relative}.hand-emphasis.small{font-size:clamp(1.05rem,1.8vw,1.3rem)}.story-side-note{align-self:flex-start;max-width:min(22ch,100%);margin-top:.35rem;font-size:1.02rem!important}.story-h-timeline,.mini-timeline{flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin:.35rem 0;display:flex}.story-h-timeline{border-top:1px solid #c86b8340;border-bottom:1px solid #c86b832e;padding:.45rem .35rem}.timeline-chip{font-family:var(--font-hand);color:#7a4555;align-items:center;gap:.3rem;font-size:clamp(.9rem,1.3vw,1.1rem);display:inline-flex}.timeline-arrow{opacity:.7}.story-bottom-note{color:#6b3a48;text-align:right;align-self:flex-end;max-width:min(28ch,100%);margin-top:.25rem;font-size:clamp(1rem,1.5vw,1.2rem)!important}.scrap-torn{z-index:1;width:100%;max-width:100%;position:relative}.scrap-torn.wide{width:100%}.tape-inline{pointer-events:none;position:absolute;top:-6px;left:30%}.sticky-fan{flex-direction:column;align-items:stretch;gap:.55rem;width:100%;display:flex}.clipped-note{align-items:flex-start;gap:.45rem;width:100%;display:flex}.clipped-note .torn-paper,.clipped-note .sticky-note{flex:1;min-width:0}.polaroid-wrap{z-index:1;flex-shrink:0;width:100%;max-width:200px;margin:.35rem 0;position:relative}.polaroid-wrap.small{max-width:160px}.polaroid-wrap .tape-top{pointer-events:none;top:-6px;left:28%}.flow-step{font-family:var(--font-hand);color:#6b3a48;background:#ffd6e28c;border-radius:999px;padding:.3rem .55rem;font-size:.95rem}.flow-step:not(:last-child):after{content:"→";opacity:.6;margin-left:.35rem}.heart-list{flex-direction:column;gap:.35rem;margin:.25rem 0;padding:0;list-style:none;display:flex}.heart-list li{font-family:var(--font-serif);color:var(--dark-text);align-items:flex-start;gap:.4rem;font-size:clamp(.84rem,1.2vw,.95rem);line-height:1.4;display:flex}.closing-line,.emph-line{font-family:var(--font-serif);color:#5c3340;font-size:.98rem}.closing-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.quote-block{background:#e8eef3;width:100%;padding:.85rem 1rem;position:relative}.quote-text{font-family:var(--font-serif);color:#4a3038;margin:0;font-size:clamp(.9rem,1.3vw,1.05rem);font-style:italic;line-height:1.45}.cards-grid,.persona-grid,.notes-grid{grid-template-columns:1fr 1fr;gap:.55rem;width:100%;display:grid}.persona-card{text-align:left;color:var(--dark-text);background:#fff7ead9;border:1px solid #c86b8338;border-radius:8px;flex-direction:column;gap:.2rem;padding:.55rem .5rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 3px 10px #2c1c2014}.persona-icon{font-size:.9rem}.persona-card strong{font-family:var(--font-ui);letter-spacing:.08em;color:#8a3d54;font-size:.68rem}.persona-card span:last-child{font-family:var(--font-hand);font-size:.92rem;line-height:1.25}.persona-card:hover,.persona-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 16px #2c1c2024}.kitkat-card{flex-direction:column;gap:.25rem;width:100%;max-width:280px;display:flex}.kitkat-card strong{color:#8b3a2a}.timeline ol{border-left:2px dashed #e9789973;flex-direction:column;gap:.55rem;margin:.35rem 0;padding-left:.85rem;list-style:none;display:flex}.timeline li{opacity:0;align-items:flex-start;gap:.55rem;animation:.5s forwards fade-up;display:flex}.tl-dot{background:var(--rose);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem;margin-left:-1.15rem;box-shadow:0 0 0 3px #e9789933}.tl-copy{flex-direction:column;gap:.1rem;display:flex}.tl-label{font-family:var(--font-serif);color:#8a3d54;font-size:1rem}.tl-copy em{font-family:var(--font-serif);color:#2c1c20b3;font-size:.86rem}.chat-universe{flex-direction:column;gap:.45rem;width:100%;padding:.2rem 0;display:flex}.chat-bubble{max-width:88%;font-family:var(--font-ui);border-radius:14px;flex-direction:column;gap:.15rem;padding:.5rem .75rem;font-size:.82rem;animation:.45s both fade-up;display:flex;box-shadow:0 3px 10px #2c1c2014}.chat-bubble small{opacity:.55;font-size:.65rem}.chat-bubble.left{background:#fff7ea;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.right{background:#ffd6e2;border-bottom-right-radius:4px;align-self:flex-end}.lily-line{max-width:34ch}.lily-interactive{text-align:center;align-items:center}.lily-labels{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.lily-tag{font-family:var(--font-hand);color:#8a3d54;border:1px dashed #c86b8373;border-radius:999px;padding:.25rem .6rem;font-size:1rem}.banner-note{font-family:var(--font-serif);color:#6b3a48;background:#ffb6c873;border-radius:6px;align-self:center;padding:.35rem .9rem;box-shadow:0 2px 8px #2c1c2014}.rose-strip{background:#f4d5df!important}.transition-chapter.aligned{text-align:left;align-items:flex-start;min-height:0;padding:0}.big-you{font-family:var(--font-script)!important;color:#8a3d54!important;font-size:clamp(1.8rem,3.5vw,2.5rem)!important}.soft-isnt{color:#e97899;font-style:italic;font-weight:600}.ch03-right,.ch04-right{align-items:center}.fresher-list{align-self:stretch;width:100%}.letter-col{gap:.65rem}.ch05-stickies{grid-template-columns:1fr 1fr;gap:.55rem .65rem;width:100%;display:grid}.ch05-sticky-0{grid-column:1}.ch05-sticky-1{grid-column:2;align-self:start}.ch05-sticky-2{grid-column:1}.ch05-scribble{font-family:var(--font-hand);color:#8a3d54;text-align:right;align-self:flex-end;max-width:22ch;margin:.25rem 0 0;font-size:clamp(1rem,1.6vw,1.15rem)}.ch05-scribble.small{text-align:left;align-self:flex-start;max-width:none;font-size:clamp(.95rem,1.4vw,1.05rem)}.ch05-banner{width:100%;font-family:var(--font-hand);color:#6b3a48;text-align:center;background:#ffb6c88c;border-radius:4px;margin:0;padding:.45rem .75rem;font-size:clamp(1rem,1.5vw,1.15rem);box-shadow:0 2px 8px #2c1c2014}.ch05-banner.long{font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.35}.ch05-corner-note{align-self:flex-end;max-width:18ch}.ch05-right{gap:.65rem}.chat-polaroid-wrap{flex-shrink:0;width:100%;max-width:230px;margin:.35rem auto .15rem;position:relative}.chat-fit-polaroid{background:#fffaf2;border:1px solid #ffffff8c;width:100%;margin:0;padding:.45rem .45rem .7rem;position:relative;transform:rotate(-2deg);box-shadow:0 12px 28px #2c1c2038,inset 0 1px #fffc}.chat-fit-polaroid figcaption{font-family:var(--font-hand);color:#5a3a42;text-align:center;margin-top:.4rem;font-size:clamp(.88rem,1.4vw,1rem);line-height:1.3}.chat-fit-frame{background:#0b141a;border-radius:3px;flex-direction:column;gap:.28rem;min-height:0;padding:.45rem .4rem;display:flex}.chat-fit-bubble{max-width:92%;font-family:var(--font-ui);color:#e9edef;border-radius:7px;flex-direction:column;gap:.06rem;padding:.28rem .42rem .18rem;font-size:clamp(.58rem,1.5vw,.68rem);line-height:1.35;display:flex}.chat-fit-bubble small{opacity:.55;align-self:flex-end;font-size:.48rem}.chat-fit-bubble.left{background:#202c33;border-bottom-left-radius:2px;align-self:flex-start}.chat-fit-bubble.right{background:#005c4b;border-bottom-right-radius:2px;align-self:flex-end}.chat-fit-text{word-break:break-word}.ch05-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;width:100%;display:flex}.ch05-grateful{font-family:var(--font-hand);color:#8a3d54;flex-direction:column;align-items:center;gap:.15rem;font-size:.95rem;display:flex}.ch06-fill{color:#5c3340}.ch06-years{width:100%;max-width:100%}.ch06-years-card{background:#fff7eaeb;border:1px solid #c86b832e;border-radius:4px;flex:1;min-width:0;padding:.7rem .85rem .75rem;box-shadow:0 4px 14px #2c1c201a}.ch06-years-card .hand-emphasis{margin:0 0 .35rem}.ch06-years-card .heart-list{gap:.28rem;margin:0}.ch06-years-card .heart-list li{font-size:clamp(.86rem,1.2vw,.95rem)}.ch06-closing{font-family:var(--font-hand);color:#8a3d54;max-width:34ch;margin:.25rem 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.4}.photo-sticky{align-self:center;width:min(200px,100%);max-width:100%}.photo-sticky .sticky-body{flex-direction:column;gap:.35rem;padding:.45rem .45rem .55rem;display:flex}.photo-sticky-img{aspect-ratio:3/4;object-fit:cover;object-position:center 15%;border-radius:2px;width:100%;display:block}.photo-sticky-caption{font-family:var(--font-hand);text-align:center;color:#6b3a48;font-size:.95rem;line-height:1.3}.ch10-wish,.ch10-closing{font-family:var(--font-hand);color:#8a3d54;margin:.2rem 0 0;line-height:1.4}.ch10-wish{font-size:clamp(1rem,1.5vw,1.15rem)}.ch10-closing{font-size:clamp(1.05rem,1.6vw,1.2rem)}@media (width<=1023px){.chapter-view{gap:.85rem}.scrap-spread{gap:.8rem}.story-p{margin-bottom:.65rem;font-size:clamp(.9rem,3.6vw,1rem);line-height:1.6}.story-side-note,.story-bottom-note{text-align:left;align-self:stretch;max-width:100%}.cards-grid,.persona-grid,.notes-grid{grid-template-columns:1fr;gap:.65rem}.polaroid-wrap,.polaroid-wrap.small{max-width:min(200px,70%);margin-inline:auto}.row-with-sprig{flex-direction:column;align-items:center}.sticky-fan{gap:.65rem}.flow-steps{flex-direction:column}.flow-sticky{flex:auto;width:100%}.kitkat-card{max-width:100%}.lily-line{max-width:none}.chat-bubble{max-width:92%}.ch05-stickies{grid-template-columns:1fr}.ch05-sticky-0,.ch05-sticky-1,.ch05-sticky-2{grid-column:1}.ch05-scribble{text-align:left;align-self:stretch;max-width:none}.ch05-corner-note{align-self:stretch;max-width:100%}.chat-polaroid-wrap{max-width:min(260px,88%);margin-inline:auto}.chat-fit-polaroid{transform:none!important}.chat-fit-bubble{font-size:clamp(.62rem,2.8vw,.72rem)}.photo-sticky{width:min(220px,85%)}.ch06-years-card{width:100%}.ch06-closing{max-width:none}.ch05-footer-row{flex-direction:column;align-items:flex-start}.side-full .sticky-note,.side-full .polaroid{transform:none!important}.side-full .story-bottom-note{transform:none}}@media (width<=767px){.chapter-heading{font-size:clamp(1.55rem,7vw,2rem)}.chapter-sub{margin-bottom:.55rem;font-size:.9rem}.hand-emphasis{font-size:clamp(1.1rem,5vw,1.35rem)}}.kitkat-overlay{z-index:80;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.kitkat-scrim{cursor:pointer;background:#080306a6;border:none;position:absolute;inset:0}.kitkat-modal{z-index:1;width:min(360px,100%);color:var(--dark-text);text-align:center;background:linear-gradient(160deg,#fff7ea,#f5e9d6);border-radius:18px;padding:1.75rem 1.5rem;animation:.35s both kitkat-pop;position:relative;box-shadow:0 24px 60px #0006}.kitkat-modal h2{font-family:var(--font-hand);color:#5c3317;margin:.75rem 0 .35rem;font-size:1.6rem}.kitkat-modal p{font-family:var(--font-serif);color:#2c1c20bf;margin-bottom:1.1rem;font-size:1rem}.kitkat-illus{justify-content:center;gap:4px;display:flex}.kitkat-illus .bar{background:linear-gradient(#6b2d1a,#3d160c);border-radius:3px;width:18px;height:52px;animation:.6s both kitkat-wiggle;box-shadow:inset 0 1px #ffffff26}.kitkat-illus .bar:nth-child(2){animation-delay:50ms}.kitkat-illus .bar:nth-child(3){animation-delay:.1s}.kitkat-illus .bar:nth-child(4){animation-delay:.15s}.kitkat-close{color:#fff7ea!important;background:#5c3317!important;border-color:#3d160c!important}@keyframes kitkat-wiggle{0%{opacity:0;transform:translateY(8px)scaleY(.9)}to{opacity:1;transform:translateY(0)scaleY(1)}}:root{--bg-primary:#12090d;--bg-secondary:#241018;--wine:#3a1b28;--pink:#f29ab2;--soft-pink:#ffb6c8;--rose:#e97899;--paper:#f5e9d6;--old-paper:#ead8be;--white:#fff7ea;--dark-text:#2c1c20;--accent:#c86b83;--glow-pink:#f29ab259;--glow-candle:#ffb47833;--glass:#241018b8;--glass-border:#ffa0b440;--font-script:"Great Vibes", cursive;--font-hand:"Caveat", cursive;--font-serif:"Cormorant Garamond", Georgia, serif;--font-ui:"Outfit", system-ui, sans-serif;--book-w:min(1180px, 94vw);--book-h:min(720px, 74vh);--sidebar-w:clamp(210px, 18vw, 280px);--header-h:72px;--nav-h:64px;--radius-sm:8px;--radius-md:14px;--transition:.35s ease;--page-turn:.85s cubic-bezier(.4, .05, .2, 1)}@keyframes float-petal{0%{opacity:.7;transform:translateY(0)translate(0)rotate(0)}50%{opacity:.95}to{opacity:0;transform:translateY(110vh)translate(40px)rotate(180deg)}}@keyframes drift-particle{0%,to{opacity:.25;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-18px)scale(1.2)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 18px var(--glow-pink)}50%{box-shadow:0 0 32px #f29ab28c}}@keyframes candle-flicker{0%,to{opacity:.55;transform:scale(1)}40%{opacity:.85;transform:scale(1.05)}70%{opacity:.65;transform:scale(.98)}}@keyframes wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-photo{0%{opacity:0;transform:scale(.92)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10%)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(120vh)rotate(360deg)}}@keyframes kitkat-pop{0%{opacity:0;transform:scale(.8)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.anim-fade-up{animation:.7s both fade-up}.anim-reveal-photo{animation:.9s both reveal-photo}.book-stage{perspective:2600px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;padding:.5rem clamp(.6rem,2vw,1.5rem) .65rem;display:flex;overflow:hidden}.book{width:min(var(--book-w), 100%);height:min(var(--book-h), 100%);max-width:100%;max-height:100%;transform-style:preserve-3d;filter:drop-shadow(0 28px 50px #0000008c);transition:transform .6s;position:relative}.book.book-mobile{filter:drop-shadow(0 16px 32px #00000073);width:min(100%,520px);height:100%;max-height:100%;margin-inline:auto}.book.is-turning{transform:scale(.985)rotateX(1.5deg)}.book-spread{width:100%;height:100%;transform-style:preserve-3d;z-index:2;background:linear-gradient(90deg,#cbb392 0%,#f5e9d6 8%,#f8efdf 46%,#d4c0a0 49.5%,#c4ad8c 50.5%,#f5e9d6 54%,#ead8be 92%,#cbb392 100%);border-radius:3px 8px 8px 3px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:visible;box-shadow:inset 0 2px #fff7ea40,inset 0 -3px 8px #2c1c201f,0 30px 70px #00000080,0 0 50px #f29ab20f}.book-spread:before{content:"";border-radius:inherit;z-index:-1;opacity:.55;background:linear-gradient(90deg,#2a121c,#0000 8% 92%,#2a121c);position:absolute;inset:-3px}.book-spread.single-page{background:linear-gradient(160deg,#f5e9d6,#ead8be);border-radius:8px;grid-template-columns:1fr;width:100%;max-width:none;height:100%;margin-inline:auto}.book-spine{z-index:6;pointer-events:none;background:linear-gradient(90deg,#2c1c2059 0%,#ffffff47 35%,#2c1c2026 50%,#ffffff2e 65%,#2c1c2066 100%);width:28px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:inset 4px 0 10px #0000002e,inset -4px 0 10px #0000002e,0 0 20px #0003}.book-spine:before,.book-spine:after{content:"";background:#2c1c2059;border-radius:2px;width:4px;height:14px;position:absolute;left:50%;transform:translate(-50%)}.book-spine:before{top:10%}.book-spine:after{bottom:10%}.book-spread.single-page .book-spine{display:none}.book-page{height:100%;min-height:0;transform-style:preserve-3d;color:var(--dark-text);background-color:#f3e6d0;background-image:radial-gradient(at 15% 8%,#ffffff8c,#0000 42%),radial-gradient(at 85% 90%,#c8a0782e,#0000 45%),repeating-linear-gradient(0deg,#0000,#0000 2px,#78503c05 2px 3px),linear-gradient(165deg,#f7eedc 0%,#f0e2c8 45%,#e8d6b8 100%);position:relative;overflow:hidden}.book-page.left{clip-path:polygon(0% .8%,100% 0%,100% 100%,1.2% 99.4%,0% 97%,.6% 70%,0% 40%,.8% 12%);border-radius:2px 0 0 2px;padding:1.5rem 1.85rem 1.5rem 1.65rem;box-shadow:inset -14px 0 28px #2c1c201f,inset 0 0 40px #7850320f}.book-page.right{clip-path:polygon(0% 0%,99% .6%,100% 8%,99.2% 35%,100% 65%,98.8% 92%,100% 100%,0% 100%);border-radius:0 6px 6px 0;padding:1.5rem 1.65rem 1.5rem 1.95rem;box-shadow:inset 14px 0 28px #2c1c201f,inset 0 0 40px #7850320f}.book-page.single{border-radius:8px;height:100%;min-height:0;padding:clamp(.85rem,2.5vw,1.25rem) clamp(.85rem,2.5vw,1.15rem);box-shadow:inset 0 0 28px #2c1c2014}.book-page:before{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.7;z-index:0;background:radial-gradient(circle at 70% 20%,#b4825a14,#0000 30%),radial-gradient(circle at 20% 80%,#a0785012,#0000 28%);position:absolute;inset:0}.book-page:after{content:"";pointer-events:none;opacity:.6;z-index:0;background:repeating-linear-gradient(-8deg,#0000,#0000 40px,#2c1c2003 40px 41px);position:absolute;inset:0}.page-edge{z-index:2;pointer-events:none;background:linear-gradient(#f4e8d4,#dcc7a5,#efe0c8);width:5px;position:absolute;top:1.5%;bottom:1.5%;box-shadow:1px 0 #fff6}.book-page.left .page-edge{background:linear-gradient(90deg,#0000,#2c1c2014);width:18px;right:0}.book-page.right .page-edge{background:linear-gradient(270deg,#0000,#2c1c2014);width:18px;left:0}.flip-leaf{width:50%;height:100%;transform-style:preserve-3d;z-index:20;pointer-events:none;position:absolute;top:0}.flip-leaf.next{transform-origin:0;right:0}.flip-leaf.prev{transform-origin:100%;left:0}.flip-leaf .flip-face{backface-visibility:hidden;background:linear-gradient(160deg,#f5e9d6,#ead8be),repeating-linear-gradient(0deg,#0000,#0000 3px,#78503c08 3px);position:absolute;inset:0;box-shadow:0 14px 36px #00000047}.flip-leaf .flip-face.back{background:linear-gradient(200deg,#e2d0b4,#d4c0a0);transform:rotateY(180deg)}.flip-leaf.next.is-flipping{animation:flip-next var(--page-turn) forwards}.flip-leaf.prev.is-flipping{animation:flip-prev var(--page-turn) forwards}@keyframes flip-next{0%{transform:rotateY(0);box-shadow:-8px 0 20px #00000026}50%{box-shadow:-20px 0 40px #00000059}to{transform:rotateY(-180deg);box-shadow:8px 0 24px #00000059}}@keyframes flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.page-inner{z-index:2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c86b8366 transparent;height:100%;min-height:0;position:relative;overflow:hidden auto;padding-bottom:clamp(3.5rem,10vh,5.5rem)!important}.book-page.left .page-inner{padding-right:clamp(1.2rem,2vw,1.6rem)!important}.book-page.right .page-inner{padding-left:clamp(1.2rem,2vw,1.6rem)!important}.book-page.single .page-inner{-webkit-overflow-scrolling:touch;padding-bottom:clamp(3rem,8vh,4.5rem)!important}.chapter-kicker{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;font-size:.7rem}.chapter-heading{font-family:var(--font-script);color:#8a3d54;text-shadow:0 1px #fff7ea66;margin-bottom:.35rem;font-size:clamp(1.9rem,3.2vw,2.7rem)}.chapter-sub{font-family:var(--font-serif);color:#2c1c20b3;margin-bottom:.9rem;font-size:1rem;font-style:italic}@media (prefers-reduced-motion:reduce){.flip-leaf.next.is-flipping,.flip-leaf.prev.is-flipping{opacity:0;animation:none}.book.is-turning{transform:none}}@media (width<=1023px){:root{--book-h:100%;--book-w:100%;--header-h:64px;--nav-h:auto}.top-header{grid-template-columns:44px 1fr minmax(44px,200px)!important;gap:.5rem!important}.book-stage{padding:.35rem .65rem .4rem!important}}@media (width<=767px){:root{--header-h:58px}.top-header{grid-template-columns:40px 1fr 44px!important;padding-inline:.65rem!important}.top-header .page-heading h1{font-size:clamp(1.1rem,5vw,1.45rem)!important}.top-header .page-heading p{display:none}.music-player{border-radius:50%!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}.music-player .music-text,.music-player .music-wave,.music-player .music-extra{display:none!important}.bottom-chrome{text-align:center;justify-items:center;grid-template-columns:1fr!important;gap:.45rem!important;padding:.35rem .65rem .75rem!important}.bottom-quote,.date-chip span{display:none!important}.bottom-aside{justify-content:center!important;gap:.45rem!important}.bottom-nav{justify-content:space-between;width:100%;gap:.4rem!important}.bottom-nav .page-dots{display:none}.nav-pill{flex:1;min-width:0!important;padding:.55rem .7rem!important;font-size:.75rem!important}.page-indicator{min-width:3.5rem!important}.fullscreen-btn{min-width:0!important;padding-inline:.75rem!important;font-size:.75rem!important}.date-chip{padding:.35rem .55rem!important}.date-chip strong{font-size:.8rem!important}}@media (width<=480px){.page-heading h1{letter-spacing:-.01em}.nav-pill{padding:.5rem .45rem!important;font-size:.7rem!important}}@media (width<=767px) and (orientation:landscape){:root{--header-h:48px}.book-stage{padding-block:.2rem!important}}@media (width<=1023px){.book-page,.page-inner{overflow-x:hidden}.page-lily-slot{opacity:.55;max-width:28%;max-height:28%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100dvh}body{font-family:var(--font-ui);color:var(--white);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--soft-pink);outline-offset:3px}img{max-width:100%;height:auto;display:block}.app-root{isolation:isolate;min-height:100dvh;position:relative}.app-shell{z-index:2;grid-template-rows:var(--header-h) 1fr var(--nav-h);min-height:100dvh;display:grid;position:relative;overflow-x:clip}.app-shell.layout-desktop{grid-template-columns:var(--sidebar-w) 1fr;--book-w:min(1100px, calc(100vw - var(--sidebar-w) - 40px));height:100dvh;max-height:100dvh;transition:grid-template-columns .38s cubic-bezier(.22,1,.36,1)}.app-shell.layout-desktop.sidebar-closed{--book-w:min(1180px, 94vw);grid-template-columns:0 1fr}.app-shell.layout-desktop .app-main{grid-area:1/2/-1}.app-shell.layout-overlay{--book-w:min(960px, 94vw);display:block}.app-shell.layout-overlay .app-main{flex-direction:column;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;max-height:100dvh;display:flex;position:relative;overflow:hidden}.app-main .top-header,.app-main .bottom-chrome{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-btn{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);background:#64233273;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:500;display:inline-flex}.glass-btn:hover:not(:disabled){box-shadow:0 0 20px var(--glow-pink);background:#8c32468c;transform:translateY(-1px)}.glass-btn:disabled{opacity:.45;cursor:not-allowed}.script-title{font-family:var(--font-script);color:var(--soft-pink);font-weight:400;line-height:1.15}.hand-title{font-family:var(--font-hand);color:var(--dark-text);font-weight:600;line-height:1.2}.serif-body{font-family:var(--font-serif);color:var(--dark-text);font-size:1.05rem;line-height:1.65}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}