:root{--ink: #2a1830;--paper: #fff7fa;--pink: #ff6fa5;--pink-deep: #e0468f;--pink-soft: #ffd6e7;--lavender: #b892ff;--night: #120a1f;--night-2: #1d1033;--gold: #ffd27a;--shadow: rgba(224, 70, 143, .25);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:var(--night);color:var(--paper);font-family:Quicksand,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#app{position:relative;min-height:100vh;min-height:100dvh}.chapter{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px 16px;padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));overflow:hidden}.font-script{font-family:Dancing Script,cursive}.font-hand{font-family:Caveat,cursive}h1,h2,h3{margin:0 0 12px;font-weight:700}.title-script{font-family:Dancing Script,cursive;font-size:clamp(2.2rem,8vw,4.5rem);color:var(--pink-soft);text-shadow:0 0 24px var(--shadow)}p{line-height:1.6;font-size:clamp(1rem,2.5vw,1.15rem)}.btn{font-family:Quicksand,sans-serif;font-weight:600;font-size:1rem;color:var(--night);background:linear-gradient(135deg,var(--pink),var(--gold));border:none;border-radius:999px;padding:14px 32px;cursor:pointer;box-shadow:0 8px 24px var(--shadow);transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1.5px solid var(--pink-soft);color:var(--pink-soft);box-shadow:none}.hidden{display:none!important}.heart-cursor{position:fixed;top:0;left:0;width:22px;height:22px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}@media (hover: hover) and (pointer: fine){body.cursor-active{cursor:none}body.cursor-active .heart-cursor{opacity:1}}.music-toggle{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:1000;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--paper);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.progress-dots{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1000}.progress-dots .dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:background .3s ease,transform .3s ease}.progress-dots .dot.active{background:var(--pink);transform:scale(1.4)}.scroll-hint{position:absolute;bottom:28px;font-size:.85rem;color:var(--pink-soft);opacity:.7;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}