@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,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: "Source Serif 4", 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;--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}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}.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)}.setup-page{max-width:480px;margin:0 auto;padding-bottom:var(--space-8)}.setup-header{margin-bottom:var(--space-8)}.setup-step{color:var(--muted-foreground);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.setup-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.setup-hint{color:var(--muted-foreground);font-size:var(--text-sm);margin-bottom:var(--space-4)}.template-list{display:flex;flex-direction:column;gap:var(--space-3)}.template-card{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;cursor:pointer;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s;padding:var(--space-5)}.template-card.selected{border-color:var(--gray-900);box-shadow:0 0 0 1px var(--gray-900)}.template-card-header{display:flex;align-items:center;gap:var(--space-3)}.template-icon-wrap{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}.template-card.selected .template-icon-wrap{background:var(--gray-900);color:var(--white)}.template-name{font-size:var(--text-base);font-weight:600}.template-detail{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5}.template-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)}.setup-next{width:100%;margin-top:var(--space-8)}.setup-nav{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.setup-nav .btn{flex:1}.setup-summary p{margin-bottom:var(--space-2);font-size:var(--text-sm)}.days-input-group{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.days-input{width:120px;text-align:center}.days-label{color:var(--muted-foreground);font-size:var(--text-sm)}.days-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.tl-page{display:flex;flex-direction:column;height:100dvh;max-width:640px;margin:0 auto}.tl-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-4);flex-shrink:0}.tl-header h1{font-size:var(--text-3xl);margin:0}.tl-settings{background:none;border:none;cursor:pointer;color:var(--gray-400);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.tl-stats{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5) var(--space-3);flex-shrink:0;font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.tl-stats-dot{color:var(--gray-400)}.tl-progress{margin:0 var(--space-5) var(--space-5);height:3px;background:var(--gray-200);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-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-4) 0 var(--space-12)}.tl-list{display:flex;flex-direction:column;align-items:center}.tl-day{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.tl-spine{display:flex;flex-direction:column;align-items:center;position:relative}.tl-connector{width:2px;height:24px;background:var(--gray-200)}.tl-day--done .tl-connector{background:var(--gray-900)}.tl-day:first-child .tl-connector{background:transparent}.tl-node{width:36px;height:36px;border-radius:50%;background:var(--gray-100);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-400);transition:all .15s}.tl-day--done .tl-node{background:var(--gray-900);border-color:var(--gray-900);color:var(--white)}.tl-day--current .tl-node{width:44px;height:44px;background:var(--foreground);color:var(--white);box-shadow:0 2px 8px #00000040}.tl-day--future .tl-node{background:var(--gray-100);color:transparent}.tl-body{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 var(--space-5)}.tl-day-label{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);padding:var(--space-2) 0}.tl-day--current .tl-day-label{color:var(--foreground);font-weight:700;font-size:var(--text-sm)}.tl-day--future .tl-day-label{color:var(--gray-400)}.tl-card{width:100%;margin-top:var(--space-3);margin-bottom:var(--space-2)}.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-200);box-shadow:var(--shadow-sm)}.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-card-item+.tl-card-item{border-top:1px solid var(--gray-100)}.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}.tl-fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:44px;height:44px;border-radius:50%;background:var(--foreground);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:50;animation:fade-in .15s}.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:44px 1fr 44px;align-items:center;padding:var(--space-3) var(--space-3) 0;font-family:var(--font-ui);flex-shrink:0}.reader-back{background:none;border:none;cursor:pointer;color:var(--gray-500);padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.reader-title{text-align:center;font-weight:500;color:var(--foreground);font-size:var(--text-base)}.reader-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3);font-family:var(--font-ui);flex-shrink:0;border-bottom:1px solid var(--gray-100)}.reader-chip{display:flex;align-items:center;justify-content:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);background:none;border:1px solid var(--gray-200);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;color:var(--gray-500);cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}.reader-chip:active{background:var(--gray-50)}.reader-chip.active{color:var(--foreground);background:var(--gray-100);border-color:var(--gray-300)}.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}.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)}.mode-list{display:flex;flex-direction:column;font-family:var(--font-ui)}.mode-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);cursor:pointer;color:var(--foreground);text-align:left;width:100%;transition:background .15s}.mode-item:last-child{border-bottom:none}.mode-item:active{background:var(--gray-50)}.mode-item-text{flex:1;display:flex;flex-direction:column;gap:2px}.mode-item-name{font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:var(--foreground)}.mode-item-desc{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--gray-400)}.mode-item.active .mode-item-name{font-weight:700}@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-8) var(--space-6)}.verse{font-size:var(--text-lg);line-height:1.9;margin-bottom:var(--space-5);color:var(--reader-fg);padding:var(--space-1) 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){opacity:.35}.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-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;bottom:0;left:0;right:0;max-width:640px;margin:0 auto;padding-bottom:var(--safe-bottom);background:var(--white);border-top:1px solid var(--gray-200);z-index:210;animation:slide-up .2s ease-out}.audio-player-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);height:48px}.audio-player-btn{background:none;border:none;cursor:pointer;color:var(--gray-500);width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);transition:color .15s,background .15s}.audio-player-btn:active{color:var(--foreground);background:var(--gray-100)}.audio-player-close{width:36px;height:36px;color:var(--gray-400)}.audio-player-track{flex:1;display:flex;align-items:center}.audio-player-progress{width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.audio-player-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--gray-400) 0%,var(--gray-400) var(--progress, 0%),var(--gray-200) var(--progress, 0%),var(--gray-200) 100%);border-radius:1px}.audio-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gray-500);margin-top:-4px;border:none}.audio-player-progress::-moz-range-track{height:2px;background:var(--gray-200);border-radius:1px;border:none}.audio-player-progress::-moz-range-progress{height:2px;background:var(--gray-400);border-radius:1px}.audio-player-progress::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--gray-500);border:none}.audio-player-time{font-family:var(--font-ui);font-size:10px;color:var(--gray-400);white-space:nowrap;min-width:64px;text-align:center;flex-shrink:0;letter-spacing:.02em}.audio-player-speed-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center}.audio-player-speed-btn{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--gray-400);height:36px;padding:0 var(--space-2);border-radius:var(--radius-full);transition:color .15s,background .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.audio-player-speed-btn:active,.audio-player-speed-btn.active{color:var(--foreground)}.audio-player-speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-2);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;min-width:56px;z-index:10;animation:fade-in .1s ease-out}.audio-player-speed-option{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:12px;color:var(--gray-500);text-align:center;transition:background .1s}.audio-player-speed-option:active{background:var(--gray-50)}.audio-player-speed-option.active{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(48px + 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)}.stg-row-text{color:var(--gray-600);font-size:var(--text-sm)}button.stg-row{cursor:pointer}button.stg-row:active{background:var(--gray-50)}.stg-row--danger .stg-row-left{color:var(--gray-600)}.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)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}