:root{--bg:#d891ef;--ink:#6829b1;--muted:#d891ef;--card:#606;--rose:#b181ff;--burgundy:#6d33b4;--cream:#fff1ec;--hover:#e2baef;--ring:#32203c;--radius:1rem;--text-shadow:2px 2px 4px #000000b3;--box-shadow:0 4px 4px #0000001a;--box-shadow-hover:0 8px 4px #0003;--nav-h:64px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{text-align:center;background:var(--rose);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1 0 auto;min-height:0}@supports (min-height:100svh){.app-root{min-height:100svh}}h1,h2,h3,h4,h5,h6{color:var(--ink);margin:0;font-weight:600;line-height:1.2}.story-container{margin-top:3rem}.story{max-width:800px;margin:0 auto;padding:1.5rem;line-height:1.6}.story p{color:var(--ink);text-align:justify;margin-bottom:1.2rem;font-family:Georgia,serif;font-size:1.2rem}.story-side{top:var(--nav-h);color:#fff;opacity:.4;background:0 0;justify-content:center;align-items:center;width:15vw;min-width:120px;font-size:4rem;text-decoration:none;transition:background .2s,opacity .2s ease-in-out;display:flex;position:fixed;bottom:0}.story-side.prev{left:0}.story-side.next{right:0}.story-side:hover{opacity:1;background:#0000001a}.story-side:hover:before{opacity:1;transform:scale(1.2)rotate(var(--rotate,0deg))}.navbar{height:var(--nav-h);z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--burgundy);border-bottom:1px solid #f0e5eb;position:sticky;top:0}.navbar a{max-width:1000px;color:var(--cream);border-radius:.7rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 auto;padding:.75rem 1rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.navbar a:hover{background:var(--hover);color:#fff;box-shadow:0 8px 16px var(--ring)}.navbar a[aria-current=page],.navbar a[aria-current=true]{background:var(--rose);color:#fff;box-shadow:0 8px 16px var(--ring)}.brand{align-items:center;gap:.5rem;font-weight:700;display:flex}.brand-heart{color:var(--rose);font-size:1.1rem}.container{max-width:1000px;margin:2rem auto;padding:0 1rem}.container-narrow{max-width:760px;margin:2rem auto;padding:0 1rem}.layout{grid-template-columns:260px 1fr;gap:1.25rem;display:grid}@media (max-width:860px){.layout{grid-template-columns:1fr}.sidebar{order:2}}.sidebar{border-radius:var(--radius);box-shadow:var(--box-shadow);background:#fff;border:1px solid #f3e6ec;padding:1rem}.sidebar h2{color:var(--burgundy);letter-spacing:.2px;margin:.25rem 0 1rem;font-size:1rem}.chapter-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.chapter{cursor:pointer;border-radius:.8rem;padding:.6rem .7rem;transition:background .2s,transform 60ms}.chapter:hover{background:#fff2f6}.chapter.active{background:var(--rose);color:#fff}.content .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--box-shadow);border:1px solid #f2e4eb;padding:1.25rem 1.25rem 1rem}.card h1{margin-top:.2rem;margin-bottom:.5rem}.lead{color:var(--ink);font-size:1.05rem}.card.big{padding:2rem}.reason{margin:0;font-size:1.4rem}.muted{color:var(--muted)}.story-cards{flex-direction:column;align-items:center;gap:1rem;display:flex}.story-card{width:100%;max-width:700px;color:var(--muted);background:var(--card);border-radius:var(--radius);box-shadow:var(--box-shadow);border:1px solid #000;margin:0;padding:1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}h2.story-card{color:var(--muted);margin-bottom:1rem}.story-card:hover{box-shadow:var(--box-shadow-hover);transform:scale(1.03)}.btn{cursor:pointer;background:var(--burgundy);color:#fff;border:none;border-radius:.9rem;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-weight:600;transition:transform 40ms,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 16px #7a22462e}.btn:hover{background:#8e2a52}.btn:active{transform:translateY(1px)}.timeline{margin:1rem 0 0;padding:0;list-style:none;position:relative}.timeline-item{margin:1.25rem 0;padding-left:2rem;position:relative}.timeline-item .line{background:#f0d6df;width:2px;position:absolute;top:1.2rem;bottom:-1.2rem;left:.58rem}.timeline-item:last-child .line{display:none}.timeline-item .dot{background:var(--rose);width:.5rem;height:.5rem;box-shadow:0 0 0 6px color-mix(in srgb,var(--rose)20%,transparent);border-radius:999px;position:absolute;top:.4rem;left:.35rem}.timeline-card{box-shadow:var(--box-shadow);background:#fff;border:1px solid #f3e6ec;border-radius:.9rem;padding:.8rem 1rem}.timeline-card .date{color:var(--muted)}.footer{text-align:center;color:var(--muted);background:var(--burgundy);margin:3rem 0 0}