@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Literata:ital,opsz,wght@0,7..72,300;0,7..72,400;0,7..72,600;1,7..72,400&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-display: "Bricolage Grotesque", sans-serif;--font-ui: "Bricolage Grotesque", sans-serif;--font-reading: "Literata", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--reader-font-size: 1.125rem;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--black: #0A0A0A;--background: var(--gray-50);--foreground: var(--black);--card: var(--white);--card-foreground: var(--gray-900);--muted: var(--gray-100);--muted-foreground: var(--gray-500);--border: var(--gray-200);--destructive: var(--gray-900);--ring: var(--gray-400);--reader-bg: var(--gray-50);--reader-fg: var(--gray-800);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-height: 52px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}:root[data-theme=dark]{color-scheme:dark;--white: #161616;--gray-50: #0A0A0A;--gray-100: #1C1C1C;--gray-200: #2A2A2A;--gray-300: #3A3A3A;--gray-400: #5E5E5E;--gray-500: #8C8C8C;--gray-600: #A6A6A6;--gray-700: #C2C2C2;--gray-800: #D4D4D4;--gray-900: #E4E4E4;--black: #EDEDED;--reader-bg: #000000;--reader-fg: #BDBDBD;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}html,body,#root{height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{display:block;shape-rendering:geometricPrecision}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.tl-node,.auth-input,.modal,.reader-menu{border-width:.5px}}.app-shell{display:flex;flex-direction:column;height:100%}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.page{padding:var(--space-5);padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-5));max-width:640px;margin:0 auto}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:var(--white);border-top:1px solid var(--border);z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;text-decoration:none;font-size:10px;font-weight:500;color:var(--gray-400);transition:color .15s;letter-spacing:.02em;text-transform:uppercase}.tab-item.active{color:var(--foreground)}.tab-icon{width:20px;height:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.card.completed{background:var(--muted);opacity:.6}.progress-track{height:2px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--foreground);border-radius:var(--radius-full);transition:width .3s ease-out}.streak-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--gray-900);color:var(--white);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:500;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity .15s;min-height:44px;min-width:44px}.btn:active{opacity:.7}.btn-primary{background:var(--foreground);color:var(--background)}.btn-secondary{background:var(--muted);color:var(--foreground)}.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-destructive{background:var(--foreground);color:var(--white)}.auth-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-ui);background:var(--white);color:var(--foreground);transition:border-color .15s}.auth-input:focus{outline:none;border-color:var(--gray-400)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.logo{display:flex;align-items:center}.logo-icon{flex-shrink:0}:root[data-theme=dark] .logo-icon{filter:invert(1)}.logo--vertical{flex-direction:column;gap:var(--space-2)}.logo--horizontal{gap:var(--space-3)}.logo-wordmark{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);letter-spacing:.06em;color:var(--foreground);line-height:1.2}.logo--vertical .logo-wordmark{text-align:center}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-6)}.auth-card{width:100%;max-width:360px;text-align:center}.auth-card h1{font-size:var(--text-3xl);margin-bottom:var(--space-1)}.auth-card .logo{margin-bottom:var(--space-6);justify-content:center}.auth-subtitle{color:var(--muted-foreground);margin-bottom:var(--space-8);font-size:var(--text-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-btn{width:100%}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--gray-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.auth-error{color:var(--gray-900);font-size:var(--text-sm);padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.auth-hint{color:var(--muted-foreground);font-size:var(--text-xs);margin-top:var(--space-2)}.otp-container{display:flex;gap:var(--space-3);justify-content:center}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--text-2xl);font-weight:600;font-family:var(--font-ui);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:var(--foreground);transition:border-color .15s;caret-color:transparent;-webkit-appearance:none;-moz-appearance:textfield}.otp-input:focus{outline:none;border-color:var(--foreground)}.otp-input:disabled{opacity:.5}.otp-input--error{border-color:var(--gray-900);animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-spinner{animation:spin 1s linear infinite}.auth-resend{color:var(--muted-foreground);font-size:var(--text-sm);margin-top:var(--space-4)}.auth-resend-link{color:var(--foreground);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;background:none;border:none;font-size:inherit;font-family:inherit;padding:0}.auth-resend-link:hover{opacity:.7}.auth-back{color:var(--muted-foreground);font-size:var(--text-sm);cursor:pointer;margin-top:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;font-family:inherit;padding:0}.auth-back:hover{color:var(--foreground)}.wizard-thread{display:flex;flex-direction:column;gap:var(--space-3);max-width:480px;margin:0 auto;padding-bottom:var(--space-10)}.wizard-exchange{display:flex;flex-direction:column;gap:var(--space-3)}.wizard-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;max-width:85%;animation:fade-in .15s}.wizard-bubble--app{align-self:flex-start;background:var(--gray-100);color:var(--black);border-bottom-left-radius:var(--radius-sm);outline:none}.wizard-bubble--user{align-self:flex-end;display:flex;align-items:center;gap:var(--space-2);min-height:44px;background:var(--black);color:var(--white);border:none;text-align:left;cursor:pointer;font-family:var(--font-ui);border-bottom-right-radius:var(--radius-sm)}.wizard-options{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.wizard-option{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);background:var(--white);color:var(--foreground);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:border-color .15s}.wizard-option:hover{border-color:var(--gray-400)}.wizard-option-name{font-weight:600}.wizard-option-detail{font-size:var(--text-xs);color:var(--gray-500);line-height:1.5}.wizard-option--card{gap:var(--space-3);padding:var(--space-5)}.wizard-option-header{display:flex;align-items:center;gap:var(--space-3)}.wizard-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--gray-100);color:var(--gray-600);flex-shrink:0}.wizard-option--card .wizard-option-name{font-size:var(--text-base)}.wizard-option--card .wizard-option-detail{font-size:var(--text-sm);color:var(--gray-600)}.wizard-option-example{font-size:var(--text-xs);color:var(--gray-400);font-style:italic;padding-top:var(--space-2);border-top:1px solid var(--gray-100)}.wizard-summary{display:flex;flex-direction:column;gap:var(--space-4)}.wizard-summary p{margin-bottom:var(--space-2);font-size:var(--text-sm)}.wizard-summary p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.wizard-bubble{animation:none}.wizard-option{transition:none}}.tl-page{display:flex;flex-direction:column;height:100dvh;max-width:640px;margin:0 auto}.tl-topbar{position:sticky;top:0;z-index:10;background:var(--background);padding:var(--space-5) var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.tl-topbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tl-topbar-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tl-topbar-eyebrow{font-size:var(--text-xs);font-weight:500;color:var(--gray-500);letter-spacing:.02em}.tl-topbar-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--foreground);letter-spacing:-.01em}.tl-topbar-actions{display:flex;align-items:center;gap:2px}.tl-topbar-icon{background:none;border:none;cursor:pointer;color:var(--gray-500);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.tl-topbar-icon:hover{color:var(--foreground);background:var(--gray-50)}.tl-topbar-icon:active{background:var(--gray-100)}.tl-topbar-streak{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 var(--space-2);margin-right:2px;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);flex-shrink:0;transition:color .15s,background .15s}.tl-topbar-streak:hover{color:var(--foreground);background:var(--gray-50)}.tl-topbar-streak:active{background:var(--gray-100)}.tl-topbar-streak svg{color:var(--gray-500)}.tl-progress{height:3px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.tl-progress-fill{height:100%;background:var(--gray-900);border-radius:var(--radius-full);transition:width .3s ease-out}.tl-session-prev,.tl-session-next{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:100%;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;transition:all .15s}.tl-session-prev{margin:0 0 var(--space-3)}.tl-session-next{margin:var(--space-5) 0 var(--space-4);background:var(--foreground);border-color:var(--foreground);color:var(--white);font-weight:500}.tl-session-prev:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--foreground)}.tl-session-next:hover{opacity:.85}.tl-session-next--done,.tl-session-next--done:hover{background:transparent;border-color:transparent;color:var(--gray-600);opacity:1;cursor:default}.tl-empty{align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.tl-empty p{color:var(--muted-foreground);font-size:var(--text-sm)}.tl-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-6) 0 calc(var(--space-4) + var(--safe-bottom))}.tl-list{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-5)}.tl-day{--tl-dot-y: 22px;display:grid;grid-template-columns:28px 1fr;gap:var(--space-4);position:relative;width:100%}.tl-day--current{--tl-dot-y: 26px}.tl-spine{display:flex;justify-content:center;align-items:flex-start;position:relative;padding-top:calc(var(--tl-dot-y) - 6px)}.tl-day--current .tl-spine{padding-top:calc(var(--tl-dot-y) - 14px)}.tl-connector{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--gray-200);z-index:0}.tl-day:first-child .tl-connector{top:var(--tl-dot-y)}.tl-day:last-child .tl-connector{bottom:auto;height:var(--tl-dot-y)}.tl-node{position:relative;width:12px;height:12px;border-radius:50%;border:1px solid var(--gray-300);background:var(--white);cursor:pointer;color:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;z-index:1}.tl-day--done .tl-node{background:var(--gray-900);border-color:var(--gray-900);color:var(--white)}.tl-day--current .tl-node{width:28px;height:28px;background:var(--foreground);border-color:var(--foreground);color:var(--white);box-shadow:0 0 0 4px var(--background),0 0 0 5px var(--gray-200)}.tl-day--future .tl-node{background:var(--white);border-color:var(--gray-200)}.tl-body{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-3) 0;min-width:0}.tl-day--current .tl-body{padding-bottom:var(--space-4)}.tl-day-label{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);padding:0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--gray-500);letter-spacing:0;text-transform:none}.tl-day-label-text{font-variant-numeric:tabular-nums}.tl-day--current .tl-day-label{color:var(--foreground);font-weight:600}.tl-day--current .tl-day-label-text{font-family:var(--font-display);font-size:var(--text-base)}.tl-day--future .tl-day-label{color:var(--gray-400)}.tl-card{width:100%;margin-top:var(--space-3)}.tl-card-list{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-lg);padding:0;overflow:hidden;border:1px solid var(--gray-150, var(--gray-100));box-shadow:0 1px 2px #00000008}.tl-card-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-base);color:var(--foreground);text-align:left;width:100%}.tl-chapter+.tl-chapter{border-top:1px solid var(--gray-100)}.tl-chapter-chevron{transition:transform .15s}.tl-chapter--open .tl-chapter-chevron{transform:rotate(90deg)}.tl-chapter-actions{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);animation:tl-chapter-reveal .15s ease-out}.tl-chapter-action{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);white-space:nowrap;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--foreground);cursor:pointer;transition:opacity .15s,background .15s}.tl-chapter-action:active{opacity:.7}.tl-chapter-action--primary{background:var(--foreground);border-color:var(--foreground);color:var(--white)}@media(max-width:380px){.tl-chapter-action svg{display:none}}@keyframes tl-chapter-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tl-card-item--done{color:var(--gray-400)}.tl-card-item:active{opacity:.6}.tl-card-cta{display:block;width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--foreground);color:var(--white);border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;transition:opacity .15s}.tl-card-cta:active{opacity:.7}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--reader-bg);color:var(--reader-fg);font-family:var(--font-reading);display:flex;flex-direction:column;max-width:640px;margin:0 auto;width:100%;height:100dvh}.reader-header{display:grid;grid-template-columns:88px 1fr 88px;align-items:center;padding:var(--space-1) var(--space-2);font-family:var(--font-ui);flex-shrink:0}.reader-back{background:none;border:none;cursor:pointer;color:var(--gray-400);padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.reader-title{text-align:center;font-weight:500;color:var(--gray-400);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header-actions{display:flex;justify-content:flex-end}.reader-header-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;transition:color .15s,background .15s}.reader-header-btn:active{background:var(--gray-50)}.reader-header-btn.active{color:var(--foreground);background:var(--gray-100)}.reader-aa{font-family:var(--font-reading);font-size:18px;font-weight:600;line-height:1}.font-btn{font-family:var(--font-reading);font-weight:600;line-height:1;font-size:13px}.font-btn--lg{font-size:20px}.reader-settings{font-family:var(--font-ui)}.reader-settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:56px;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100)}.reader-settings-label{font-size:var(--text-sm);font-weight:500;color:var(--foreground);flex-shrink:0}.reader-settings-link{background:none;border-left:none;border-right:none;border-top:none;font:inherit;cursor:pointer;text-align:left}.reader-settings-value{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--gray-500)}.reader-settings-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--gray-500);text-align:right}.reader-font-control{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:260px}.reader-font-step{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--foreground)}.reader-font-step:disabled{opacity:.3;cursor:default}.reader-font-slider{flex:1;min-width:0;accent-color:var(--foreground)}.reader-segmented{display:flex;gap:2px;padding:2px;background:var(--gray-100);border-radius:var(--radius-full)}.reader-segmented-item{min-width:76px;height:36px;padding:0 var(--space-3);background:none;border:none;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--gray-500);cursor:pointer;transition:color .15s,background .15s}.reader-segmented-item.active{background:var(--foreground);color:var(--white)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .15s}.modal{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:640px;padding:var(--space-6);padding-bottom:calc(var(--space-6) + var(--safe-bottom));animation:slide-up .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);font-family:var(--font-ui)}.modal-header h2{font-size:var(--text-lg)}.modal-close{background:none;border:none;cursor:pointer;color:var(--gray-400);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.streak-modal{font-family:var(--font-ui)}.streak-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0 var(--space-5)}.streak-hero-icon{width:56px;height:56px;border-radius:50%;background:var(--gray-50);border:1px solid var(--gray-100);color:var(--gray-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.streak-hero-meta{display:flex;flex-direction:column;gap:2px}.streak-hero-number{font-family:var(--font-display);font-size:40px;font-weight:500;line-height:1;color:var(--foreground);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.streak-hero-label{font-size:var(--text-sm);color:var(--gray-500)}.streak-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.streak-stat{display:flex;flex-direction:column;gap:2px}.streak-stat-label{font-size:var(--text-xs);color:var(--gray-500)}.streak-stat-value{font-size:var(--text-sm);font-weight:500;color:var(--foreground)}.streak-history{padding:var(--space-5) 0 var(--space-3)}.streak-history-label{font-size:var(--text-xs);color:var(--gray-500);margin-bottom:var(--space-3)}.streak-history-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:var(--space-1)}.streak-history-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.streak-history-dot{width:100%;aspect-ratio:1;max-width:18px;border-radius:4px;background:var(--gray-100);border:1px solid var(--gray-200)}.streak-history-dot.is-read{background:var(--foreground);border-color:var(--foreground)}.streak-history-dot.is-today{box-shadow:0 0 0 2px var(--background),0 0 0 3px var(--gray-300)}.streak-history-dot.is-today.is-read{box-shadow:0 0 0 2px var(--background),0 0 0 3px var(--foreground)}.streak-history-weekday{font-size:10px;color:var(--gray-400);letter-spacing:.02em}.streak-note{font-size:var(--text-xs);color:var(--gray-500);line-height:1.5;margin-top:var(--space-2)}.version-list{display:flex;flex-direction:column;font-family:var(--font-ui)}.version-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);background:none;border:none;border-bottom:1px solid var(--gray-100);font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;color:var(--foreground);text-align:left;width:100%;transition:background .15s}.version-item:last-child{border-bottom:none}.version-item:active{background:var(--gray-50)}.version-item.active{color:var(--foreground)}.version-item.active .version-abbr{font-weight:700}.version-abbr{font-weight:600;font-size:var(--text-sm);min-width:44px}.version-name{flex:1;font-size:var(--text-sm);color:var(--gray-500)}.version-item.active .version-name{color:var(--foreground)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reader-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4) var(--space-8) var(--space-8)}.reader-chapter-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--gray-200);text-align:center}.reader-chapter-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1;color:var(--foreground)}.reader-chapter-book{font-family:var(--font-reading);font-size:var(--text-xl);font-weight:400;font-variant:small-caps;letter-spacing:.04em;color:var(--reader-fg)}.verse{font-size:var(--reader-font-size);line-height:1.75;margin-bottom:var(--space-1);color:var(--reader-fg);padding:2px var(--space-2);margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2));border-radius:var(--radius-sm);border-left:2px solid transparent;transition:background .3s ease,border-color .3s ease,opacity .4s ease}.verse.clickable{cursor:pointer}.verse.clickable:active{background:var(--gray-50)}.verse-active{background:var(--gray-50);border-left-color:var(--gray-400);opacity:1}.reader-scroll.has-active-verse .verse:not(.verse-active),.reader-scroll.has-active-verse .section-heading{opacity:.35}.section-heading{font-family:var(--font-display);font-size:var(--reader-font-size);font-weight:700;line-height:1.4;color:var(--reader-fg);margin:var(--space-10) 0 var(--space-4);transition:opacity .4s ease}.reader-chapter-intro+.section-heading{margin-top:0}.verse-number{font-family:var(--font-ui);font-size:10px;color:var(--gray-400);vertical-align:super;margin-right:3px;font-weight:500}.reader-end{padding:var(--space-10) 0 var(--space-12);display:flex;justify-content:center;font-family:var(--font-ui)}.reader-complete-btn{letter-spacing:.08em;font-size:var(--text-xs);font-weight:600}.reader-read-at{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);font-size:var(--text-sm);font-weight:500}.reader-read-at svg{color:var(--gray-500)}.reader-done{display:flex;align-items:center;justify-content:center}.reader-done-content{text-align:center}.reader-done-check{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--gray-100);color:var(--foreground);margin:0 auto var(--space-4)}.audio-player{position:fixed;left:var(--space-5);right:var(--space-5);bottom:calc(var(--space-4) + var(--safe-bottom));max-width:540px;margin:0 auto;padding:var(--space-3) var(--space-5) var(--space-2);background:var(--white);border:1px solid var(--gray-100);border-radius:20px;box-shadow:0 8px 32px #0000001f;font-family:var(--font-ui);z-index:210;animation:slide-up .25s ease-out}.audio-player-progress-wrap{display:flex;flex-direction:column;gap:2px}.audio-player-progress{width:100%;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.audio-player-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--foreground) 0%,var(--foreground) var(--progress, 0%),var(--gray-200) var(--progress, 0%),var(--gray-200) 100%);border-radius:2px}.audio-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--foreground);margin-top:-4.5px;border:none}.audio-player-progress::-moz-range-track{height:3px;background:var(--gray-200);border-radius:2px;border:none}.audio-player-progress::-moz-range-progress{height:3px;background:var(--foreground);border-radius:2px}.audio-player-progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--foreground);border:none}.audio-player-times{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-400);font-variant-numeric:tabular-nums}.audio-player-controls{display:grid;grid-template-columns:56px 1fr auto 1fr 56px;align-items:center;justify-items:center;margin-top:var(--space-1)}.audio-player-btn{background:none;border:none;cursor:pointer;color:var(--foreground);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background .15s,opacity .15s}.audio-player-btn:active{background:var(--gray-100)}.audio-player-close{color:var(--gray-400);justify-self:end}.audio-player-play{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--foreground);color:var(--white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .15s}.audio-player-play:active{transform:scale(.94)}.audio-player-play-icon{margin-left:3px}.audio-player-speed-wrapper{position:relative;justify-self:start;display:flex;align-items:center}.audio-player-pill{min-width:48px;height:32px;padding:0 var(--space-2);background:var(--gray-100);border:none;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--gray-500);cursor:pointer;font-variant-numeric:tabular-nums;transition:color .15s,background .15s}.audio-player-pill.active{color:var(--white);background:var(--foreground)}.audio-player-speed-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;display:flex;flex-direction:column;padding:var(--space-1);background:var(--white);border:1px solid var(--gray-100);border-radius:14px;box-shadow:0 8px 24px #00000024;min-width:72px;z-index:10;animation:fade-in .1s ease-out}.audio-player-speed-option{height:36px;padding:0 var(--space-3);background:none;border:none;cursor:pointer;border-radius:10px;font-family:var(--font-ui);font-size:13px;color:var(--gray-500);font-variant-numeric:tabular-nums}.audio-player-speed-option:active{background:var(--gray-50)}.audio-player-speed-option.active{background:var(--gray-100);color:var(--foreground);font-weight:600}.audio-player-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reader-scroll.has-audio-player{padding-bottom:calc(140px + var(--safe-bottom) + var(--space-8))}.version-audio-icon{color:var(--gray-400);flex-shrink:0}.stack-page{display:flex;flex-direction:column;min-height:100dvh;max-width:640px;margin:0 auto}.stack-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:var(--space-3);flex-shrink:0;font-family:var(--font-ui)}.stack-header-back{background:none;border:none;cursor:pointer;color:var(--gray-500);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.stack-header-title{text-align:center;font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);color:var(--foreground)}.stack-header-right{display:flex;justify-content:flex-end}.stack-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-5)}.confirm-modal{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:640px;padding:var(--space-8) var(--space-6);padding-bottom:calc(var(--space-8) + var(--safe-bottom));text-align:center;animation:slide-up .2s ease-out}.confirm-icon{width:56px;height:56px;border-radius:50%;background:var(--gray-100);color:var(--gray-700);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.confirm-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-2)}.confirm-desc{color:var(--muted-foreground);font-size:var(--text-sm);margin-bottom:var(--space-6)}.confirm-actions{display:flex;gap:var(--space-3)}.confirm-actions .btn{flex:1}.stg-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:var(--space-6) 0 var(--space-2)}.stg-label:first-child{padding-top:var(--space-2)}.stg-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden}.stg-card--mt{margin-top:var(--space-6)}.stg-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-family:var(--font-ui);font-size:var(--text-base);color:var(--foreground);background:none;border:none;width:100%;text-align:left;cursor:default;border-bottom:1px solid var(--gray-50)}.stg-row:last-child{border-bottom:none}.stg-row-left{display:flex;align-items:center;gap:var(--space-3);color:var(--foreground)}.stg-row-left svg{color:var(--gray-400);flex-shrink:0}.stg-row-text{color:var(--gray-600);font-size:var(--text-sm)}.stg-row-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.stg-row-desc{font-size:var(--text-xs);color:var(--gray-500);font-weight:400;line-height:1.35}button.stg-row{cursor:pointer}button.stg-row:active{background:var(--gray-50)}.stg-row--danger,.stg-row--danger .stg-row-left{color:var(--destructive)}.stg-row--danger .stg-row-left svg{color:var(--destructive);opacity:.85}.stg-row--danger .stg-row-desc{color:var(--gray-500)}.stg-row--danger>svg{color:var(--gray-400)}.stg-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;background:var(--gray-200);border-radius:12px;border:none;position:relative;cursor:pointer;transition:background .2s}.stg-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:transform .2s}.stg-switch:checked{background:var(--foreground)}.stg-switch:checked:after{transform:translate(20px)}.stg-time{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);background:var(--gray-50);color:var(--foreground)}.stg-reset{padding:var(--space-5)}.stg-reset p{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-4)}.stg-reset .auth-input{margin-bottom:var(--space-4)}.stg-reset-actions{display:flex;gap:var(--space-3)}.stg-reset-actions .btn{flex:1}.streaming-reader{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-8) var(--space-6);font-family:var(--font-reading);color:var(--reader-fg);position:relative}.streaming-verses{padding-top:40vh;padding-bottom:40vh}.streaming-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gray-300);animation:feedback-fade .6s ease-out forwards;pointer-events:none}@keyframes feedback-fade{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.streaming-cursor{animation:blink .8s infinite;color:var(--gray-400)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.streaming-controls{position:fixed;bottom:0;left:0;right:0;max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-5) calc(var(--space-4) + var(--safe-bottom));background:var(--background);border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--space-3)}.streaming-controls-row{display:flex;align-items:center;justify-content:space-between}.streaming-speeds{display:flex;gap:var(--space-1);background:var(--gray-100);border-radius:var(--radius-md);padding:2px}.streaming-speed-btn{padding:var(--space-2) var(--space-3);border:none;border-radius:6px;background:transparent;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .15s}.streaming-speed-btn.active{background:var(--white);color:var(--foreground);box-shadow:var(--shadow-sm)}.streaming-play-btn{width:40px;height:40px;border-radius:50%;background:var(--foreground);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.streaming-play-btn:active{opacity:.7}.loading{text-align:center;color:var(--muted-foreground);padding:var(--space-8)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:.6}}@keyframes slide-in-left{0%{transform:translate(-30%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}[data-transition=push]::view-transition-old(root){animation:slide-out-left .25s ease-in-out}[data-transition=push]::view-transition-new(root){animation:slide-in-right .25s ease-in-out}[data-transition=pop]::view-transition-old(root){animation:slide-out-right .25s ease-in-out forwards;z-index:1}[data-transition=pop]::view-transition-new(root){animation:slide-in-left .25s ease-in-out forwards;z-index:0}.update-toast{position:fixed;bottom:calc(var(--nav-h, 56px) + 12px);left:50%;transform:translate(-50%);background:var(--c-ink, #1A1A1A);color:var(--c-paper, #FDFBF7);padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;z-index:9999;animation:toast-in-out 3s ease forwards;pointer-events:none}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.ach-empty{text-align:center;padding:var(--space-8) 0;color:var(--gray-500);font-size:var(--text-sm)}.ach-hero{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0 var(--space-2)}.ach-hero-meta{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-ui)}.ach-hero-number{font-family:var(--font-display);font-size:40px;font-weight:500;line-height:1;color:var(--foreground);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ach-hero-label{font-size:var(--text-sm);color:var(--gray-500)}.ach-hero-progress{height:3px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.ach-hero-progress-fill{height:100%;background:var(--gray-900);border-radius:var(--radius-full);transition:width .3s ease-out}.ach-card{padding:0}.ach-row{display:grid;grid-template-columns:28px 1fr;gap:var(--space-3);align-items:start;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-100);font-family:var(--font-ui)}.ach-row:last-child{border-bottom:none}.ach-row-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--white);border:1px solid var(--gray-200);color:var(--gray-400);margin-top:2px;flex-shrink:0}.ach-row--completed .ach-row-icon{background:var(--foreground);border-color:var(--foreground);color:var(--white)}.ach-row--partial .ach-row-icon{background:var(--gray-300);border-color:var(--gray-300)}.ach-row-body{display:flex;flex-direction:column;gap:4px;min-width:0}.ach-row-title{font-size:var(--text-base);font-weight:500;color:var(--foreground);letter-spacing:-.005em}.ach-row--not_started .ach-row-title{color:var(--gray-500);font-weight:400}.ach-row-meta{font-size:var(--text-xs);color:var(--gray-500)}.ach-row-progress{height:3px;width:100%;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-top:4px}.ach-row-progress-fill{height:100%;background:var(--foreground);border-radius:var(--radius-full);transition:width .3s ease-out}.ach-row-books{font-size:var(--text-xs);color:var(--gray-400);margin-top:2px;line-height:1.4}.milestone-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:fade-in .2s ease-out}.milestone-modal-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);padding-bottom:calc(var(--space-8) + var(--safe-bottom));max-width:420px;width:100%;text-align:center;animation:slide-up .26s ease-out;box-shadow:var(--shadow-md)}.milestone-modal-icon{width:72px;height:72px;border-radius:50%;background:var(--gray-100);color:var(--gray-900);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.milestone-modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3);color:var(--foreground)}.milestone-modal-subtitle{color:var(--muted-foreground);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6)}.milestone-modal-cta{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tri-checkbox{width:22px;height:22px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-300);background:var(--white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;padding:0;flex-shrink:0}.tri-checkbox:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tri-checkbox-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--white);width:100%;height:100%}.tri-checkbox--empty{background:var(--white);border-color:var(--gray-300)}.tri-checkbox--partial{background:var(--gray-700);border-color:var(--gray-700)}.tri-checkbox--full{background:var(--gray-900);border-color:var(--gray-900)}.tri-checkbox:active{transform:scale(.94)}.pr-page{display:flex;flex-direction:column;height:100vh;background:var(--background)}.pr-content{flex:1;overflow-y:auto;padding:var(--space-4);padding-bottom:calc(96px + var(--safe-bottom))}.pr-search{background:var(--background);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.pr-search input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-ui);font-size:var(--text-base);background:var(--white);color:var(--foreground)}.pr-search input:focus{outline:none;border-color:var(--gray-500)}.pr-list{display:flex;flex-direction:column;gap:var(--space-2)}.pr-book{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pr-book-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.pr-book-toggle{flex:1;display:flex;align-items:center;gap:var(--space-3);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-ui);font-size:var(--text-base);color:var(--foreground);text-align:left}.pr-book-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.pr-book-name{font-weight:500}.pr-book-count{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.pr-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border)}.pr-chapter-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--gray-300);background:var(--white);color:var(--foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.pr-chapter-cell--marked{background:var(--gray-900);border-color:var(--gray-900);color:var(--white)}.pr-chapter-cell:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pr-empty{text-align:center;color:var(--muted-foreground);padding:var(--space-8) var(--space-4)}.pr-savebar{position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:var(--white);border-top:1px solid var(--border);display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;z-index:3}.pr-savebar-status{color:var(--muted-foreground);font-size:var(--text-sm)}.pr-savebar button{flex-shrink:0}.pr-saved-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:1000;animation:fade-in .18s ease-out}.pr-saved-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);text-align:center;box-shadow:0 10px 30px #0000002e;animation:pr-saved-pop .22s ease-out}.pr-saved-check{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--gray-100);color:var(--foreground);margin:0 auto var(--space-4)}.pr-saved-card p{font-weight:500;color:var(--foreground);margin:0}@keyframes pr-saved-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tl-card-item--prev-read{color:var(--gray-700);background:var(--gray-100)}.tl-card-item--prev-read svg{color:var(--gray-500)}