:root{--ink:#28243f;--muted:#6f6985;--card:#fff;--bg:#f7f4ff;--primary:#6556c5;--accent:#f3c969;--shadow:0 12px 35px rgba(53,43,99,.11)}[data-bs-theme=dark]{--ink:#eeeafa;--muted:#aaa3c2;--card:#25223a;--bg:#191726;--primary:#a99cf5;--shadow:0 12px 35px rgba(0,0,0,.25)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1020;border-bottom:1px solid rgba(120,110,160,.12)}.brand{text-decoration:none;color:var(--ink);font-weight:800}.moon{color:var(--accent);font-size:1.6rem}.theme-toggle{border:0;background:var(--card);color:var(--ink);border-radius:50%;width:42px;height:42px;box-shadow:var(--shadow)}.app-container{max-width:1180px;padding-top:28px;padding-bottom:110px}.hero{padding:72px 0 45px}.hero h1{font-size:clamp(2.2rem,7vw,4.5rem);line-height:1.04;font-weight:850;letter-spacing:-.04em}.hero-art,.story-cover{background:linear-gradient(145deg,#302b63,#6556c5 58%,#b79ee8);position:relative;overflow:hidden;color:#fff}.hero-art{min-height:360px;border-radius:40px;box-shadow:var(--shadow)}.hero-art:before,.story-cover:before{content:'✦  ·  ✧   ☾';position:absolute;font-size:4rem;inset:25% 10%;letter-spacing:1rem;color:#f7db86}.card-soft{background:var(--card);border:1px solid rgba(120,110,160,.12);border-radius:24px;box-shadow:var(--shadow)}.story-card{height:100%;overflow:hidden;transition:.2s}.story-card:hover{transform:translateY(-3px)}.story-cover{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:3rem}.story-cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.badge-soft{background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);padding:.45rem .65rem;border-radius:99px}.btn{border-radius:14px;padding:.7rem 1rem;font-weight:650}.btn-primary{background:var(--primary);border-color:var(--primary)}.section-title{font-weight:800;letter-spacing:-.02em}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,650px);height:74px;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);display:flex;z-index:1030;border-radius:24px 24px 0 0;box-shadow:0 -8px 30px rgba(30,25,60,.1)}.bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-size:.72rem;padding-top:10px}.bottom-nav i{display:block;font-size:1.3rem;color:var(--primary)}.reading-shell{max-width:760px;margin:auto}.reading-text{font-family:Georgia,serif;font-size:var(--reader-size,1.25rem);line-height:1.9}.reading-text p{margin-bottom:1.4em}.reader-tools{position:sticky;top:78px;z-index:10}.admin-table{background:var(--card);border-radius:18px;overflow:hidden}.stat{font-size:2rem;font-weight:800}.text-muted{color:var(--muted)!important}@media(min-width:768px){.bottom-nav{position:static;transform:none;margin:0 auto 30px;border-radius:24px}.app-container{padding-bottom:40px}}@media(max-width:575px){.hero{padding-top:35px}.hero-art{min-height:230px}.topbar{padding:0 14px}.brand{font-size:.9rem}}