/* Aqua's reading room. Decorative art stays on the library, outside the editor. */
:root{--bg:#f4f9ff;--paper:#fff;--green:#2465b2;--green-dark:#174b88;--green-light:#e3f1ff;--ink:#213e5b;--muted:#5a718b;--line:#dbe8f5;--sidebar:#edf5ff}
body{background:linear-gradient(135deg,#f8fcff,#eef6ff);color:var(--ink)}
.sidebar{background:linear-gradient(165deg,#eef8ff,#e9f0ff);border-color:#d5e5f6}
.brand-mark{background:#a4e5fa url('./icons/aqua-v1-192.png') center/cover no-repeat;box-shadow:0 5px 18px #397cbd22;flex-shrink:0;overflow:hidden}
.brand-mark .icon{visibility:hidden}
.brand b,.section-heading h2{color:#204f7c}
.brand small,.workspace-label{color:#527895}
.nav-item{color:#55718d}
.nav-item.active{background:#d8ebff;color:#1e5a99}
.nav-item.active:before{background:#2879bd}
.nav-item:hover{background:#e0eeff}
.sidebar-note{color:#6688a9}
.sidebar-bottom{border-color:#d5e5f6}
.topbar{background:#fbfdff;border-color:#deebf8}
.device-state{background:#eaf4ff;color:#52718f;border-color:#dce9f8}
.mobile-dock{background:#f5fafff5;border-color:#d5e6f8}
.dock-btn{color:#386a98}
.btn.primary{background:linear-gradient(120deg,#277ec4,#456bc8);border-color:#3273ba;box-shadow:0 4px 12px #306bad1a}
.btn.primary:hover{background:#235da1}
.text-btn{color:#2d6494}
.library-page .page-heading{position:relative;isolation:isolate;min-height:410px;padding:46px 38px;margin-bottom:26px;overflow:hidden;border:1px solid #d0e8ff;border-radius:22px;background:#e7f5ff url('./art/aqua-reading-v1.png') right center/auto 100% no-repeat;box-shadow:0 12px 36px #417bb40c;align-items:center}
.library-page .page-heading:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#e8f5ff 0%,#e8f5ff 35%,#e8f5ffb0 48%,transparent 66%)}
.library-page .page-heading>div:first-child{max-width:49%;position:relative;z-index:1}
.library-page .page-heading h1{color:#214f83;font-size:clamp(25px,2.2vw,34px);line-height:1.65;letter-spacing:1px;text-wrap:balance}
.library-page .page-heading h1 span{color:#4799d4}
.library-page .page-heading p{color:#456784;font-size:13px;line-height:2;max-width:350px}
.library-page .eyebrow{color:#32739f;letter-spacing:2.4px;font-size:9px;line-height:2}
.library-page .date-chip{position:absolute;z-index:1;left:38px;bottom:22px;font-size:11px;color:#3c6992;gap:9px}
.library-page .date-chip small{color:#52728c}
.stats .stat{border-color:#d8e7f7;border-radius:15px;box-shadow:0 4px 16px #386ca908;background:#ffffffed}
.stats .stat strong{color:#234f7f}
.stats .stat>div>span,.stats .stat strong small{color:#526b86}
.stat .stat-icon{background:#e8f4ff;color:#367db4}
.stat .stat-icon.sand{background:#eef0ff;color:#7478bd}
.stat .stat-icon.lavender{background:#e3f8fa;color:#287e93}
.stat-decoration{color:#80a6ca}
.book-cover{border-radius:6px 16px 16px 6px;color:#fff;background:radial-gradient(ellipse at 90% 0,#96ddff88,transparent 60%),linear-gradient(140deg,#24649e,#508ec6);box-shadow:inset 6px 0 #ffffff1f,inset 8px 0 #143b602b,0 8px 20px #285c9714;transition:transform .18s,box-shadow .18s}
.book-cover.cover-1{background:radial-gradient(ellipse at 90% 0,#d2c7ff66,transparent 60%),linear-gradient(140deg,#4162a2,#748ed0)}
.book-cover.cover-2{background:linear-gradient(140deg,#28788d,#56adbd)}
.book-cover.cover-3{background:linear-gradient(140deg,#426cbc,#77b9dd)}
.book-cover:before,.book-cover:after{content:'';position:absolute;pointer-events:none;width:240px;height:240px;border:1px solid #ffffff2e;border-radius:43%;right:-110px;bottom:-180px;transform:rotate(24deg)}
.book-cover:after{width:280px;height:280px;right:-120px;bottom:-205px;transform:rotate(-14deg);background:#b8e9ff12}
.book-cover:hover{transform:translateY(-3px);box-shadow:inset 6px 0 #ffffff1f,0 12px 25px #285c9725}
.cover-title,.cover-genre,.cover-top,.cover-symbol{color:#f4fbff}
.cover-top,.cover-genre{opacity:.92}
.book-info h3{color:#274f76}
.book-info p,.book-info small,.section-heading p{color:#577590}
.guide-card,.backup-tip{background:linear-gradient(145deg,#f3faff,#eaf3ff);border-color:#d6e7f8;border-radius:16px;color:#365f86}
.guide-card h3,.backup-tip h3{color:#285887}
.guide-card p,.backup-tip p,.guide-bottom,.card-eyebrow{color:#597694}
.empty-shelf{background:#fbfdff;border-color:#cedff0;border-radius:18px}
.count{color:#286498;background:#e4f1ff}
.page-footer{color:#617d98;border-color:#dbe8f5}
.page-footer i{background:#4d98d0}
button:focus-visible,a:focus-visible{outline-color:#338ddd}
input:focus,textarea:focus,select:focus{outline-color:#4b96cd}
/* Keep writing and reading surfaces quiet and opaque. */
.editor-paper,.reader-paper{background:#fff}
@media(max-width:1100px){.library-page .page-heading{min-height:350px;padding:30px 25px}.library-page .page-heading h1{font-size:27px}.library-page .page-heading>div:first-child{max-width:48%}.library-page .date-chip{left:25px;bottom:18px}}
@media(max-width:720px){.library-page .page-heading{display:block;min-height:0;padding:0 0 23px;background:#e9f5ff;border-radius:18px}.library-page .page-heading:before{position:relative;display:block;inset:auto;z-index:0;width:100%;aspect-ratio:3/2;background:url('./art/aqua-reading-v1.png') center/cover no-repeat;content:'';margin-bottom:19px}.library-page .page-heading>div:first-child{max-width:none;padding:0 22px}.library-page .page-heading h1{font-size:24px;line-height:1.65}.library-page .page-heading p{max-width:none;font-size:12px;margin-bottom:0}.library-page .eyebrow{font-size:8px;letter-spacing:1.6px}.library-page .date-chip{display:none}.stats .stat{border-radius:12px}.book-cover:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}.book-cover:hover{transform:none}}