:root{color-scheme:dark;--bg:#10171b;--panel:#192329;--line:#2b373d;--text:#f1f1e9;--muted:#a4b0b4;--accent:#edb771;--green:#91bfb1;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;padding-bottom:220px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:11px 17px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.topbar{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:15px}.brand{display:flex;gap:13px;align-items:center;font-weight:750;letter-spacing:3px;font-size:18px}.brand-icon{color:var(--accent);font-size:36px;letter-spacing:-9px;display:block;width:41px;transform:rotate(180deg)}.brand-sub{display:block;letter-spacing:2.8px;font-size:9px;font-weight:500;margin-top:3px;color:var(--muted)}.top-right{display:flex;align-items:center;gap:22px}.connection{font-size:12px;color:var(--green)}main{max-width:1440px;padding:48px 5vw;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,3.4vw,51px);font-weight:550;line-height:1.18;letter-spacing:-1.8px;margin:17px 0}h2{font-size:21px;font-weight:550;letter-spacing:-.5px}h3{font-size:16px;font-weight:550}.muted,.small{color:var(--muted)}.small{font-size:12px;line-height:1.7}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.heading p{font-size:14px}.quiet{background:transparent;font-size:13px}.primary{background:var(--accent);color:#172027;border:0;font-weight:650;min-height:47px}.primary span{margin-left:26px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;gap:15px}.section-title h2{margin:0}.section-title>span{font-size:12px;color:var(--muted)}.continue-list{display:flex;gap:18px;overflow-x:auto;padding:4px 0 14px}.continue-card{background:linear-gradient(120deg,#25332f,#1b292d);padding:18px;display:flex;gap:20px;min-width:350px;max-width:440px;text-align:left;flex:1;border-color:#3b4b45}.continue-card img{width:90px;height:114px;object-fit:cover;border-radius:5px;background:var(--line)}.continue-card>div{flex:1;min-width:0}.continue-card strong{display:block;font-size:17px;line-height:1.4;margin:8px 0;white-space:normal}.continue-card p{font-size:12px;color:var(--muted);margin:7px 0}.continue-card .tag{font-size:9px;color:var(--green);letter-spacing:1.5px}.continue-card .listen{color:var(--accent);font-size:12px}.collection{margin-top:34px}.badge{background:var(--panel);color:var(--muted);font-size:11px;padding:5px 9px;border-radius:6px;margin-left:8px;vertical-align:middle}.filters{display:flex;gap:12px;margin:22px 0 28px}.search{display:flex;align-items:center;gap:12px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0 15px}.search>span{font-size:26px;color:var(--muted)}input[type=search]{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:14px 0;outline-offset:0}select{background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px;font-size:12px}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 25px}.book-card{background:transparent;border:0;padding:0;text-align:left;min-width:0;border-radius:6px}.cover-wrap{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#394444,#213139);border-radius:9px;overflow:hidden;box-shadow:0 10px 24px #0002;display:grid;place-items:center}.cover-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.fallback{font-family:Georgia,serif;font-size:42px;color:#c0cdc2}.cover-badge{position:absolute;bottom:10px;left:10px;background:#10171be8;color:var(--accent);border:1px solid #ffffff20;font-size:10px;border-radius:6px;padding:6px 9px}.book-card h3{font-size:14px;line-height:1.45;margin:13px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card p{font-size:12px;color:var(--muted);margin:0}.book-card:hover .cover-wrap{box-shadow:0 0 0 2px var(--accent)}.empty{padding:50px 0;text-align:center;color:var(--muted)}.message{position:fixed;bottom:195px;left:50%;transform:translateX(-50%);background:#293b41;border:1px solid #6b8c8c;padding:15px 22px;max-width:min(90vw,650px);border-radius:11px;z-index:20;font-size:14px;box-shadow:0 10px 40px #0008}.message.error{background:#4c2a26;border-color:#bc7a61}.player{position:fixed;bottom:0;width:100%;border-top:1px solid #3a4547;background:#172126f5;backdrop-filter:blur(20px);padding:18px 4vw max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:30px;z-index:10}.player-book{display:flex;gap:15px;align-items:center;min-width:0}.player-book img{width:62px;height:62px;object-fit:cover;border-radius:5px;background:var(--line)}.player-book>div{min-width:0}.player-book strong,.player-book span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-book span{color:var(--muted);font-size:11px;margin-top:4px}.text-link{padding:0;border:0;background:none;color:var(--accent);font-size:11px;margin-top:7px}.transport{display:flex;align-items:center;justify-content:center;gap:19px}.transport button{padding:0;border:0;background:transparent;font-size:18px;min-width:26px;min-height:40px}.transport .play-button{border-radius:50%;height:44px;width:44px;background:var(--accent);color:#172027;font-size:18px}.transport .skip{font-size:28px;position:relative}.skip small{font-size:9px;position:absolute;top:18px;left:8px}.seekrow{display:flex;gap:10px;align-items:center;margin-top:8px;font-variant-numeric:tabular-nums}.seekrow span{color:var(--muted);font-size:10px;min-width:35px;text-align:center}input[type=range]{flex:1;width:100%;accent-color:var(--accent);height:25px;min-width:20px}.player-options{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.sync-status{width:100%;text-align:right;font-size:10px;color:var(--green)}dialog{max-width:760px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:18px;background:#192329;color:var(--text);padding:34px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#070e13bd;backdrop-filter:blur(7px)}.close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:25px;padding:5px 10px}.detail-head{display:flex;gap:27px;margin:8px 0 25px}.detail-head img{width:160px;height:160px;object-fit:cover;border-radius:9px;background:var(--line)}.detail-head h2{font-size:26px;margin:12px 0;line-height:1.2}.detail-head p{font-size:13px}.summary{white-space:pre-wrap;font-size:13px;line-height:1.7;color:var(--muted)}.chapters{display:flex;flex-direction:column;gap:6px}.chapter{display:flex;align-items:center;text-align:left;gap:14px;background:#202d33;border:0;border-radius:6px}.chapter strong{font-size:13px;font-weight:500;flex:1}.chapter span{color:var(--muted);font-size:11px}.chapter.active{box-shadow:inset 3px 0 var(--accent)}#conflict{max-width:500px}#conflict p{line-height:1.7;color:var(--muted)}#conflict button{display:block;width:100%;margin-top:12px}.login{position:relative;min-height:520px;padding-top:60px;isolation:isolate}.login h1{font-size:clamp(48px,6vw,80px);line-height:1.05;letter-spacing:-3px}.login>p{max-width:390px;color:var(--muted);line-height:1.8;font-size:15px}.login .small{font-size:11px;margin-top:25px;max-width:340px}.login .primary{margin-top:20px}.login-art{position:absolute;right:5%;top:55px;width:350px;height:410px;z-index:-1}.orbit{position:absolute;inset:-30px;border:1px solid #324239;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 120px #6a72501c}.book-shape{position:absolute;inset:25px 30px;background:linear-gradient(125deg,#657e6d,#2c493d);border-radius:7px 20px 20px 7px;box-shadow:inset 12px 0 #ffffff0d,15px 25px 60px #0006;transform:rotate(9deg);padding:52px 35px}.book-shape>span{font-family:Georgia,serif;color:#efe3c8;font-size:32px;line-height:1.4}.soundbars{display:flex;gap:6px;align-items:center;justify-content:center;height:85px;margin-top:30px}.soundbars i{width:5px;background:#edb771aa;border-radius:4px;height:35%}.soundbars i:nth-child(2n){height:60%}.soundbars i:nth-child(3n){height:90%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-break{display:none}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}.book-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1050px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.player{grid-template-columns:1fr 1.4fr}.player-options{grid-column:1/-1;justify-content:center;gap:15px}.sync-status{width:auto}.login-art{right:0;opacity:.5}.login>p{max-width:330px}}
@media(max-width:680px){.topbar{height:78px;padding:0 20px}.brand{font-size:15px}.connection{font-size:10px}.top-right{gap:10px}#logout{font-size:11px;padding:8px}main{padding:30px 20px}.heading{display:block;margin-bottom:30px}.heading h1{font-size:36px}.heading p{line-height:1.6}.heading button{margin-top:7px}.section-title>span{display:none}.filters{flex-wrap:wrap;gap:9px}.search{flex-basis:100%}.filters select{flex:1;min-width:0;font-size:11px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.book-card h3{font-size:13px}.continue-card{min-width:300px;padding:15px;gap:15px}.continue-card img{width:75px;height:100px}.continue-card strong{font-size:15px}.player{grid-template-columns:1fr;padding:12px 20px max(12px,env(safe-area-inset-bottom));gap:9px}.player-book img{width:43px;height:43px}.player-book strong{font-size:12px}.player-book .text-link{position:absolute;right:20px;top:23px;font-size:10px}.player-book>div{max-width:calc(100vw - 190px)}.player-book span{font-size:10px}.transport{gap:26px}.transport .play-button{width:40px;height:40px}.seekrow{margin-top:1px}.player-options{gap:8px;justify-content:space-between}.player-options select{padding:7px 10px;font-size:10px}.sync-status{max-width:47%;text-align:right;line-height:1.4}.message{bottom:235px;font-size:12px}body{padding-bottom:250px}.detail-head{gap:17px}.detail-head img{width:95px;height:120px}.detail-head h2{font-size:19px}.detail-head p{font-size:11px}dialog{padding:24px 20px}.login{padding-top:30px;min-height:650px}.login-art{width:220px;height:260px;top:380px;right:20px;opacity:1}.book-shape{padding:25px 20px}.book-shape>span{font-size:22px}.soundbars{margin-top:5px;height:45px}.login h1{font-size:56px}.login>p{max-width:100%}.mobile-break{display:inline}.login .small{max-width:100%;padding-right:30px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.book-card .cover-wrap{transition:box-shadow .15s}}

/* Audiobooks 0.2: volume, restart and output controls */
.volume-control{display:flex;align-items:center;gap:7px;width:170px;max-width:100%;padding:1px 0}.volume-control input{width:80px;min-width:40px;flex:1}.volume-control>span{font-size:10px;color:var(--muted);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.volume-mute{background:transparent;border:0;padding:5px;font-size:16px;min-width:29px}.system-volume input{opacity:.35}.detail-actions,.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .quiet{font-size:11px}.device-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.player-options #devices{padding:9px 10px;font-size:11px}#devices-dialog{max-width:620px}#devices-dialog p,#reset-dialog p{font-size:13px;line-height:1.75;color:var(--muted)}#reset-dialog{max-width:500px}#reset-dialog .dialog-actions{justify-content:flex-end;margin-top:24px}#devices-dialog h3{color:var(--accent);margin-top:26px}
@media(max-width:1050px){.player-options{gap:10px}.player-options .sync-status{flex-basis:100%;text-align:center}.message{bottom:240px}body{padding-bottom:270px}}
@media(max-width:680px){.volume-control{width:calc(100% - 90px)}.player-options #devices{font-size:10px}.player-options .sync-status{flex-basis:100%;max-width:100%;text-align:center}.player-options{gap:4px 8px}.player-options>label{flex:1}.player-options>label select{width:100%}.message{bottom:305px}body{padding-bottom:320px}.detail-actions .primary,.detail-actions .quiet{width:100%;padding:10px}.device-buttons button{width:100%}}

.library-picker{margin:0 0 30px}.library-switch{display:inline-flex;flex-wrap:wrap;gap:5px;padding:5px;background:#172126;border:1px solid var(--line);border-radius:12px}.library-tab{background:transparent;border:0;padding:12px 21px;border-radius:8px;font-size:14px;color:var(--muted)}.library-tab[aria-pressed=true]{background:var(--accent);color:#172027;font-weight:650}.library-tab:disabled{opacity:1;cursor:default}.library-name{font-size:12px;color:var(--muted);margin:10px 2px 0}#books[aria-busy=true]{opacity:.65}@media(max-width:680px){.library-switch{display:flex;width:100%}.library-tab{flex:1;padding:12px 10px;font-size:13px;min-height:44px}.library-picker{margin-bottom:26px}.library-name{font-size:11px}}