:root{--app-bg: #efece0;--app-surface: #faf8f5;--app-text: #2c2c2c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--app-bg);color:var(--app-text)}a{color:inherit}button{font:inherit}.page-content{width:min(1180px,100% - 2rem);margin:0 auto;padding-top:1.25rem}.reading-page{width:min(980px,100% - 2rem)}.tile-grid{display:grid;justify-content:center}.tile{position:relative;border:none;padding:0;appearance:none;-webkit-appearance:none;display:block;width:100%;aspect-ratio:1 / 1;cursor:pointer;overflow:hidden;border-radius:8px;min-height:0;background:#faf8f5;transition:transform .2s ease,opacity .2s ease}.tile:hover{transform:translateY(-2px) scale(1.01)}.tile:active{transform:scale(.985)}.tile-image{width:100%;height:100%;object-fit:cover;display:block}.tile-overlay{position:absolute;inset:auto 0 0;background:#2d501ed1;padding:1rem;text-align:left}.detail-hero{display:grid;justify-items:center;gap:1.25rem}.detail-image{width:min(240px,70vw);aspect-ratio:1 / 1;object-fit:cover}.detail-heading{display:grid;gap:.35rem;justify-items:center}.reading-card{margin:1.5rem auto 0;width:min(920px,100%);background:var(--app-surface);border-radius:12px;padding:1.25rem;border:1px solid rgba(44,30,74,.12)}.reading-list{margin:.5rem 0 0;padding-left:1.25rem;display:grid;gap:.4rem}.menu-item{background:transparent;border:none;padding:.9rem 0;cursor:pointer;text-align:left}.menu-item:hover{opacity:.86}.icon-button{border:none;background:transparent;cursor:pointer;border-radius:999px;width:42px;height:42px;display:grid;place-items:center}.icon-button:hover{background:#ffffff24}.hamburger-icon{display:grid;gap:4px}.hamburger-icon span{width:22px;height:2px;border-radius:999px;background:currentColor;display:block}.header-logo-button{border:none;background:transparent;color:#fff;display:flex;align-items:center;gap:1rem;text-align:left;cursor:pointer;padding:0}.header-tagline{display:grid;color:#fff;font-size:14px;font-style:italic;font-weight:500;line-height:1.2}.button{border:1px solid rgba(44,30,74,.3);border-radius:10px;padding:.7rem 1.1rem;background:transparent;cursor:pointer}.button-primary{background:#2c1e4a;color:#fff;border-color:#2c1e4a}.fade-in{animation:fadeIn .4s ease both}.fade-in-up{animation:fadeInUp .45s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.header-tagline{display:none}.page-content,.reading-page{width:min(100% - 1rem,980px)}.reading-card{padding:1rem}}