:root{--color-paper: #FBFBF9;--color-surface: #FFFFFF;--color-hairline: #EDECE8;--color-stone-200: #D6D5D0;--color-stone-400: #A7A7A2;--color-graphite-500: #6B6B67;--color-ink-800: #2A2A28;--color-ink-900: #0E0E0D;--color-dark-bg-start: #201F24;--color-dark-bg-end: #0C0C0F;--color-cover-bg-start: #34343C;--color-cover-bg-end: #0C0C10;--color-on-dark-primary: #F1F1F6;--color-on-dark-secondary: #B6B6C0;--color-on-dark-tertiary: #8A8A98;--color-tab-inactive: #9A9A96;--font-sans: -apple-system, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;--font-word: "Space Grotesk", var(--font-sans);--text-large-title: 2rem;--text-title-2: 1.375rem;--text-body: 1rem;--text-subhead: .9375rem;--text-footnote: .8125rem;--text-caption: .6875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 22px;--radius-hero: 26px;--radius-pill: 99px;--radius-tab-bar: 31px;--glass-bg: rgba(250, 250, 248, .7);--glass-border: rgba(255, 255, 255, .85);--glass-blur: blur(20px) saturate(180%);--glass-shadow: 0 10px 30px -10px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-card: 0 8px 22px -18px rgba(0, 0, 0, .3);--shadow-hero: 0 12px 30px -18px rgba(0, 0, 0, .35);--shadow-primary-btn: 0 10px 24px -10px rgba(14, 14, 13, .7);--color-bg: var(--color-paper);--color-card: var(--color-surface);--color-text: var(--color-ink-900);--color-text-muted: var(--color-graphite-500);--color-border: var(--color-hairline);--color-border-strong: var(--color-stone-200);--color-primary: var(--color-ink-900);--color-primary-dark: var(--color-ink-800)}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-ink-900);background:linear-gradient(180deg,var(--color-paper) 0%,#ECEBE6 100%);font-size:16px;line-height:1.5;min-height:100%}body{margin:0;background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-sans);font-weight:700;color:var(--color-ink-900);line-height:1.15;margin:0 0 var(--space-3);letter-spacing:-.02em}h1{font-size:var(--text-large-title)}h2{font-size:var(--text-title-2)}h3{font-size:var(--text-subhead);font-weight:600}p{margin:0 0 var(--space-3)}a{color:var(--color-ink-900);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font:inherit;color:inherit}.container{max-width:480px;margin:0 auto;padding:var(--space-4) var(--space-5)}main.container{padding-bottom:100px}.stack>*+*{margin-top:var(--space-3)}.stack-lg>*+*{margin-top:var(--space-6)}.row{display:flex;gap:var(--space-2);align-items:center}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.muted{color:var(--color-graphite-500);font-size:var(--text-footnote)}.meta-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-stone-400)}.large-title{font-size:var(--text-large-title);font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0}.word-headline{font-family:var(--font-word);font-size:1.6875rem;font-weight:600;line-height:1.08;letter-spacing:-.5px;margin:0}.word-display{font-family:var(--font-word);font-weight:700;letter-spacing:-1px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.page-header .meta-label{margin-bottom:2px}.glass-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 12px -8px #0006;color:var(--color-ink-900);text-decoration:none;flex-shrink:0}.glass-icon-btn:hover{text-decoration:none}.action-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 4px 12px -8px #00000040;color:var(--color-ink-900);text-decoration:none}.action-link:hover{text-decoration:none}.session-back{font-size:var(--text-footnote);color:var(--color-graphite-500);text-decoration:none;display:inline-block;margin-bottom:var(--space-2)}.session-back:hover{color:var(--color-ink-900);text-decoration:none}.section-sub{margin-top:-4px;margin-bottom:var(--space-4);font-size:var(--text-footnote);color:var(--color-graphite-500)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card{background:var(--color-surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-hero);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-hero)}.card--inset{border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-card)}.hero-card{background:var(--color-surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-hero);padding:22px 20px;box-shadow:var(--shadow-hero)}.grouped-list{background:var(--color-surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.grouped-list-row{display:flex;align-items:center;gap:var(--space-3);padding:13px var(--space-4);text-decoration:none;color:inherit}.grouped-list-row:hover{text-decoration:none;background:#00000005}.grouped-list-row+.grouped-list-row{border-top:1px solid var(--color-hairline)}.grouped-list-title{font-size:var(--text-subhead);font-weight:500;color:var(--color-ink-900)}.grouped-list-meta{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--color-stone-400);margin-top:2px}.grouped-list-chevron{color:var(--color-stone-200);font-size:1.125rem;margin-left:auto}ul.bare{list-style:none;padding:0;margin:0}label,.label{display:block;margin:var(--space-3) 0 var(--space-1);font-size:var(--text-footnote);color:var(--color-graphite-500);font-weight:500}input,textarea,select{padding:var(--space-3);border:1px solid var(--color-stone-200);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font-size:var(--text-body)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-ink-800)}textarea{resize:vertical;min-height:6rem}.glass-search{height:38px;border-radius:var(--radius-md);background:#7878781a;display:flex;align-items:center;gap:7px;padding:0 var(--space-3);margin-bottom:var(--space-3)}.glass-search input{border:none;background:transparent;padding:0;flex:1;font-size:var(--text-subhead)}.glass-search input:focus{outline:none;border:none}.glass-search input::placeholder{color:var(--color-stone-400)}button{background:var(--color-ink-900);color:var(--color-surface);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-size:var(--text-body);transition:opacity .15s ease}button:hover{opacity:.92}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-ink-900);border:1px solid var(--color-stone-200)}button.btn-primary{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-primary-btn)}button.btn-amen{width:100%;height:56px;font-family:var(--font-word);font-size:1.1875rem;font-weight:600;letter-spacing:.3px;box-shadow:0 14px 34px -12px #0e0e0db3}.segmented-control{height:36px;border-radius:11px;background:#7878781f;padding:3px;display:flex;gap:2px;margin-bottom:var(--space-4)}.segmented-control button{flex:1;height:100%;border-radius:9px;background:transparent;color:var(--color-stone-400);font-size:var(--text-footnote);font-weight:500;padding:0;box-shadow:none}.segmented-control button:hover{opacity:1;background:transparent}.segmented-control button.active{background:var(--color-surface);color:var(--color-ink-900);font-weight:600;box-shadow:0 2px 6px -2px #0000002e}.tab-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.tab{background:var(--color-surface);color:var(--color-graphite-500);border:1px solid var(--color-stone-200);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-footnote);font-weight:500;cursor:pointer}.tab--active{background:var(--color-ink-900);color:var(--color-surface);border-color:var(--color-ink-900)}.freq-pill{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-900);border:1px solid var(--color-ink-900);border-radius:var(--radius-pill);padding:2px 8px;flex-shrink:0}.freq-pill--muted{color:var(--color-graphite-500);border-color:var(--color-stone-200)}.toggle{width:46px;height:28px;border-radius:var(--radius-pill);background:var(--color-stone-200);border:none;padding:0;position:relative;flex-shrink:0;cursor:pointer}.toggle--on{background:var(--color-ink-900)}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle--on .toggle-knob{transform:translate(18px)}.review-sheet{padding-bottom:80px}.review-sheet-header{text-align:center;margin-bottom:var(--space-5)}.review-sheet-header .word-display{font-size:2.5rem}.review-topic-card{background:var(--color-surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-card);margin-bottom:var(--space-3)}.review-topic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.review-note-field{background:#f4f3ef;border-radius:14px;padding:var(--space-3);font-size:var(--text-subhead);margin-top:var(--space-3);border:none;width:100%;resize:vertical;min-height:48px}.review-amen-bar{position:fixed;left:var(--space-5);right:var(--space-5);bottom:calc(90px + env(safe-area-inset-bottom));z-index:10;max-width:440px;margin:0 auto}.player-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:linear-gradient(180deg,var(--color-dark-bg-start),var(--color-dark-bg-end) 80%);color:var(--color-on-dark-primary);display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.player-topbar{display:flex;align-items:center;justify-content:space-between;color:var(--color-on-dark-tertiary);padding:var(--space-2) 0}.player-topbar button{background:transparent;color:var(--color-on-dark-tertiary);padding:var(--space-2);box-shadow:none}.player-topbar .meta-label{color:var(--color-on-dark-tertiary)}.player-artwork-wrap{padding:var(--space-4) 6px 0}.player-artwork{width:100%;aspect-ratio:1;border-radius:18px;background:linear-gradient(150deg,var(--color-cover-bg-start),var(--color-cover-bg-end));box-shadow:0 20px 44px -18px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.player-artwork-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.player-artwork-ring--outer{width:150px;height:150px}.player-artwork-ring--inner{width:104px;height:104px;border-color:#ffffff0f}.player-artwork-title{font-family:var(--font-word);font-size:1.875rem;font-weight:600;color:#eeeef6;position:relative;letter-spacing:.3px}.player-artwork-brand{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--color-on-dark-tertiary);margin-top:6px;position:relative}.player-info{padding:var(--space-4) 6px 0}.player-info h2{font-family:var(--font-word);font-size:var(--text-title-2);font-weight:600;color:var(--color-on-dark-primary);margin:0}.player-info p{font-size:var(--text-footnote);color:var(--color-on-dark-tertiary);margin:2px 0 0}.player-scrubber{padding:14px 6px 0}.player-track{height:4px;background:#ffffff29;border-radius:var(--radius-pill);position:relative}.player-track-fill{position:absolute;left:0;top:0;height:100%;background:#ededf0;border-radius:var(--radius-pill)}.player-track-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--color-surface);transform:translate(-50%,-50%)}.player-times{display:flex;justify-content:space-between;font-size:11px;color:var(--color-on-dark-tertiary);margin-top:7px}.player-transport{display:flex;align-items:center;justify-content:center;gap:30px;padding:var(--space-2) 0}.player-skip-btn{background:transparent;color:#e6e6ec;padding:var(--space-2);box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px}.player-play-btn{width:60px;height:60px;border-radius:50%;background:var(--color-surface);color:var(--color-ink-900);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 12px 30px -8px #00000080}.player-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--color-on-dark-tertiary);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.daily-cover{width:100%;aspect-ratio:1;border-radius:18px;background:linear-gradient(150deg,var(--color-cover-bg-start),var(--color-cover-bg-end));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);position:relative}.daily-cover-head{font-family:var(--font-word);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#9a9aa2}.daily-cover-weekday{font-family:var(--font-word);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c8c8d0;margin-top:var(--space-6)}.daily-cover-date{font-family:var(--font-word);font-size:3rem;font-weight:600;color:var(--color-on-dark-primary);line-height:1;margin:var(--space-2) 0}.daily-cover-rule{width:46px;height:1px;background:#ffffff4d}.daily-cover-readings{margin-top:var(--space-6);font-family:var(--font-word);font-size:var(--text-footnote);font-weight:500;color:#e2e2e8}nav.bottom-nav{position:fixed;left:14px;right:14px;bottom:calc(13px + env(safe-area-inset-bottom));height:62px;border-radius:var(--radius-tab-bar);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:space-around;z-index:20;max-width:452px;margin:0 auto}nav.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:var(--space-1);min-width:48px;color:var(--color-tab-inactive)}nav.bottom-nav a:hover{text-decoration:none}nav.bottom-nav a.active{color:var(--color-ink-900)}nav.bottom-nav .bn-pill{width:34px;height:26px;border-radius:13px;background:var(--color-ink-900);display:flex;align-items:center;justify-content:center;color:var(--color-surface)}nav.bottom-nav a.active .bn-icon{stroke:var(--color-surface)}nav.bottom-nav a:not(.active) .bn-icon{stroke:var(--color-tab-inactive)}nav.bottom-nav .bn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.search-picker label{margin-top:0}.search-picker-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface)}.search-picker-option{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:0;background:transparent;color:var(--color-ink-900);text-align:left;font-weight:400;border-bottom:1px solid var(--color-hairline)}.search-picker-option:last-child{border-bottom:none}.search-picker-option:hover:not(:disabled){background:#00000008}.search-picker-option--selected{background:var(--color-hairline);font-weight:500}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-btn{flex:0 0 auto;background:var(--color-surface);color:var(--color-ink-900);border:1px solid var(--color-stone-200);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-footnote);font-weight:500;cursor:pointer}.chip-btn--active{background:var(--color-ink-900);border-color:var(--color-ink-900);color:var(--color-surface)}.pill{display:inline-block;padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-stone-200);font-size:var(--text-caption);background:var(--color-surface);color:var(--color-graphite-500)}@media (max-width: 640px){.large-title{font-size:1.875rem}}
