#story-entry{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:24px;padding:24px;margin:24px 0;background:linear-gradient(130deg,#291b2d,#101422);border:1px solid #b3926c;border-radius:16px;color:#f5e4ce}#story-entry img{width:100%;height:100%;max-height:280px;object-fit:cover;border-radius:10px}#story-entry h2{font-size:clamp(22px,3vw,30px);margin:12px 0}#story-entry span{color:#edb8d2}#story-entry p{line-height:1.8}#story-entry-open{width:100%;min-height:58px;font:700 20px system-ui;background:#e3c389;color:#201727;border:0;border-radius:10px;cursor:pointer}#story-entry-progress{font-size:14px;margin-bottom:0}#story-nav{min-height:44px}#story-hub{width:min(740px,94vw);max-height:90dvh;box-sizing:border-box;padding:24px;border:1px solid #b3926c;border-radius:16px;background:#14111e;color:#f5e4ce;overflow:auto}#story-hub::backdrop{background:#030308db}#story-hub-close{display:block;margin-left:auto}#story-hub p{line-height:1.8}#story-chapters article{padding:18px;margin:16px 0;border:1px solid #574251;border-radius:10px}#story-chapters .next-chapter{border:2px solid #e3c389;background:#2a2030}#story-chapters h3{font-size:21px;margin:8px 0}#story-hub button{min-height:48px;padding:12px 18px;font:inherit;border:1px solid #ae8b68;border-radius:8px;background:#302638;color:#f5dfc1;cursor:pointer}#story-chapters button{width:100%}#story-hub button:disabled{opacity:.5;cursor:default}#story-entry button:focus-visible,#story-hub button:focus-visible{outline:3px solid #f3aacc;outline-offset:3px}@media(max-width:600px){#story-entry{grid-template-columns:1fr;padding:18px;gap:12px}#story-entry img{max-height:160px}#story-hub{padding:18px}}
#reading-story{margin:24px 0;padding:20px;border:1px solid #b3926c;border-radius:12px;background:linear-gradient(135deg,#291b2d,#101422);color:#f5e4ce}#reading-story>span{font-size:13px;color:#edb8d2}#reading-story h3{font-size:21px;margin:10px 0}#reading-story p{line-height:1.8}#reading-story-next,#reading-story-list{display:block;width:100%;min-height:48px;margin-top:12px;white-space:normal}#reading-story-chapter{font-weight:700}#reading-story-status{font-size:13px;color:#cfbdce}#reading-story button:focus-visible{outline:3px solid #f3aacc;outline-offset:3px}
