*{box-sizing:border-box}html,body{margin:0}button,a{font:inherit}
.home-page{background:#0d0f0e;color:#fff;font-family:Arial,sans-serif}.home-header{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.home-header a{color:#fff;text-decoration:none;font-weight:700}.read-small{background:#2e666c;padding:8px 14px;border-radius:9px}.hero{width:min(1100px,calc(100% - 34px));min-height:calc(100dvh - 62px);margin:auto;display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:70px;align-items:center}.hero img{width:100%;max-height:75dvh;object-fit:contain;box-shadow:0 25px 70px #0008}.eyebrow{color:#79aeb3;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font:clamp(3rem,7vw,6rem)/1 Georgia,serif;margin:.2em 0}.hero p{font:1.2rem/1.6 Georgia,serif;color:#c5ceca}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{min-height:48px;padding:0 19px;border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;font-weight:700}.primary{background:#2e666c;color:#fff}.secondary{border:1px solid #ffffff44;color:#fff}.home-section{padding:90px 20px;border-top:1px solid #ffffff22}.home-section h2,.about{width:min(800px,100%);margin-left:auto;margin-right:auto}.home-section h2{font:3rem Georgia,serif}.about{font:1.12rem/1.8 Georgia,serif;border:1px solid #ffffff33;border-radius:20px;padding:35px;background:#ffffff08}.signature{text-align:right}
.reader-page{height:100dvh;overflow:hidden;background:#111}.reader-app{height:100dvh;display:grid;grid-template-rows:58px 1fr 58px}.reader-header,.reader-footer{display:flex;align-items:center;background:#111513;color:#fff;z-index:20}.reader-header{justify-content:space-between;padding:0 8px}.reader-header>div:nth-child(2){display:grid;text-align:center}.reader-header span{font-size:.72rem;color:#aaa}.icon-btn{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#fff;text-decoration:none;display:inline-grid;place-items:center}.reader-stage{position:relative;min-height:0}.reader-stage iframe{width:100%;height:100%;border:0;background:#fff}.tap{position:absolute;top:0;bottom:0;border:0;background:transparent}.tap.left{left:0;width:28%}.tap.center{left:28%;width:44%}.tap.right{right:0;width:28%}.reader-footer{gap:10px;padding:7px 10px}.reader-footer button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:2rem}.reader-footer>div{flex:1;display:grid;text-align:center;font-size:.75rem}.bar{height:4px;background:#ffffff22;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:#58a0a6}.backdrop{position:fixed;inset:0;background:#0009;z-index:80}.side-panel{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(88vw,390px);background:#171b1a;color:#fff;padding:18px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head button{font-size:1.5rem;background:none;border:1px solid #ffffff33;color:#fff;border-radius:9px;width:44px;height:44px}.side-panel #tocList{display:grid;gap:6px}.side-panel #tocList button{min-height:46px;border:1px solid #ffffff22;border-radius:8px;background:#202725;color:#fff;text-align:left;padding:10px}.settings-panel{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(800px,100%);max-height:82dvh;overflow:auto;background:#202221;color:#fff;border-radius:26px 26px 0 0}.handle{width:50px;height:6px;background:#999;border-radius:10px;margin:12px auto}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #555}.tabs button{height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:#fff}.tabs button.active{color:#45a0d5;border-bottom-color:#45a0d5}.settings-panel section{display:none;padding:25px}.settings-panel section.active{display:block}.settings-panel label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:22px 0}.settings-panel input,.settings-panel select{grid-column:1/-1;width:100%}.fonts,.themes{display:flex;gap:8px;flex-wrap:wrap}.fonts button,.themes button{padding:12px;border:1px solid #666;border-radius:9px;background:#171918;color:#fff}.hidden{display:none!important}
@media(max-width:700px){.hero{grid-template-columns:1fr;text-align:center;padding:30px 0 60px;gap:30px}.hero img{width:min(78vw,330px);margin:auto}.actions{flex-direction:column}.actions a{width:100%;justify-content:center}.reader-app{grid-template-rows:54px 1fr 54px}}