@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400&display=swap";:root{color-scheme:light;--font-ui: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-display: "Newsreader", "Georgia", serif;--bg: #F2EDE3;--surface: #FAF7F0;--surface-strong: #FFFDF7;--ink: #2A2722;--muted: #9C9386;--muted-light: #B8B0A4;--line: rgba(42, 39, 34, .07);--line-strong: rgba(42, 39, 34, .12);--accent: #C4A97D;--accent-light: rgba(196, 169, 125, .25);--accent-strong: #A88B5E;--green: #7FA394;--green-light: rgba(127, 163, 148, .15);--amber: #D4A76A;--red: #B05948;--shadow-sm: 0 1px 3px rgba(42, 39, 34, .04);--shadow: 0 4px 14px rgba(42, 39, 34, .05), 0 16px 40px rgba(42, 39, 34, .03);--shadow-lg: 0 8px 28px rgba(42, 39, 34, .07), 0 24px 60px rgba(42, 39, 34, .04);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--bg: #181714;--surface: #22201C;--surface-strong: #2B2824;--ink: #E8E3D8;--muted: #8A8478;--muted-light: #6B665C;--line: rgba(232, 227, 216, .06);--line-strong: rgba(232, 227, 216, .12);--accent: #C4A97D;--accent-light: rgba(196, 169, 125, .2);--accent-strong: #D4B98D;--green: #7FA394;--green-light: rgba(127, 163, 148, .15);--amber: #C49A5E;--red: #C46A58;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow: 0 4px 14px rgba(0, 0, 0, .15), 0 16px 40px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .2), 0 24px 60px rgba(0, 0, 0, .15)}*{box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse at 25% 15%,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 75% 85%,color-mix(in srgb,var(--green) 3%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 2%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}.app-shell{position:relative;z-index:1;width:min(100%,720px);min-height:100vh;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) 24px calc(100px + env(safe-area-inset-bottom))}.loading-shell{display:grid;place-content:center;gap:24px;text-align:center;animation:fadeIn .8s ease-out;min-height:100vh}.brand-mark{display:grid;width:72px;height:72px;margin:0 auto;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.05em;box-shadow:var(--shadow-lg);position:relative}.brand-mark:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--accent-light);animation:gentlePulse 3s ease-in-out infinite}.loading-shell p{color:var(--muted);font-size:14px;font-weight:500;letter-spacing:.02em}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:8px;border-bottom:1px solid var(--line)}.topbar h1,.screen h2,.section-title h3,.muted-panel h3{margin:0;font-family:var(--font-display);letter-spacing:-.02em}.topbar h1{font-size:34px;line-height:1;font-weight:600}.eyebrow{margin:0 0 6px;color:var(--accent-strong);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.icon-button{width:44px;height:44px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);display:grid;place-items:center;font-size:18px;transition:all .25s ease;flex-shrink:0}.icon-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.content-stage,.screen,.stack{display:grid;gap:20px;align-content:start}.screen{animation:fadeIn .5s ease-out}.hero-panel,.launch-panel,.panel,.practice-card,.verse-row,.metric,.pack-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-panel:hover,.panel:hover,.metric:hover,.pack-card:hover,.verse-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;position:relative;overflow:hidden}.launch-panel{display:grid;gap:18px;padding:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 92%,var(--accent)),var(--surface)),var(--surface)}.launch-panel:after{content:"";position:absolute;right:-44px;top:-44px;width:140px;height:140px;border-radius:50%;border:1px solid var(--accent-light);opacity:.8}.launch-panel h2{margin:0;max-width:520px;font-family:var(--font-display);font-size:33px;line-height:1.05;font-weight:600;letter-spacing:-.02em}.launch-panel p{max-width:520px;margin:12px 0 0;color:var(--muted);font-size:15px}.launch-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:10px}.proof-strip{display:flex;flex-wrap:wrap;gap:8px}.proof-strip span,.feature-grid span{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--green) 10%,var(--surface-strong));color:var(--ink);font-size:12px;font-weight:700;padding:7px 10px}.hero-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--green),var(--accent));opacity:.3}.hero-panel h2{max-width:420px;font-size:26px;line-height:1.2;font-weight:600}.hero-panel p{margin:10px 0 0;color:var(--muted);line-height:1.6;font-size:14px}.streak-orb{display:grid;flex:0 0 90px;width:90px;height:90px;place-items:center;align-content:center;border-radius:50%;position:relative;background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--green) 12%,var(--surface)));box-shadow:inset 0 2px 4px #ffffff80,var(--shadow-sm)}:root[data-theme=dark] .streak-orb{box-shadow:inset 0 2px 4px #ffffff08,var(--shadow-sm)}.streak-orb:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--green) 25%,transparent)}.streak-orb strong{font-family:var(--font-display);font-size:32px;line-height:1;font-weight:700;color:var(--ink)}.streak-orb span{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.02em}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{display:grid;gap:6px;padding:16px;box-shadow:var(--shadow-sm);text-align:center;border-radius:var(--radius)}.metric strong{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1}.metric span,.pack-card span,.verse-row span,.practice-card small,.pack-card small,.verse-row small,.attempt-box span,.muted-panel p{color:var(--muted)}.metric span{font-size:12px;font-weight:500}.panel{padding:22px;box-shadow:var(--shadow-sm)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h3{font-size:19px;font-weight:600}.section-title span{font-family:var(--font-display);color:var(--muted);font-size:16px;font-weight:500}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-dot{height:10px;border-radius:var(--radius-pill);background:var(--line);transition:background .3s ease,box-shadow .3s ease}.day-dot.complete{background:var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 35%,transparent)}.goal-meter{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--line)}.goal-meter span{display:block;height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--accent-strong));transition:width .4s cubic-bezier(.22,1,.36,1)}.practice-card{display:grid;width:100%;gap:10px;padding:24px;text-align:left;cursor:pointer;position:relative;overflow:hidden}.practice-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent);opacity:.3}.practice-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.practice-card span{color:var(--accent-strong);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.practice-card strong{font-family:var(--font-display);font-size:21px;font-weight:600}.practice-card small{display:-webkit-box;overflow:hidden;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}.practice-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid var(--line)}.practice-header h2{font-size:26px;font-weight:600}.practice-header span{font-family:var(--font-display);color:var(--muted);font-weight:600;font-size:17px}.verse-board{display:flex;flex-wrap:wrap;gap:8px;min-height:200px;align-content:center;padding:32px 28px;border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-sm),inset 0 1px 4px #00000004;border:1px solid var(--line-strong);position:relative}.verse-board:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-light),var(--accent),var(--accent-light));border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.5}.word{min-height:34px;padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--green) 8%,transparent);line-height:1.45;font-family:var(--font-display);font-size:17px;font-weight:500;transition:all .2s ease;letter-spacing:.005em}.word.hidden{color:transparent;background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong));text-shadow:0 0 0 var(--muted-light)}.word.weak{box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--amber) 8%,transparent)}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:4px;padding:4px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line)}.segmented button,.primary-button,.ghost-button{min-height:42px;border:0;border-radius:var(--radius-sm);font-weight:700;font-size:13px;transition:all .2s ease}.segmented button{background:transparent;color:var(--muted);font-weight:600}.segmented button:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,transparent)}.segmented button.active{background:var(--surface-strong);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:700}textarea,input{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--ink);padding:14px;resize:vertical;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}textarea:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.attempt-box,.manual-form,.lookup-form{display:grid;gap:12px}.attempt-box span{display:block;font-size:12px;font-weight:600;letter-spacing:.03em}.action-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.result-panel{display:grid;gap:8px;padding:20px;border-radius:var(--radius);background:var(--green-light);border:1px solid color-mix(in srgb,var(--green) 25%,transparent);animation:fadeIn .3s ease-out}.result-panel.missed{background:color-mix(in srgb,var(--red) 6%,var(--surface));border-color:color-mix(in srgb,var(--red) 15%,transparent)}.result-panel.shaky{background:color-mix(in srgb,var(--amber) 8%,var(--surface));border-color:color-mix(in srgb,var(--amber) 20%,transparent)}.result-panel strong{font-family:var(--font-display);font-size:20px;font-weight:600}.result-panel>span{color:var(--muted);font-size:14px;line-height:1.5}.recall-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.recall-summary .metric{padding:10px;background:color-mix(in srgb,var(--surface-strong) 70%,transparent);box-shadow:none;border:1px solid var(--line);border-radius:var(--radius-sm)}.token-feedback{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.feedback-token{display:grid;gap:2px;min-width:64px;padding:6px 8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--red) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 12%,transparent)}.feedback-token.near{background:color-mix(in srgb,var(--amber) 8%,var(--surface));border-color:color-mix(in srgb,var(--amber) 15%,transparent)}.feedback-token strong{font-family:var(--font-display);font-size:14px}.feedback-token small{color:var(--muted);font-size:11px}.completion-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.primary-button{background:var(--ink);color:var(--surface);padding:10px 20px;letter-spacing:.01em}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow);filter:brightness(1.15)}.primary-button:disabled{cursor:not-allowed;opacity:.35}.ghost-button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 20px;font-weight:600}.ghost-button:hover{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.lookup-actions{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(110px,.6fr);gap:10px}.compact-segmented{grid-template-columns:repeat(2,1fr)}.lookup-result{display:grid;gap:12px;margin-top:16px;padding:18px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--line);animation:fadeIn .3s ease-out}.lookup-result div{display:flex;justify-content:space-between;gap:12px}.lookup-result strong{font-family:var(--font-display);font-size:18px;font-weight:600}.lookup-result span,.form-message{color:var(--muted);font-size:13px;font-weight:500}.lookup-result p,.form-message{margin:0}.lookup-result p{color:var(--ink);line-height:1.7;font-size:15px}.form-message{margin-top:12px}.form-message.error{color:var(--red);font-weight:600}.form-message.success{color:var(--green);font-weight:700}.pricing-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--green) 9%,var(--surface)),var(--surface))}.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.price-row strong{font-family:var(--font-display);font-size:42px;line-height:1;font-weight:700}.price-row span{color:var(--muted);font-size:13px;font-weight:600}.feature-grid{display:flex;flex-wrap:wrap;gap:8px}.lead-panel{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.sync-empty,.sync-controls{display:grid;gap:12px}.sync-empty p{margin:0;color:var(--muted)}.sync-empty code{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--ink);font-size:12px;overflow-wrap:anywhere}.signed-in-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.pack-grid,.verse-list{display:grid;gap:10px}.pack-card,.verse-row{display:grid;gap:8px;width:100%;padding:16px;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.pack-card:hover,.verse-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.pack-card strong,.verse-row strong{font-family:var(--font-display);font-size:17px;font-weight:600}.pack-card span,.verse-row span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-card small,.verse-row small{font-size:12px;font-weight:500}.verse-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.verse-row div{display:grid;gap:4px;min-width:0}.empty-state{min-height:60vh;place-content:center;text-align:center;gap:8px}.empty-state h2{font-family:var(--font-display);font-size:24px;margin-bottom:6px;font-weight:600}.empty-state p{color:var(--muted);margin-bottom:20px;font-size:14px}.muted-panel{background:color-mix(in srgb,var(--bg) 60%,transparent);box-shadow:none;border:1px dashed var(--line-strong)}.muted-panel:hover{transform:none;box-shadow:none;border-color:var(--line-strong)}.muted-panel p{font-size:14px;line-height:1.6;margin:8px 0 0}.legal-links{display:flex;gap:14px;margin-top:14px}.legal-links a{color:var(--accent-strong);font-size:13px;font-weight:800;text-decoration:none}.bottom-nav{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;width:min(92%,400px);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border:1px solid var(--line);z-index:100}.bottom-nav button{display:grid;min-height:46px;place-items:center;gap:2px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);transition:all .25s ease;padding:6px 8px}.bottom-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,transparent)}.bottom-nav button.active{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-sm)}.bottom-nav span{font-size:17px;line-height:1}.bottom-nav small{font-size:9px;font-weight:700;letter-spacing:.03em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gentlePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes scriptoriumReveal{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.verse-board .word{animation:scriptoriumReveal .5s ease-out backwards}.verse-board .word:nth-child(1){animation-delay:.02s}.verse-board .word:nth-child(2){animation-delay:.04s}.verse-board .word:nth-child(3){animation-delay:.06s}.verse-board .word:nth-child(4){animation-delay:.08s}.verse-board .word:nth-child(5){animation-delay:.1s}.verse-board .word:nth-child(6){animation-delay:.12s}.verse-board .word:nth-child(7){animation-delay:.14s}.verse-board .word:nth-child(8){animation-delay:.16s}.verse-board .word:nth-child(9){animation-delay:.18s}.verse-board .word:nth-child(10){animation-delay:.2s}.verse-board .word:nth-child(11){animation-delay:.22s}.verse-board .word:nth-child(12){animation-delay:.24s}.verse-board .word:nth-child(13){animation-delay:.26s}.verse-board .word:nth-child(14){animation-delay:.28s}.verse-board .word:nth-child(15){animation-delay:.3s}.verse-board .word:nth-child(16){animation-delay:.32s}.verse-board .word:nth-child(17){animation-delay:.34s}.verse-board .word:nth-child(18){animation-delay:.36s}.verse-board .word:nth-child(19){animation-delay:.38s}.verse-board .word:nth-child(20){animation-delay:.4s}.verse-board .word:nth-child(21){animation-delay:.42s}.verse-board .word:nth-child(22){animation-delay:.44s}.verse-board .word:nth-child(23){animation-delay:.46s}.verse-board .word:nth-child(24){animation-delay:.48s}.verse-board .word:nth-child(25){animation-delay:.5s}.verse-board .word:nth-child(26){animation-delay:.52s}.verse-board .word:nth-child(27){animation-delay:.54s}.verse-board .word:nth-child(28){animation-delay:.56s}.verse-board .word:nth-child(29){animation-delay:.58s}.verse-board .word:nth-child(30){animation-delay:.6s}@media(max-width:560px){.app-shell{padding-inline:16px}.hero-panel{align-items:stretch;flex-direction:column;padding:22px}.hero-panel h2{font-size:22px}.streak-orb{align-self:end;width:78px;height:78px}.streak-orb strong{font-size:26px}.action-row,.lookup-actions,.launch-actions{grid-template-columns:1fr}.launch-panel h2{font-size:27px}.topbar h1{font-size:28px}.verse-board{padding:24px 18px}.word{font-size:15px;padding:5px 8px}.practice-header h2{font-size:22px}.stat-grid{gap:8px}.metric{padding:12px 8px}.metric strong{font-size:22px}}@media(min-width:900px){body{overflow-y:scroll}.app-shell{display:grid;grid-template-columns:212px minmax(0,820px);grid-template-areas:"nav topbar" "nav content";align-content:start;column-gap:32px;width:min(100%,1120px);padding:40px 32px 56px}.topbar{grid-area:topbar;position:sticky;top:0;z-index:20;margin-bottom:28px;padding:6px 0 16px;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 76%,transparent 100%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar h1{font-size:38px}.content-stage{grid-area:content;min-width:0}.bottom-nav{grid-area:nav;position:sticky;top:40px;left:auto;bottom:auto;transform:none;align-self:start;grid-template-columns:1fr;gap:8px;width:100%;padding:12px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 94%,transparent)}.bottom-nav:before{content:"Verse";display:block;padding:12px 12px 16px;border-bottom:1px solid var(--line);color:var(--accent-strong);font-family:var(--font-display);font-size:28px;font-weight:700}.bottom-nav button{grid-template-columns:28px 1fr;justify-content:start;justify-items:start;min-height:50px;padding:10px 12px;border-radius:var(--radius)}.bottom-nav span{font-size:18px}.bottom-nav small{align-self:center;font-size:13px;letter-spacing:0}.hero-panel,.launch-panel,.panel,.practice-card,.verse-board{border-radius:var(--radius-lg)}.launch-panel{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:end;padding:34px}.launch-panel h2{max-width:620px;font-size:40px}.launch-panel p{max-width:620px}.launch-actions{grid-template-columns:1fr;align-content:end}.proof-strip{grid-column:1 / -1}.today-screen{grid-template-columns:repeat(6,minmax(0,1fr))}.today-screen>*{grid-column:1 / -1}.today-screen>.stat-grid{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.today-screen>.daily-goal-panel,.today-screen>.weekly-panel{grid-column:span 3}.practice-screen{grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);align-items:start}.practice-screen .practice-header,.practice-screen .verse-board{grid-column:1}.practice-screen .segmented,.practice-screen .attempt-box,.practice-screen .result-panel,.practice-screen .action-row{grid-column:2}.practice-screen .segmented{grid-template-columns:1fr;position:sticky;top:128px}.verse-board{min-height:430px;align-content:center;padding:40px 34px}.word{font-size:18px}.library-screen{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.library-screen>.panel:first-child,.library-screen>.verse-list{grid-column:1}.library-screen>.panel:nth-of-type(2),.library-screen>.panel:nth-of-type(3){grid-column:2}.library-screen>.panel:nth-of-type(3){grid-row:2}.library-screen>.verse-list{grid-row:2 / span 2}.pack-grid{grid-template-columns:1fr}.verse-list{align-content:start}.account-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.account-screen>.hero-panel,.account-screen>.lead-panel,.account-screen>.muted-panel{grid-column:1 / -1}}@media(min-width:1180px){.app-shell{grid-template-columns:228px minmax(0,900px);column-gap:40px;width:min(100%,1240px)}.content-stage{max-width:900px}}@media(min-width:900px)and (max-width:1040px){.app-shell{grid-template-columns:176px minmax(0,1fr);column-gap:24px}.practice-screen,.library-screen,.account-screen{grid-template-columns:1fr}.practice-screen .practice-header,.practice-screen .verse-board,.practice-screen .segmented,.practice-screen .attempt-box,.practice-screen .result-panel,.practice-screen .action-row,.library-screen>.panel:first-child,.library-screen>.panel:nth-of-type(2),.library-screen>.panel:nth-of-type(3),.library-screen>.verse-list,.account-screen>.hero-panel,.account-screen>.lead-panel,.account-screen>.muted-panel{grid-column:1;grid-row:auto}.practice-screen .segmented{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));position:static}.verse-board{min-height:300px}}