/* Focused reading surfaces, clear destinations, comfortable touch targets. */
main>header.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);letter-spacing:normal}.topbar-brand{font-size:25px;font-weight:700;letter-spacing:-.8px;text-decoration:none;color:var(--green)}.topbar-brand>span{display:inline-block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:14px}.header-settings{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:15px}.header-settings svg{width:21px;height:21px}.header-settings[aria-current=page]{background:var(--soft);border-color:var(--green)}
.product-heading.compact-heading{padding:28px 0 22px}.compact-heading h1{font-size:32px;margin:0 0 8px;line-height:1.25}.compact-heading p{font-size:16px}.home-resume{margin:0 0 26px}.home-resume h2{font-size:21px;line-height:1.4;margin:0 0 14px}.resume-choices{display:grid;gap:10px}.resume-choice{display:flex;align-items:center;gap:16px;padding:19px 22px;min-height:92px;width:100%;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}.resume-choice:first-child{background:var(--soft);border-color:var(--green)}.resume-symbol,.destination-icon{display:grid;place-items:center;color:var(--green);flex-shrink:0}.resume-symbol svg{width:26px;height:26px}.resume-choice small{display:block;font-size:12px;letter-spacing:.5px;color:var(--muted);margin-bottom:5px}.resume-choice strong{font-size:19px;line-height:1.4}.resume-arrow{margin-left:auto;color:var(--green);font-size:23px}.home-destinations{display:grid;grid-template-columns:1fr 1fr;gap:16px}.destination-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:172px;padding:24px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--ink)}.destination-icon{width:42px;height:42px;background:var(--soft);border-radius:12px;margin-bottom:7px}.destination-icon svg{width:26px;height:26px}.destination-card strong{font-size:23px;line-height:1.3}.destination-card>span:last-child{font-size:15px;color:var(--muted)}.destination-card.reading{background:#235f58;border-color:#235f58;color:#fff}.destination-card.reading .destination-icon{background:#ffffff1c;color:#fff}.destination-card.reading>span:last-child{color:#ecf5f2}.destination-card.learning{border-color:var(--green)}.destination-card:hover,.resume-choice:hover{box-shadow:0 4px 16px #123e3610}.destination-switch{display:flex;gap:6px;padding:6px;background:var(--soft);border-radius:14px;margin:0 0 24px}.destination-switch button{flex:1;min-width:0;min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:17px}.destination-switch button.selected{background:var(--surface);color:var(--green);font-weight:600;border-color:var(--line)}
.compact-reading-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;gap:12px}.compact-reading-header h1{font-size:32px;line-height:1.3;margin:0}.compact-reading-header .favorite-toggle{font-size:32px;width:48px;height:48px;min-width:48px;padding:0;display:grid;place-items:center;border-radius:12px}.reader-breadcrumb{padding-top:16px;margin-bottom:10px}.reading-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.reader-listen-start{margin:0;flex:1;min-width:100px}.reader-tool{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--green);font:inherit;font-size:16px}.reader-listen-start .reader-tool{width:100%}.reader-tool svg{width:20px;height:20px;flex-shrink:0}.reader-tool[aria-expanded=true]{background:var(--soft);border-color:var(--green)}.reader-inline-panel{padding:20px;margin-bottom:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.reader-inline-panel[hidden]{display:none}.reader-inline-panel>label{display:block;margin-bottom:10px}.reader-inline-panel select{min-height:48px;width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;font:inherit}.reader-inline-panel .reading-option-grid{margin:0}.reader-inline-panel .quiet-note{margin:16px 0 0}.reader-tap-hint{font-size:14px;color:var(--muted);margin:6px 0 18px}.simple-layout .verse-top{gap:8px 14px}.simple-layout .verse-ref{font-size:14px}.simple-layout .verse-meaning-button{font-size:14px;min-height:44px}.verse-pronunciation{margin-top:10px}.quick-meaning{border-radius:12px}.quick-meaning-text>span{font-size:14px}.quick-meaning-text>strong{font-size:20px}.word-grammar>summary{font-size:16px}.quick-meaning .word-grammar{flex-basis:100%}.quick-meaning>.inline-audio-control{flex-basis:auto}.quick-meaning .text-button{font-size:15px;min-height:44px}.simple-layout .verse-block{scroll-margin-top:18px}
.learning-progress-card{padding:26px;margin-bottom:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.learning-progress-card h2{margin:0 0 18px;font-size:22px}.learning-progress-card p{color:var(--muted);font-size:16px}.learning-progress-card progress{display:block;width:100%;height:10px;border:0;accent-color:var(--green)}.learning-totals{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:22px}.learning-totals>div{flex:1;min-width:130px}.learning-totals strong{display:block;font-size:34px;line-height:1.4}.learning-totals small{font-size:18px;color:var(--muted);font-weight:400}.learning-totals span{font-size:15px;color:var(--muted)}.earned-milestones{list-style:none;padding:0;margin:0}.earned-milestones li{padding:12px 0;border-top:1px solid var(--line);font-size:16px}.full-mini-player{display:block;max-width:900px;margin:0 auto;padding:12px 16px}.full-mini-player[hidden]{display:none}.mini-player-row{display:flex;align-items:center;gap:12px}.mini-player-title{flex:1;min-width:0;display:block;text-align:left;background:transparent;border:0;padding:5px 0;color:var(--ink)}.mini-player-title strong{font-size:18px}.mini-player-title span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.mini-player-close{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:10px;font-size:28px}.mini-player-details{font-size:14px;max-height:45vh;overflow:auto}.mini-player-details>summary{min-height:44px;padding:10px 0 5px;cursor:pointer;color:var(--green)}.mini-player-details .full-action-row{display:none}.mini-player-details .full-timeline{margin:4px 0 8px}.mini-player-details .full-status{margin:6px 0}.mini-player-details .continuous-choice{font-size:15px}.mini-player-row>.secondary{font-size:15px;padding:10px 14px}body[data-full-audio=active] main{padding-bottom:190px}body[data-full-audio=active]:has(.mini-player-details[open]) main{padding-bottom:360px}
@media(max-width:800px){body>aside nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}body>aside nav button{min-width:0}body>aside nav button .nav-label{font-size:14px;white-space:normal;overflow-wrap:anywhere}.full-mini-player{left:12px;right:12px;bottom:calc(83px + env(safe-area-inset-bottom))}body[data-full-audio=active] main{padding-bottom:275px}body[data-full-audio=active]:has(.mini-player-details[open]) main{padding-bottom:445px}}
@media(max-width:600px){main>header.app-topbar{padding:12px 0}.topbar-brand{font-size:23px}.topbar-brand>span{display:none}.header-settings{padding:9px 12px;font-size:14px}.product-heading.compact-heading{padding:23px 0 19px}.compact-heading h1,.compact-reading-header h1{font-size:28px}.compact-heading p{font-size:16px}.home-destinations{gap:12px}.destination-card{padding:18px 15px;min-height:158px;border-radius:16px}.destination-card strong{font-size:20px}.destination-card>span:last-child{font-size:14px}.resume-choice{gap:12px;padding:16px;min-height:88px}.resume-choice strong{font-size:17px}.resume-choice small{font-size:12px}.resume-symbol svg{width:22px;height:22px}.destination-switch{margin-bottom:20px}.destination-switch button{font-size:16px;padding:9px 8px}.reading-toolbar{gap:8px}.reader-tool{padding:10px;font-size:15px;min-height:48px}.reader-inline-panel{padding:16px}.learning-progress-card{padding:20px}.mini-player-row{gap:8px}.full-mini-player{padding:10px 13px}.mini-player-title strong{font-size:17px}.mini-player-row>.secondary{font-size:14px;padding:10px}.mini-player-close{width:40px;min-width:40px}.mini-player-details>summary{padding-top:8px}.reader-breadcrumb>span{font-size:13px}}
@media(max-width:360px){.home-destinations{grid-template-columns:1fr}.destination-card{min-height:130px}.reading-toolbar{gap:6px}.reader-tool{font-size:14px;padding:9px}.reader-listen-start{min-width:90px}.reader-tool svg{width:18px;height:18px}}