@charset "UTF-8";
/* Ponyo.ch — coastal identity from the two supplied reference boards. */
:root{--violet:#0078e8;--rose:#ff4273;--ink:#082b54;--muted:#586c80;--line:#cbdfea;--paper:#fffefb;--shadow:0 5px 20px #174d6c12;--radius:12px;background:#e8f6ff}
body{grid-template-rows:148px minmax(0,1fr) 44px;background-image:var(--fond-content);background-size:cover;background-position:center top}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#ffb938}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.35px}
h1{font-size:29px}h2{font-size:22px}h3{font-size:15px}
.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:70px 36px 42px;gap:0;padding:0 max(24px,calc((100vw - 1280px)/2));background-image:linear-gradient(90deg,#ffffffed 0%,#ffffff00 60%),var(--fond-hero);background-size:cover;background-position:center 44%;border-bottom:2px solid #12699c;box-shadow:0 2px 8px #10375924}
.brand{grid-row:1;grid-column:1;align-self:center;gap:9px;color:#07366a;font-size:33px;font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:.95;letter-spacing:-1.3px;width:max-content}
.brand img{width:60px;height:62px;object-fit:contain;border-radius:50%;background:#fff9}
.brand small{display:block;font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;color:#082b54}
.header-tools{grid-column:2;grid-row:1;gap:16px;margin:0;justify-self:end}
.header-tools .avatar{width:37px;height:37px;border:2px solid #fff;background:white}
.menu-launcher{display:none}
.desktop-nav{grid-column:1/-1;grid-row:2;display:flex;align-self:stretch;gap:0;background:linear-gradient(#07689f,#003c70);border:1px solid #70c5e6;border-radius:9px;box-shadow:0 2px 3px #002c5170;font-size:12px;color:white;overflow:hidden}
.desktop-nav a{justify-content:center;gap:7px;flex:1;padding:0 10px;border-right:1px solid #80cae72e;transition:background .12s}
.desktop-nav a:last-child{border:0}
.desktop-nav a.active,.desktop-nav a:hover{background:linear-gradient(#119ce1,#0067a8)}
.desktop-nav a.active:after{display:none}
.desktop-nav .atlas,.desktop-nav .custom-icon{width:21px;height:21px;--s:21px;filter:drop-shadow(0 1px 1px #002a4540);object-fit:contain}
.topbar>.searchbox{grid-row:3;grid-column:1/-1;justify-self:center;width:min(750px,94%);height:30px;margin:6px 0;padding:3px 12px;background:#fff;border:1px solid #7fbcdf;box-shadow:0 1px 3px #1f669c20;border-radius:24px}
.searchbox .custom-icon,.searchbox .atlas{width:19px;height:19px;--s:19px}
.searchbox input{font-size:12px;color:var(--ink)}
.searchbox button{border:0;background:none;color:#0078c6;padding:2px 7px;font-size:20px;line-height:1}
.wrap{max-width:1280px;width:calc(100% - 40px);padding:24px 0 38px}
.home-wrap{padding-top:15px}
.welcome-banner{min-height:250px;display:flex;justify-content:center;align-items:center;gap:24px;padding:26px;border:6px solid #fff9e8;border-radius:15px;background-image:linear-gradient(90deg,#00598710,#006eae3b,#00598710),var(--fond-hero);background-size:cover;background-position:center;color:white;text-align:center;box-shadow:0 2px 0 #a6743e,0 3px 10px #0d54802b;text-shadow:0 2px 4px #00386a}
.welcome-banner .welcome-mascot{width:132px;height:144px;object-fit:contain;border-radius:50%;background:#ffffffd9;filter:drop-shadow(0 3px 5px #004d7550)}
.welcome-banner h1{font-size:48px;font-weight:900;letter-spacing:-1.5px;margin:0 0 8px;color:#fff}
.welcome-banner h2{font-size:18px;margin:0 0 12px;color:white}
.welcome-banner p{font-size:14px;margin:0 0 5px;line-height:1.4;font-weight:700}
.library-section{margin-top:18px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;background:linear-gradient(#92582d,#663b22);border:2px solid #d6a06c;border-bottom:0;color:white;border-radius:10px 10px 0 0}
.section-title h2{margin:0;font-size:21px;text-shadow:0 1px 2px #361d15}
.section-title .btn{background:#fffdf6;color:#063b68;border-color:#b9deee}
.shelf-filters{background:linear-gradient(#794c2b,#5b311d);padding:7px 12px;border:2px solid #c29060;border-top:0;border-radius:0 0 8px 8px;gap:7px}
.shelf-filters .btn{min-height:31px;padding:6px 13px;background:#4c2c1e;color:#fff7ed;border:1px solid #b88c62;border-radius:8px;box-shadow:inset 0 1px 2px #ffffff14}
.shelf-filters .btn.selected{background:linear-gradient(#fff,#eaf9ff);border-color:white;color:#0a3963;box-shadow:0 1px 4px #35201650}
.shelf-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;color:#48667b}
.shelf-tools>span{margin-left:auto}
.library-layout{grid-template-columns:190px minmax(0,1fr) 190px;gap:15px}
.side-card{border:1px solid #a9cee5;border-radius:10px;background:#fffef9;padding:15px}
.side-card h3{font:700 15px/1.4 Arial,Helvetica,sans-serif;display:flex;align-items:center;gap:6px;color:#063866}
.side-card h3 .custom-icon{width:25px;height:25px;object-fit:contain}
.side-card img:not(.custom-icon){height:100px;border-radius:6px}
.side-card .custom-icon{margin:0}
.bookshelf{height:430px;border:11px solid #8b562f;border-radius:7px;background:linear-gradient(90deg,#6e3b1b,#b67437 55%,#78431e);box-shadow:inset 0 0 35px #3c1e14a3,0 4px 10px #5c382e40}
.bookshelf:before{background-size:100% 100%;background-position:center;opacity:var(--shelf-opacity,.58)}
.shelf-line{height:16px;background:linear-gradient(#e5ad66,#ad6c32 45%,#72401e);border-top:2px solid #f5c38c;box-shadow:0 7px 8px #2410067d}
.book{width:87px;height:122px;background:#0e3860;box-shadow:4px 4px 7px #1d0c07b3;border:1px solid #f4c475}
.book img{opacity:1;object-fit:cover}
.book-title{display:none}
.book-num{background:#082b54b0;left:5px;bottom:4px;padding:1px 5px;border-radius:4px;font:700 13px Arial,Helvetica,sans-serif}
.book-heart{text-shadow:0 1px 2px white}
.shelf-hint{color:#fff4db;background:#4a261aba;bottom:20px;left:auto;right:12px;border-radius:5px;padding:6px 9px;font-size:10px;max-width:165px}
.shelf-empty{position:relative;z-index:3;width:max-content;max-width:95%;margin:100px auto 0;padding:16px;border-radius:10px;background:#fffffff2;text-align:center}
.shelf-empty p{font-size:12px}
.library-bottom{margin-top:11px;padding:14px;background:#fffefb;border-color:#b9d5e5;border-radius:9px;gap:13px}
.mini-cover{border:1px solid #d2dce1;border-radius:4px}
.btn{color:#073a6c;background:linear-gradient(#fff,#edf8ff);border:1px solid #7db8dd;border-radius:14px;box-shadow:inset 0 1px 1px #fff,0 2px 3px #236d9e18;font-weight:700;min-height:39px;padding:9px 15px;transition:filter .15s,box-shadow .15s}
.btn:hover{background:linear-gradient(#fff,#e1f3ff);box-shadow:0 3px 8px #12629a27;filter:brightness(1.03)}
.btn.primary,.btn.selected{background:linear-gradient(#1597ff 0%,#007cf6 46%,#0060d8 100%);border:1px solid #0057bd;color:white;box-shadow:inset 0 1px 2px #9ae7ff,0 2px 3px #074f912e}
.btn.primary:hover{background:linear-gradient(#24a8ff,#0071e9)}
.btn.dark{background:linear-gradient(#086ca4,#00497c);border-color:#004b7d;color:white}
.btn.pink{background:linear-gradient(#fff9fc,#ffe5ed);border-color:#fa8dac;color:#cc2356}
.btn.tiny{border-radius:10px;min-height:30px}
.btn .custom-icon{width:20px;height:20px;object-fit:contain}
.btn.image-button{padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden}
.button-art{display:block;width:auto;max-width:240px;height:42px;object-fit:contain}
.btn.tiny .button-art{height:31px}
.pill{background:#e8f6ff;color:#245579;border:1px solid #c4e2f5;font-size:10px;padding:4px 8px}
.progress{background:#dbe4eb}
.progress span{background:linear-gradient(90deg,#00a987,#38c28b)}
.panel{background-color:#fffefb;background-image:var(--fond-panel);background-size:100% 100%;border-color:#c7dbe6;box-shadow:var(--shadow);border-radius:12px}
.album-card{max-width:none}
.album-card .album-cover{width:113px;height:165px;border-radius:5px}
.album-cover{border:1px solid #97b8cc}
.publications{margin-top:24px}
.publications h2{color:#083b6d;font-size:21px}
.author-feature{display:flex;align-items:center;gap:13px;margin-top:15px}
.author-feature .btn{margin-left:auto}
.author-feature p{margin:0}
.author-photo,.avatar{background:#e3f4ff;border:2px solid #96cee9}
.page-heading{border-bottom:1px solid #b9d8ea;padding-bottom:13px;margin-bottom:20px}
.page-heading h1{color:#083b6d}
.heading-icon>.custom-icon{width:35px;height:35px}
.news-feature{position:relative;min-height:280px;border-radius:12px;overflow:hidden;background:#0b659c;color:white;border:3px solid #fff;box-shadow:var(--shadow)}
.news-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-feature>div{position:relative;padding:35px;min-height:280px;max-width:100%;background:linear-gradient(90deg,#02355cd6,#03466a50 80%,transparent)}
.news-feature h2{font-size:30px;max-width:670px;margin:17px 0 10px}
.news-feature p{max-width:650px}
.news-feature .pill{background:#fff;color:#005e99}
.news-related{margin-top:20px;grid-template-columns:1fr 1fr}
.news-related .author-photo{width:74px;height:74px}
.news-related .panel{padding:20px}
.news-related h2{font-size:18px;margin-bottom:16px}
.news-card{margin-top:18px}
.calendar-cell.today{background:#dff4ff;color:#0069b5}
.calendar-cell.off{color:#9eafba}
.calendar-cell.weekday{background:#eff9ff}
.calendar-event{background:#d7f0ff;color:#075d95}
.calendar-cell{min-width:0;overflow-wrap:anywhere}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}
.catalog-filters{padding:18px;align-self:start}
.catalog-filters>.btn{display:flex;justify-content:flex-start;width:100%;border:0;box-shadow:none;border-radius:5px;background:none;margin:3px 0;min-height:34px;font-size:12px;text-align:left}
.catalog-filters>.selected{background:#d9effd;color:#00578c}
.catalog-book{max-width:245px;padding:12px}
.catalog-book .album-cover{width:165px;height:233px;border-radius:6px}
.catalog-book h2{font-size:18px;margin-top:16px}
.catalog-book .row{margin-top:15px}
.catalog-results{min-height:470px}
.album-detail{margin-top:17px}
.album-detail-top{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;margin-bottom:28px}
.album-detail-top>.album-cover{width:190px;height:285px}
.genre-row{margin:13px 0}
.author-inline{display:flex;align-items:center;gap:10px;font-size:12px;margin:16px 0}
.author-inline:hover strong{text-decoration:underline}
.chapter-list{margin:14px 0 30px}
.chapter-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.chapter-row .mini-cover{width:36px;height:50px}
.chapter-row>div{flex:1}
.chapter-row p{margin:0}
.chapter-row h3{margin:0 0 5px}
.chapter-row .btn{min-width:76px}
.thumb{border-color:#bbd6e7;color:#165882;background:#f8fcff}
.thumb:hover{border-color:#0078e8;background:#e7f6ff}
.profile-menu a:hover{background:#e8f5ff;color:#006bc4}
.stats .stat{background:#eef9ff;border-color:#c6e2f2}
.stat strong{color:#006bbb}
.notice{background:#edf8ff;border-color:#abd6f1;color:#215272}
.field input,.field select,.field textarea{border-color:#bad4e5}
.dialog-backdrop{background:#002540a8;backdrop-filter:blur(3px)}
.dialog-card{border:2px solid #9fd9f3;border-radius:15px;background:#fffefb;background-image:var(--fond-modal);background-size:100% 100%;box-shadow:0 20px 80px #001e4680}
.dialog-close{background:#e5f5ff;color:#005789;border:1px solid #9bccdf}
.site-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.site-menu a{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #c9e1ef;border-radius:10px;background:#ffffffc9;font-size:13px}
.site-menu a:hover{background:#e5f5ff}
.reader-wrap{background:#042d46;border:2px solid #267d9d}
.reader-top,.reader-bottom{background:linear-gradient(#064566,#002d48);color:white;border-color:#348bb0}
.reader-title span{color:#c0e7f6}
.reader-top .btn,.reader-bottom .btn{background:#063856;border-color:#3a98bd;color:#fff;box-shadow:none;border-radius:7px}
.reader-modes .selected,.reader-bottom .primary{background:linear-gradient(#e6faff,#bce9ff);border-color:#8acbea;color:#004c82}
.reader-modes .btn{font-size:11px;min-height:40px}
.reader-canvas{background:radial-gradient(ellipse at top,#0b4b63,#012435)}
.reader-sheet{box-shadow:0 2px 12px #0008}
.reader-sheet figcaption{background:#eaf6fc;color:#25566f}
.reader-bottom .progress span{background:#2bc4ed}
.reader-bottom .progress{background:#0e6178}
.guide-launcher{border-color:#80c7ea;background:linear-gradient(#fff,#eaf8ff);color:#00558e}
.guide-card{border-color:#80c7ea;background:#fffefb;background-image:var(--fond-modal);background-size:100% 100%}
.guide-launcher img{background:white}
.guide-card input{border-color:#b7d8e9}
.guide-card .eyebrow{color:#006daf}
.reader-active .guide-launcher{display:none}
.about-banner{display:flex;align-items:center;gap:34px;min-height:280px;padding:34px;border-radius:15px;color:white;background-image:linear-gradient(90deg,#0069a390,#007ca9b8),var(--fond-ocean);background-size:cover;background-position:center;border:4px solid #bdeefe}
.about-banner .about-mascot{width:170px;height:185px;object-fit:contain;border-radius:50%;background:#ffffffe8;filter:drop-shadow(0 4px 9px #00354c50)}
.about-banner h1{font-size:31px;text-shadow:0 1px 3px #00406d}
.about-banner .text-body{font-size:14px;line-height:1.65}
.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.about-features .panel{padding:20px;text-align:center}
.about-features .custom-icon{width:44px;height:44px;margin-bottom:10px}
.about-features p{font-size:12px;margin:0}
.about-landscape{height:245px;border-radius:10px;border:3px solid #fff;background-image:var(--fond-landscape);background-size:cover;background-position:center}
.footer{padding:0 max(24px,calc((100vw - 1280px)/2));background-image:linear-gradient(#fffffff5,#ffffffec),var(--fond-ocean);background-size:cover;border-top:1px solid #9ccbe5;color:#15456a;font-size:10px;gap:14px}
.footer nav{gap:17px;flex-wrap:wrap}
.footer a:hover{text-decoration:underline}
.mobile-nav{background:#003e64;border-top:1px solid #8cd1ee}
.mobile-nav a{color:#c8e9fb}
.mobile-nav a.active{color:white;background:#126aa2}
.mobile-nav .atlas,.mobile-nav .custom-icon{width:25px;height:25px;--s:25px;object-fit:contain}
#toast{background:#073a60;border:1px solid #5daedb;color:white}
.admin-body{background:#edf7fc;background-image:none;display:block;height:auto;min-height:100vh;overflow:auto}
.admin-header{background:linear-gradient(#fff,#f1faff);border-bottom:2px solid #a5d6ee}
.admin-header .brand{font:italic 700 26px Georgia,serif;display:flex}
.admin-nav .active{background:linear-gradient(#168fe0,#0064ac);color:white}
.admin-main .panel{background:#fffefb}
.asset-row img{background:#f5fbff;object-fit:contain;border:1px solid #d1e8f4}
.asset-row .button-preview{width:150px;height:45px;object-fit:contain}
.asset-row strong{overflow-wrap:anywhere}
.file-editor{background:#fbfdff;color:#15354b}
.icon-label-field{max-width:300px;margin:10px 0 0}
.atlas{background-size:1000% 200%}
.i-accueil{background-position:0 0}.i-actualites{background-position:11.1111% 0}.i-auteurs{background-position:22.2222% 0}.i-calendrier{background-position:33.3333% 0}.i-librairie{background-position:44.4444% 0}.i-profil{background-position:55.5556% 0}.i-recherche{background-position:66.6667% 0}.i-notifications{background-position:77.7778% 0}.i-favoris{background-position:88.8889% 0}.i-collection{background-position:100% 0}
.i-plus-tard{background-position:0 100%}.i-lecture{background-position:11.1111% 100%}.i-reprendre{background-position:22.2222% 100%}.i-parametres{background-position:33.3333% 100%}.i-fermer{background-position:44.4444% 100%}.i-menu,.i-filtrer{background-position:55.5556% 100%}.i-zoom-plus{background-position:66.6667% 100%}.i-plein-ecran{background-position:77.7778% 100%}.i-precedent,.i-retour{background-position:88.8889% 100%}.i-suivant{background-position:100% 100%}
.i-zoom-moins,.i-partager,.i-telecharger{background:none;position:relative;text-align:center;line-height:var(--s);font-size:20px;color:currentColor}
.i-zoom-moins:before{content:'−'}.i-partager:before{content:'↗'}.i-telecharger:before{content:'↓'}
@media(min-width:1500px){.bookshelf{height:460px}.book{width:94px;height:133px}.library-layout{grid-template-columns:210px minmax(0,1fr) 210px}}
@media(max-width:1050px){.topbar{padding-left:18px;padding-right:18px}.desktop-nav a{padding:0 7px;font-size:11px}.library-layout{grid-template-columns:minmax(0,1fr) 190px}.library-news{display:none}.welcome-banner{min-height:220px}.news-related{grid-template-columns:1fr}.album-detail-top{grid-template-columns:155px minmax(0,1fr);gap:20px}.album-detail-top>.album-cover{width:155px;height:235px}.footer{padding:0 18px}.footer nav{gap:10px}}
@media(max-width:780px){.desktop-nav{font-size:10px}.desktop-nav a{gap:4px}.desktop-nav .custom-icon{width:17px;height:17px}.brand{font-size:30px}.topbar{padding-left:12px;padding-right:12px}.menu-launcher{display:block}.welcome-banner{padding:22px;gap:16px}.welcome-banner h1{font-size:40px}.welcome-banner .welcome-mascot{width:112px;height:125px}.library-layout{display:block}.library-upcoming{display:none}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}.about-banner{padding:25px;gap:20px}.about-banner .about-mascot{width:120px;height:130px}.about-banner h1{font-size:25px}.footer{font-size:9px}.footer nav{gap:9px}.reader-top{gap:9px;padding:9px}.reader-modes .btn{font-size:10px;padding:8px}.reader-bottom{padding:9px}.admin-header .brand{font-size:23px}}
@media(max-width:680px){
 body{grid-template-rows:107px minmax(0,1fr) calc(64px + env(safe-area-inset-bottom));background-image:var(--fond-mobile);background-size:420px auto}
 .topbar{grid-template-rows:66px 41px;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0 12px;background-position:center}
 .topbar>.searchbox{display:flex;grid-row:2;width:98%;height:29px;margin:6px 0;padding:3px 9px}
 .searchbox input{font-size:11px}.searchbox button{font-size:19px}
 .brand{font-size:29px;gap:6px}.brand img{width:50px;height:55px}.brand small{font-size:10px}
 .desktop-nav{display:none}.header-tools{gap:10px}.header-tools .custom-icon{width:25px;height:25px}.header-tools .avatar{width:30px;height:30px}.header-tools .icon-btn{padding:2px}
 .menu-launcher{display:block}.topbar .atlas{--s:25px}
 .wrap{width:calc(100% - 22px);padding:16px 0 27px}.home-wrap{padding-top:10px}
 .welcome-banner{min-height:178px;border-width:4px;gap:12px;padding:17px 10px;justify-content:center;background-position:center}
 .welcome-banner .welcome-mascot{width:82px;height:94px}.welcome-banner h1{font-size:31px;letter-spacing:-1px;margin-bottom:6px}.welcome-banner h2{font-size:12px;margin-bottom:7px}.welcome-banner p{font-size:10px}
 h1{font-size:25px}h2{font-size:20px}.page-heading{padding-bottom:12px;margin-bottom:15px}.heading-icon>.custom-icon{width:29px;height:29px}.page-heading p{font-size:11px}
 .section-title{padding:9px 10px}.section-title h2{font-size:18px}.section-title .btn{padding:6px 8px;font-size:10px}
 .shelf-filters{padding:7px;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin-bottom:0!important}.shelf-filters .btn{white-space:nowrap;flex:0 0 auto;font-size:10px;padding:6px 10px;min-height:30px}
 .shelf-tools{gap:5px;padding:9px 0}.shelf-tools .btn{font-size:10px;padding:5px 8px}.shelf-tools>span{font-size:9px;margin:0;flex-basis:100%;text-align:right}
 .bookshelf{height:392px;border-width:8px}.book{width:75px;height:107px}.shelf-hint{font-size:9px;bottom:18px;max-width:140px}
 .library-bottom{padding:11px;gap:10px}.library-bottom .mini-cover{width:50px;height:73px}.library-bottom h3{font-size:13px}.library-bottom .btn{font-size:10px;min-height:34px;padding:7px 9px}
 .publications{margin-top:20px}.publications h2{font-size:19px}.publications .album-cover{width:86px;height:127px}.album-card{gap:13px}.album-card h2{font-size:20px}
 .panel{padding:16px}.author-feature{gap:10px;flex-wrap:wrap}.author-feature .btn{font-size:11px}.author-feature p{font-size:10px}
 .mobile-nav{display:flex;justify-content:space-around;align-items:flex-start;padding:5px 3px env(safe-area-inset-bottom);min-height:64px}.mobile-nav a{padding:5px 3px;flex:1;min-width:0;border-radius:8px;font-size:8px;gap:4px}.mobile-nav span{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.footer{display:none}
 .news-feature,.news-feature>div{min-height:240px}.news-feature>div{padding:23px}.news-feature h2{font-size:25px}.news-feature p{font-size:12px}.news-related{grid-template-columns:1fr;gap:14px}.news-related h2{font-size:18px}.news-related .author-card{gap:14px}.news-related .author-photo{width:62px;height:62px}
 .catalog-layout{grid-template-columns:1fr}.catalog-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.catalog-filters h3:first-child{width:100%;margin:0 0 5px}.catalog-filters>.btn{width:auto;margin:0;background:#f5fbff;border:1px solid #c8e3f3;border-radius:8px;min-height:30px;font-size:10px}.catalog-filters>.selected{background:#d9effd}.catalog-filters h3:nth-of-type(2){display:none}.catalog-filters form{display:flex;width:100%;gap:8px;align-items:end;margin-top:8px}.catalog-filters .field{flex:1;min-width:0;margin:0;font-size:10px}.catalog-filters .field input{padding:8px}.catalog-filters form .btn{padding:9px;min-height:34px;font-size:10px}.catalog-results{min-height:330px}.catalog-book{max-width:100%;text-align:center;margin:auto}.catalog-book .album-cover{margin:auto;width:145px;height:212px}.catalog-book .row{justify-content:center}
 .album-detail{padding:15px}.album-detail-top{grid-template-columns:105px minmax(0,1fr);gap:14px;margin-bottom:22px}.album-detail-top>.album-cover{width:105px;height:155px}.album-detail-top h1{font-size:22px}.album-detail-top p{font-size:12px}.album-detail-top .row .btn{font-size:10px;min-height:34px;padding:6px 9px}.album-detail .author-inline{font-size:11px;gap:7px}.album-detail .author-inline .avatar{width:29px;height:29px}.genre-row{gap:5px;margin:10px 0}.genre-row .pill{font-size:9px;padding:3px 6px}.chapter-row{gap:9px}.chapter-row h3{font-size:12px}.chapter-row p{font-size:10px}.chapter-row .btn{min-width:50px;padding:8px}
 .dialog-backdrop{padding:12px}.dialog-card{padding:23px 18px;max-height:calc(100dvh - 24px)}.site-menu{gap:7px}.site-menu a{font-size:12px;padding:10px;gap:7px}.site-menu .custom-icon{width:23px;height:23px}
 .reader-top{padding:8px;display:flex;flex-wrap:wrap;gap:7px}.reader-top>.btn{font-size:10px;padding:6px 9px;min-height:32px}.reader-modes{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.reader-modes .btn{padding:6px 3px;min-height:39px;font-size:9px;border-radius:6px}.reader-canvas{padding:12px 8px}.reader-bottom{padding:8px;gap:7px}.reader-bottom .btn{font-size:9px;min-height:31px;padding:6px 8px}.reader-pagination{width:100%;justify-content:space-between;gap:6px;font-size:10px}.reader-tools{justify-content:center;gap:5px;width:100%}.reader-tools .custom-icon,.reader-tools .atlas{width:16px;height:16px;--s:16px}.reader-bottom .progress{display:none}.reader-sheet{--page-base:min(660px,calc(100vw - 44px))}.reader-pages.double .reader-sheet{--page-base:min(540px,calc((100vw - 54px)/2))}.reader-pages{gap:6px}
 .about-banner{display:block;padding:23px 18px;text-align:center}.about-banner .about-mascot{width:112px;height:125px;margin:0 auto 13px}.about-banner h1{font-size:25px}.about-banner .text-body{font-size:12px;text-align:left}.about-features{grid-template-columns:1fr;gap:10px}.about-features .panel{display:grid;grid-template-columns:43px 1fr;gap:4px 12px;padding:15px;text-align:left}.about-features .custom-icon{grid-row:1/3;margin:0;width:38px;height:38px}.about-features h3{margin:0}.about-landscape{height:190px}
 .guide-launcher{bottom:calc(76px + env(safe-area-inset-bottom));right:13px;padding-right:9px;font-size:9px}.guide-launcher img{width:34px;height:34px}.guide-card{bottom:calc(126px + env(safe-area-inset-bottom));right:13px;width:300px}.guide-launcher span{display:none}#toast{bottom:calc(79px + env(safe-area-inset-bottom));font-size:11px;width:max-content;max-width:92vw;padding:11px 15px}
 .admin-body{display:block;height:auto;overflow:auto;min-height:100dvh;background:#edf7fc}.admin-header{height:auto;min-height:76px;padding:12px;gap:12px;flex-wrap:wrap}.admin-header .brand{font-size:24px}.admin-header .row .btn{font-size:10px;padding:8px;min-height:32px}.admin-layout{grid-template-columns:1fr;padding:13px;gap:16px}.admin-nav{position:static;display:flex;overflow:auto;gap:7px}.admin-nav .btn{flex:0 0 auto;white-space:nowrap;font-size:11px}.admin-main h1{font-size:25px}.asset-row{gap:10px;flex-wrap:wrap}.asset-row>img{width:65px;height:59px}.admin-grid{grid-template-columns:1fr}.file-list{font-size:10px}.file-list td{padding:9px 5px}.file-list td:first-child{max-width:180px;overflow-wrap:anywhere}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:530px) and (max-width:950px){body:not(.admin-body){grid-template-rows:66px minmax(0,1fr) 43px}.topbar{grid-template-rows:66px}.topbar>.searchbox,.desktop-nav{display:none}.menu-launcher{display:block}.mobile-nav{display:flex;min-height:43px;padding:2px}.mobile-nav a{display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:center;font-size:9px}.mobile-nav .custom-icon,.mobile-nav .atlas{width:20px;height:20px;--s:20px}.footer{display:none}.reader-modes{width:auto;order:0;display:flex;flex:1}.reader-modes .btn{flex:1;font-size:8px;min-height:28px}.reader-top{gap:5px;padding:6px}.reader-bottom{padding:5px}.reader-bottom .btn{min-height:26px;font-size:8px;padding:5px}.reader-pagination{width:auto;flex:1}.reader-tools{width:auto;flex:1;justify-content:flex-end}.reader-title{display:none}.guide-launcher{bottom:53px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}