:root{--tone-teal:#1c746f;--tone-violet:#7852b6;--tone-amber:#a66a16;--tone-rose:#b45172;--tone-teal-soft:#e8f4ef;--tone-violet-soft:#f1ecf8;--tone-amber-soft:#faf0dc;--tone-rose-soft:#f9edf1;--app-header-height:78px}[data-theme=dark]{--tone-teal:#79c9b9;--tone-violet:#c2a0ed;--tone-amber:#e4b964;--tone-rose:#e8a0b5;--tone-teal-soft:#203c37;--tone-violet-soft:#342940;--tone-amber-soft:#3c3324;--tone-rose-soft:#402932}.application-shell .d-header{z-index:40;min-height:var(--app-header-height);background:var(--surface-raised);border-bottom:1px solid var(--border);position:sticky;top:0}.application-shell .d-desktop-nav a[aria-current=page],.application-shell .d-mobile-nav a[aria-current=page]{color:var(--tone-teal);background:var(--tone-teal-soft);border-radius:12px}.application-shell .d-desktop-nav a{border-bottom:0;align-items:center;height:44px;padding:12px;display:flex}.application-shell .d-desktop-nav{align-items:center}.application-shell .app-inbox-button:not(.ui-icon-menu-trigger){gap:8px;width:auto;min-width:44px;min-height:44px;padding:10px 12px}.application-shell .app-inbox-button[aria-current=page]{background:var(--tone-teal-soft);color:var(--tone-teal);border-color:var(--tone-teal)}.app-nav-icon{flex-shrink:0;display:inline-flex;position:relative}.app-nav-icon .app-inbox-dot{background:var(--tone-rose);inset:-3px -4px auto auto}.studio-section-header{align-items:center;min-width:0;display:flex;position:relative}.studio-layout-navigation{width:100%;max-width:1280px;margin-inline:auto;padding:28px 32px 0;position:relative}.studio-layout-navigation .studio-section-header{margin:0;position:static}.application-shell .d-desktop-nav a[aria-current]:after{display:none}.studio-section-header .app-studio-tabs{border:1px solid var(--border);background:var(--surface-raised);border-radius:16px;gap:4px;margin:0;padding:5px}.studio-section-header .app-studio-tabs a{border:0;border-radius:12px;align-items:center;min-height:44px;padding:10px 16px;display:flex}.studio-section-header .app-studio-tabs a[aria-current]{background:var(--tone-violet-soft);color:var(--tone-violet)}.studio-section-select{display:none}.application-shell:has(.studio-layout-navigation) .app-page{padding-top:16px}.application-shell:has(.studio-layout-navigation) .app-page>.app-page-heading:first-child{margin-top:0;margin-bottom:20px}.library-skeleton>div{aspect-ratio:3/4;background:var(--surface-soft);border-radius:16px}.application-shell .d-hero{min-height:360px;max-height:520px}.discover-stream{padding-block:24px}.discover-stream .d-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-block:24px 40px}.discover-stream>:first-child{margin-top:0}.discover-stream-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-block:24px;display:flex}.discover-stream-controls label{align-items:center;gap:10px;min-height:44px;display:flex}.discover-stream-controls input{width:20px;height:20px;accent-color:var(--tone-teal)}.d-showcase-card .d-showcase-link{border-radius:8px;padding-bottom:8px;display:block}.d-showcase-card>.d-card-author{align-items:center;min-height:28px;font-size:12px;display:inline-flex;margin-top:0!important}.d-showcase-card>.d-card-author:is(:hover,:focus-visible){text-underline-offset:3px;text-decoration:underline}.d-recommendation-reason{color:var(--tone-teal);margin-top:4px;font-size:12px}.d-topic-nav{scrollbar-width:none;gap:8px;padding:16px max(24px,50% - 660px);display:flex;overflow-x:auto}.d-topic-nav::-webkit-scrollbar{display:none}.d-topic-nav a{background:var(--surface-soft);border-radius:12px;flex:none;align-items:center;min-height:44px;padding:8px 16px;font-size:13px;display:inline-flex}.d-topic-nav a:is(:hover,:focus-visible),.d-topic-nav a[aria-current]{background:var(--fg);color:var(--surface)}.d-showcase-card h3{overflow-wrap:anywhere;min-height:0;margin-top:6px}.discover-stream .d-showcase-card h3{font-size:1.05rem}.d-showcase-card .d-card-meta{white-space:normal;flex-wrap:wrap;gap:4px 10px}.d-showcase-link:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:5px}.d-showcase-link:is(:hover,:focus-visible) h3{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.d-showcase-link:is(:hover,:focus-visible) .d-cover{transform:translateY(-3px)}.d-showcase-card .d-cover{width:100%}.d-showcase-details{color:var(--fg-muted);flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:11px;display:flex}.discover-card-blurb{-webkit-line-clamp:3;color:var(--fg-muted);-webkit-box-orient:vertical;margin-top:10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.d-hero-book-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.d-hero-book-link:focus-visible{outline:none}.d-hero-book-link:focus-visible:after{outline-offset:-6px;outline:2px solid}.d-hero-explore{border-bottom:1px solid;margin-top:24px;padding-bottom:5px;font-size:12px;display:inline-block}@media (prefers-reduced-motion:reduce){.d-showcase-link:is(:hover,:focus-visible) .d-cover{transform:none}}.application-shell .d-button{white-space:normal;text-align:center;border-radius:6px;gap:6px;max-width:100%;min-height:36px;padding:7px 12px;font-size:13px;line-height:1.4}.application-shell .d-button>svg{flex:none}.application-shell .d-button:hover{transform:none}.application-shell .d-button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.application-shell .social-row{flex-wrap:wrap;gap:8px}.settings-content .social-page{min-width:0}.settings-content .social-page>*+*{margin-top:1rem}.settings-content .social-form input:not([type=checkbox]):not([type=file]){min-height:36px;padding-block:7px}.notification-toggle{max-width:100%;color:var(--fg-muted);gap:4px;margin:6px 0;font-size:12px;display:inline-grid}.notification-toggle label{align-items:center;gap:6px;line-height:1.4;display:inline-flex}.notification-toggle input{flex:none;width:14px;height:14px}.notification-toggle [role=alert]{color:var(--tone-rose)}.recommendation-feedback{border:1px solid var(--border);border-radius:8px;align-content:start;gap:8px;padding:12px;display:grid}.recommendation-card{align-content:start;gap:8px;min-width:0;display:grid}.recommendation-feedback button{justify-self:start}.social-notification{gap:12px}.social-notification>div{overflow-wrap:anywhere;min-width:0}.social-notification>button{flex-shrink:0}@media (max-width:480px){.social-notification{flex-wrap:wrap}.settings-content .social-row>*{max-width:100%}}.discovery-app .d-genre-tiles>a{aspect-ratio:3/2;border-radius:18px;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.d-genre-scene{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.discovery-app .d-genre-tiles .d-genre-name{color:#fff;white-space:normal;background:linear-gradient(#0000,#101623d9);padding:40px 18px 18px;font-size:1.1rem;position:absolute;inset:auto 0 0}.d-library-grid{align-items:stretch}.reading-finished{color:var(--tone-teal);flex-wrap:wrap;align-items:center;gap:8px;margin-block:12px;display:flex}.reading-finished strong{border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;display:inline-flex}.reading-finished time{color:var(--fg-muted);font-size:.75rem}.social-medal{filter:drop-shadow(0 3px 2px #0002);flex-shrink:0;width:88px;height:96px;display:inline-flex}.social-medal-small{width:40px;height:44px}.social-medal svg{width:100%;height:100%;overflow:visible}.social-achievement[data-earned=true]{border-color:color-mix(in srgb, var(--tone-amber), var(--border) 65%)}.social-achievement[data-earned=false] .social-medal{opacity:.7;filter:grayscale(.45)}.social-achievement details{border-top:1px solid var(--border);padding-top:12px}.social-achievement summary{cursor:pointer;min-height:44px}.medal-picker{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.medal-choice{border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.medal-choice:has(input:checked){border-color:var(--tone-violet);background:var(--tone-violet-soft)}.medal-choice:has(input:disabled:not(:checked)){opacity:.65;cursor:default}.medal-choice input{width:20px;height:20px;accent-color:var(--tone-violet)}.medal-choice small{color:var(--fg-muted);display:block}.settings-sidebar a[aria-current=page]{color:var(--tone-violet);background:var(--tone-violet-soft)}@media (max-width:1000px){:root{--app-header-height:76px}}@media (max-width:650px){.studio-layout-navigation{padding:20px 16px 0}.discovery-app .d-genre-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-app .d-genre-tiles .d-genre-name{padding:32px 12px 12px;font-size:1rem}.application-shell .d-header{min-height:70px;position:relative}.studio-section-header{width:100%}.studio-section-header .app-studio-tabs{display:none}.studio-section-select{flex:1;gap:5px;min-width:0;display:grid}.studio-section-select label{color:var(--fg-muted);font-size:.75rem}.application-shell .d-hero{min-height:350px;max-height:none}.discover-stream .d-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discover-card-blurb{font-size:.85rem}.application-shell .app-header-search-trigger{border-radius:50%;flex:0 0 44px;width:44px;height:44px;padding:0}}@media (prefers-reduced-motion:reduce){.application-shell *,.social-medal{scroll-behavior:auto!important;transition:none!important;animation:none!important}}