/* Desktop layout is isolated from the approved phone layout. */
@media(min-width:960px){
 html body.account-ready{max-width:none;box-shadow:none;background:var(--paper)}
 html body.account-ready .app{display:grid;grid-template-columns:minmax(320px,1fr) 400px;gap:24px 60px;max-width:1060px;padding:40px;margin:auto}
 .desktop-controls{grid-column:1;grid-row:1;align-self:start;position:sticky;top:32px;min-width:0;padding-top:26px}
 html body.account-ready .library-scene{grid-column:2;grid-row:1;width:400px;height:auto;aspect-ratio:793/1983;background:none;border-radius:18px;overflow:hidden}
 html[data-library-theme] body.account-ready .library-scene{background-image:none}
 html body.account-ready .shelf-world{background-position:center;background-size:100% 100%;background-repeat:no-repeat}
 html body.account-ready .continuation-world:before{display:none}
 html body.account-ready .desktop-controls>.journal-hero{position:relative;top:auto;width:auto;padding:0;margin:0 0 30px}
 html body.account-ready .desktop-controls .hero-top{position:static;justify-content:flex-start;margin:0 0 26px}
 html body.account-ready .desktop-controls .avatar{width:46px;height:46px;font-size:27px}
 html body.account-ready .desktop-controls .journal-intro .reading-motto{font-size:36px;padding:0;margin:0 0 14px;color:var(--terracotta);text-shadow:none}
 html body.account-ready .desktop-controls .intro.journal-intro h1{font-size:58px;line-height:1;overflow-wrap:anywhere;color:var(--ink);text-shadow:none}
 html body.account-ready .desktop-controls #library-name{color:var(--ink)}
 html body.account-ready .desktop-controls .journal-intro .tagline{font-size:25px;margin-top:16px;color:var(--faded);text-shadow:none}
 html body.account-ready .desktop-controls .reading-meta{margin-top:22px;flex-wrap:wrap;gap:12px}
 html body.account-ready .desktop-controls .journal-intro .stats{font-size:16px;color:var(--faded);text-shadow:none}
 html body.account-ready .desktop-controls .sort-filter .filter-trigger{font-size:14px;color:var(--ink);text-shadow:none;padding:7px 22px 7px 0}
 html body.account-ready .desktop-controls>.search{position:relative;top:auto;width:100%;height:46px;margin:0 0 16px;background:var(--paper);border-color:var(--line);padding:8px 14px}
 html body.account-ready .desktop-controls .search input:not([type=checkbox]){font-size:18px;color:var(--ink);background:transparent}
 html body.account-ready .desktop-controls .search input::placeholder{color:var(--faded)}
 html body.account-ready .desktop-controls .search svg{color:var(--olive)}
 html body.account-ready .desktop-controls>.filters{position:relative;top:auto;width:100%;margin:0;gap:10px;flex-wrap:wrap}
 html body.account-ready .desktop-controls .chip{font-size:16px;min-height:38px;padding:8px 13px}
 html body.account-ready .desktop-controls .year-filter .filter-trigger{font-size:14px;min-height:38px;color:var(--ink)}
 html body.account-ready #shelf-title{clip:auto;overflow:visible;position:absolute;top:105px;left:38px;width:324px;height:auto;padding:0;text-align:center;font-size:38px;line-height:1.1;white-space:normal;color:#69472f}
 html[data-library-theme="classic"] body.account-ready #shelf-title{color:#f5e6bc}
 html body.account-ready .desktop-controls>.bottom{position:static;inset:auto;width:100%;margin:28px 0 0;padding:18px 8px;gap:15px;flex-wrap:wrap;border:1px solid var(--line);border-radius:20px;box-shadow:none;background:var(--paper);backdrop-filter:none}
 html body.account-ready .desktop-controls .bottom .add{padding:13px 16px}
 html body.account-ready .desktop-controls .bottom .add span{font-size:16px}
 html body.account-ready .pagination{grid-column:2;width:100%;margin:0;padding-top:16px}
 html body.account-ready .sync-caption{grid-column:1/-1}
 html body.account-ready .footer-note.signature{grid-column:1/-1;margin:0;text-align:center}
 html body.account-ready dialog{width:min(680px,calc(100% - 64px));padding:32px;max-height:88dvh}
 html body.account-ready #theme-dialog{max-width:680px}
 html body.account-ready #theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 html body.account-ready .theme-option img{height:145px}
 html body.account-ready #corner-dialog{width:640px}
 html body.account-ready #corner-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 html body.account-ready .corner-favorites{grid-column:auto;flex-direction:column}
}