*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1050,#3a6bbd 55%,#89d4f5);font-family:system-ui,sans-serif}.login-card{background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2.5rem 2.75rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0000002e}.login-logo{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;text-align:center;color:#1a1050;margin:0 0 .25rem}.login-title{font-size:1.15rem;font-weight:600;color:#222;margin:.75rem 0 1.5rem;text-align:center}.login-hint{font-size:.9rem;color:#555;text-align:center;margin:0 0 1.25rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:600;color:#333}.login-input{font-size:1rem;font-family:system-ui,sans-serif;padding:.6rem .85rem;border:2px solid #ddd;border-radius:.5rem;outline:none;background:#fafafa;transition:border-color .2s;width:100%;box-sizing:border-box}.login-input:focus{border-color:#3a6bbd}.login-input--code{font-size:1.5rem;text-align:center;letter-spacing:.25em}.login-error{font-size:.875rem;color:#c0392b;background:#fdf0ef;border:1px solid #f5c6c2;border-radius:.4rem;padding:.5rem .75rem;margin:0}.login-btn{font-size:1rem;font-weight:700;font-family:system-ui,sans-serif;padding:.7rem 1rem;border:none;border-radius:.6rem;background:#3a6bbd;color:#fff;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:.25rem}.login-btn:hover{opacity:.88}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.55;cursor:default}.login-switch{margin:1.25rem 0 0;text-align:center;font-size:.875rem;color:#555}.login-link{background:none;border:none;color:#3a6bbd;font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.login-link:hover{color:#1a1050}.hub-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1050,#3a6bbd 55%,#89d4f5);font-family:system-ui,sans-serif}.hub-card{background:#ffffffed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2rem 2.5rem;width:100%;max-width:640px;box-shadow:0 8px 32px #0000002e}.hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.hub-title{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;color:#1a1050;margin:0}.hub-subtitle{color:#666;font-size:.95rem;margin:0 0 1.5rem}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.typer-card{background:#f5f7ff;border:1.5px solid #dde3f5;border-radius:.9rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.typer-card--soon{opacity:.65}.typer-card-body{flex:1}.typer-label{font-size:1rem;font-weight:700;color:#1a1050;margin:0 0 .35rem}.typer-description{font-size:.82rem;color:#666;margin:0;line-height:1.4}.btn-launch{font-size:.9rem;font-weight:700;font-family:system-ui,sans-serif;padding:.45rem 1rem;border:none;border-radius:.5rem;background:#3a6bbd;color:#fff;cursor:pointer;transition:opacity .15s;align-self:flex-start}.btn-launch:hover{opacity:.85}.coming-soon-badge{font-size:.75rem;font-weight:600;color:#888;background:#eee;padding:.2rem .6rem;border-radius:1rem;align-self:flex-start}@media(max-width:480px){.hub-grid{grid-template-columns:1fr}.hub-card{padding:1.5rem 1.25rem}}.dashboard-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1050,#3a6bbd 55%,#89d4f5);font-family:system-ui,sans-serif}.dashboard-card{background:#ffffffed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2rem 2.5rem;width:100%;max-width:640px;box-shadow:0 8px 32px #0000002e}.dashboard-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.dashboard-title{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;color:#1a1050;margin:0;flex:1}.profile-card{background:#f5f7ff;border:1.5px solid #dde3f5;border-radius:.9rem;padding:1rem 1.25rem}.profile-card-header{margin-bottom:.5rem}.profile-name{font-size:1.05rem;font-weight:700;color:#1a1050}.btn-stats-toggle{background:none;border:none;font-size:.78rem;color:#3a6bbd;cursor:pointer;padding:0;margin-bottom:.5rem;text-decoration:underline}.btn-stats-toggle:hover{color:#1a1050}.stats-loading,.stats-empty{display:block;font-size:.85rem;color:#aaa;margin-bottom:.75rem}.stats-panel{margin-bottom:.75rem}.stats-trends{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.trend-item{display:flex;align-items:center;gap:.25rem;font-size:.82rem}.trend-label{color:#888}.trend-arrow{font-size:1rem;font-weight:700;color:#3a6bbd}.trend-value{font-weight:700;color:#1a1050}.trend-separator{width:1px;height:1rem;background:#ddd;margin:0 .25rem}.stats-list{list-style:none;margin:0;padding:0;border:1px solid #e8eaf6;border-radius:.5rem;overflow:hidden}.stats-row{display:flex;gap:.5rem;align-items:center;padding:.3rem .6rem;font-size:.78rem;border-bottom:1px solid #f0f2ff}.stats-row:last-child{border-bottom:none}.stats-row:nth-child(2n){background:#f8f9ff}.stats-row-date{color:#888;width:3.5rem;flex-shrink:0}.stats-row-val{color:#333;font-weight:600;min-width:4rem}.stats-row-chunks{color:#aaa;margin-left:auto}.variant-toggle{display:flex;gap:.4rem;margin-bottom:.5rem}.btn-variant{font-size:.78rem;font-weight:600;font-family:system-ui,sans-serif;padding:.25rem .7rem;border:1.5px solid #c0cbea;border-radius:1rem;background:transparent;color:#555;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn-variant:hover{background:#eef2fb;border-color:#3a6bbd;color:#3a6bbd}.btn-variant--active{background:#3a6bbd;border-color:#3a6bbd;color:#fff}.btn-variant--active:hover{opacity:.87}.btn-start{font-size:.95rem;font-weight:700;font-family:system-ui,sans-serif;padding:.5rem 1.1rem;border:none;border-radius:.55rem;background:#3a6bbd;color:#fff;cursor:pointer;transition:opacity .15s}.btn-start:hover{opacity:.85}.btn-back-hub{font-size:.85rem;font-family:system-ui,sans-serif;padding:.35rem .8rem;border:1.5px solid #bbb;border-radius:.45rem;background:transparent;color:#555;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-back-hub:hover{background:#f0f0f0}.play-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Georgia,serif;position:relative;overflow:hidden}.bg-fade{position:absolute;inset:0;animation:bgFadeOut .8s ease-out forwards;z-index:0;pointer-events:none}@keyframes bgFadeOut{0%{opacity:1}to{opacity:0}}.play-card{background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2rem 2.5rem;max-width:680px;width:100%;box-shadow:0 8px 32px #0000001a;position:relative;z-index:1}.play-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-family:system-ui,sans-serif}.tone-badge{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;background:currentColor;color:inherit;opacity:.85;letter-spacing:.04em;text-transform:uppercase}.metrics-row{display:flex;align-items:center;gap:1.25rem;font-size:.9rem;color:#555}.btn-signout{font-family:system-ui,sans-serif;font-size:.75rem;font-weight:600;background:none;border:1px solid #ccc;border-radius:.4rem;color:#888;padding:.2rem .55rem;cursor:pointer;transition:color .15s,border-color .15s}.btn-signout:hover{color:#333;border-color:#888}.btn-speech{font-size:1.1rem;background:none;border:1px solid #ccc;border-radius:.4rem;padding:.15rem .4rem;cursor:pointer;transition:background .15s,border-color .15s;line-height:1}.btn-speech:hover{background:#0000000f;border-color:#999}.btn-speech--on{border-color:#3a6bbd;background:#3a6bbd1a}.metric{display:flex;flex-direction:column;align-items:center;gap:.1rem}.metric-value{font-size:1.3rem;font-weight:700;color:#222;line-height:1}.metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.chunk-display{font-size:1.35rem;line-height:1.8;margin-bottom:1.25rem;word-break:normal;overflow-wrap:normal;-webkit-user-select:none;user-select:none;min-height:4rem}.word-group{display:inline-block;white-space:nowrap}.char-pending{color:#aaa}.char-correct{color:#27ae60}.char-incorrect{color:#c0392b;text-decoration:underline wavy #c0392b}.char-cursor{color:#aaa;border-left:2px solid #333;animation:blink 1s step-end infinite}@keyframes blink{0%,to{border-color:#333}50%{border-color:transparent}}.typing-input{width:100%;font-size:1.1rem;font-family:Georgia,serif;line-height:1.6;padding:.75rem 1rem;border:2px solid #ddd;border-radius:.6rem;resize:none;outline:none;box-sizing:border-box;background:#fdfdfd;transition:border-color .2s}.typing-input:focus{border-color:#aaa}.typing-input:disabled{background:#f5f5f5;color:#888;cursor:default}.choices-row{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem}.choices-prompt{font-family:system-ui,sans-serif;font-size:.9rem;font-weight:700;color:#444;margin:0 0 .2rem}.btn-choice{display:flex;align-items:center;gap:.55rem;font-family:system-ui,sans-serif;font-size:1rem;font-weight:600;text-align:left;padding:.75rem 1.1rem;min-height:3rem;border:2px solid #c8d4f0;border-radius:.65rem;background:#f5f7ff;color:#1a1050;cursor:pointer;transition:background .12s,border-color .12s}.btn-choice:hover{background:#e8edfb;border-color:#3a6bbd}.btn-choice--selected{background:#3a6bbd;border-color:#2a55a0;color:#fff}.btn-choice--selected:hover{opacity:.92}.choice-label{font-weight:800;min-width:1.2rem}.completion-row{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;flex-wrap:wrap;gap:.75rem}.completion-message{font-family:system-ui,sans-serif;font-size:.95rem;color:#27ae60;font-weight:600}.btn-next{font-family:system-ui,sans-serif;font-size:1rem;font-weight:700;padding:.6rem 1.5rem;border:none;border-radius:.6rem;cursor:pointer;color:#fff;transition:opacity .15s,transform .1s}.btn-next:hover{opacity:.88}.btn-next:active{transform:scale(.97)}.btn-finish{font-family:system-ui,sans-serif;font-size:.9rem;font-weight:600;padding:.55rem 1.1rem;border:1.5px solid #bbb;border-radius:.55rem;background:transparent;color:#555;cursor:pointer;transition:background .15s}.btn-finish:hover{background:#f0f0f0}.play-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.chunk-counter{font-family:system-ui,sans-serif;font-size:.78rem;color:#aaa}.btn-back{font-family:system-ui,sans-serif;font-size:.78rem;color:#aaa;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;transition:color .15s}.btn-back:hover{color:#555}.status-text{font-family:system-ui,sans-serif;font-size:1rem;color:#555;text-align:center;padding:1rem 0}.error-text{color:#c0392b}.btn-next:disabled{opacity:.55;cursor:default}.bible-typer-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1050,#3a6bbd 55%,#89d4f5);font-family:system-ui,sans-serif}.bible-typer-card{background:#ffffffed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2rem 2.5rem;width:100%;max-width:640px;box-shadow:0 8px 32px #0000002e}.bible-typer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.bible-typer-title{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;color:#1a1050;margin:0;flex:1}.btn-back{font-size:.85rem;font-family:system-ui,sans-serif;padding:.35rem .8rem;border:1.5px solid #bbb;border-radius:.45rem;background:transparent;color:#555;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-back:hover{background:#f0f0f0}.btn-signout{font-size:.85rem;font-family:system-ui,sans-serif;padding:.35rem .8rem;border:1.5px solid #bbb;border-radius:.45rem;background:transparent;color:#555;cursor:pointer;transition:background .15s}.btn-signout:hover{background:#f0f0f0}.bible-typer-profile{font-size:.875rem;color:#666;margin:-.75rem 0 1.5rem}.bible-modules-title{font-size:1.1rem;font-weight:700;color:#222;margin:0 0 .75rem}.bible-modules-list{display:flex;flex-direction:column;gap:.75rem}.bible-module-card{display:flex;align-items:center;gap:1rem;background:#f5f7ff;border:1.5px solid #dde3f5;border-radius:.9rem;padding:1rem 1.25rem}.bible-module-card--soon{opacity:.6}.bible-module-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.bible-module-info{flex:1}.bible-module-title{font-size:1rem;font-weight:700;color:#1a1050;margin:0 0 .2rem}.bible-module-description{font-size:.82rem;color:#666;margin:0}.btn-start{font-size:.95rem;font-weight:700;font-family:system-ui,sans-serif;padding:.5rem 1.1rem;border:none;border-radius:.55rem;background:#3a6bbd;color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.btn-start:hover:not(:disabled){opacity:.85}.btn-start:disabled{opacity:.4;cursor:default}.coming-soon-badge{font-size:.75rem;font-weight:600;background:#eee;color:#999;padding:.2rem .6rem;border-radius:1rem;white-space:nowrap;flex-shrink:0}.bible-module-progress{font-size:.78rem;color:#3a6bbd;margin:.25rem 0 0;font-style:italic}.bible-module-actions{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.btn-resume{font-size:.85rem;font-weight:600;font-family:system-ui,sans-serif;padding:.35rem .9rem;border:1.5px solid #3a6bbd;border-radius:.55rem;background:transparent;color:#3a6bbd;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-resume:hover:not(:disabled){background:#3a6bbd14}.btn-resume:disabled{opacity:.4;cursor:default}.bible-type-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1050,#3a6bbd 55%,#89d4f5);font-family:system-ui,sans-serif}.bible-type-page--typing{padding:1rem;align-items:stretch}.bible-type-card{background:#ffffffed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:2rem 2.5rem;width:100%;max-width:720px;box-shadow:0 8px 32px #0000002e;margin:0 auto}.bible-type-card--typing{height:calc(100vh - 2rem);display:flex;flex-direction:column;padding:1.5rem 1.75rem 0;overflow:hidden;max-width:calc(100vw - 2rem)}.bible-type-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.bible-type-title{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;color:#1a1050;margin:0;flex:1}.bt-header-right{display:flex;align-items:center;gap:.75rem}.bt-verses-badge{font-size:.8rem;font-weight:600;color:#3a6bbd;background:#3a6bbd1a;border:1.5px solid rgba(58,107,189,.25);border-radius:999px;padding:.2rem .65rem;white-space:nowrap}.bt-btn-back{font-size:.85rem;font-family:system-ui,sans-serif;padding:.35rem .8rem;border:1.5px solid #bbb;border-radius:.45rem;background:transparent;color:#555;cursor:pointer;white-space:nowrap;transition:background .15s}.bt-btn-back:hover{background:#f0f0f0}.bt-btn-signout{font-size:.85rem;font-family:system-ui,sans-serif;padding:.35rem .8rem;border:1.5px solid #bbb;border-radius:.45rem;background:transparent;color:#555;cursor:pointer;white-space:nowrap;transition:background .15s}.bt-btn-signout:hover{background:#f0f0f0}.bt-profile-label{font-size:.85rem;color:#666;margin:-.5rem 0 1.25rem}.bt-select-form{display:flex;flex-direction:column;gap:1rem}.bt-select-row{display:flex;align-items:center;gap:1rem}.bt-select-label{font-size:.9rem;font-weight:600;color:#444;width:7rem;flex-shrink:0}.bt-select-input{font-size:.95rem;font-family:system-ui,sans-serif;padding:.4rem .65rem;border:1.5px solid #c0cbea;border-radius:.45rem;background:#fff;color:#1a1050;cursor:pointer;flex:1}.bt-select-input:disabled{opacity:.5;cursor:default}.bt-select-verse{max-width:6rem;flex:0 0 auto}.bt-start-error{font-size:.85rem;color:#c0392b;margin:0}.bt-btn-start{font-size:1rem;font-weight:700;font-family:system-ui,sans-serif;padding:.65rem 1.5rem;border:none;border-radius:.6rem;background:#3a6bbd;color:#fff;cursor:pointer;align-self:flex-start;margin-top:.25rem;transition:opacity .15s}.bt-btn-start:hover:not(:disabled){opacity:.85}.bt-btn-start:disabled{opacity:.45;cursor:default}.bt-select-loading{font-size:.875rem;color:#888}.bt-ide-panel{flex:1;overflow-y:auto;background:#12122a;border-radius:.75rem .75rem 0 0;padding:1.25rem 0 1rem;scrollbar-width:thin;scrollbar-color:#3a3a5a #12122a}.bt-ide-panel::-webkit-scrollbar{width:6px}.bt-ide-panel::-webkit-scrollbar-track{background:#12122a}.bt-ide-panel::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.bt-ide-verse{display:grid;grid-template-columns:9.5rem 1fr;gap:0 .5rem;padding:.3rem 1.5rem .3rem 0;align-items:start}.bt-ide-verse--active{background:#5a7fc41a;border-left:2.5px solid #5a7fc4;padding-left:0}.bt-ide-linenum{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.7rem;letter-spacing:.02em;color:#404468;text-align:right;padding:.28rem .85rem 0 0;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-ide-linenum--active{color:#7a9fd4}.bt-ide-text{font-family:Georgia,serif;font-size:1.15rem;line-height:1.8;overflow-wrap:break-word;word-break:normal;padding-right:1.5rem}.bt-word-group{display:inline-block;white-space:nowrap}.bt-ide-text--done,.bt-ide-text--done .char-done-correct{color:#3a7a5a}.bt-ide-text--done .char-done-incorrect{color:#8a3838;text-decoration:underline wavy #8a3838}.bt-ide-text--active{color:#dde0f5}.bt-ide-text--ghost{color:#88a}.bt-ide-text--active .char-pending{color:#52527a}.bt-ide-text--active .char-correct{color:#4ec9a0}.bt-ide-text--active .char-incorrect{color:#f47171;text-decoration:underline wavy #f47171}.bt-ide-text--active .char-cursor{color:#52527a;border-left:2px solid #b8b8d8;animation:btBlink 1s step-end infinite}.bt-ide-text--active .bt-cursor-end{display:inline-block;width:0;height:1.1em;vertical-align:text-bottom}@keyframes btBlink{0%,to{border-color:#b8b8d8}50%{border-color:transparent}}.bt-input-bar{display:flex;align-items:flex-start;gap:.6rem;background:#1c1c38;border-radius:0 0 .75rem .75rem;border-top:1px solid #2a2a4a;padding:.9rem 1.25rem 1.1rem;flex-shrink:0}.bt-input-bar--loading{font-family:SF Mono,monospace;font-size:.85rem;color:#6070a0;align-items:center;padding:1rem 1.5rem}.bt-input-prompt{font-family:SF Mono,Fira Code,monospace;font-size:1.05rem;color:#5a7fc4;line-height:1;padding-top:.75rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.bt-input-area{flex:1;font-size:1.1rem;font-family:Georgia,serif;line-height:1.65;padding:.6rem .85rem;background:#0d0d22;border:1.5px solid #2a2a4a;border-radius:.45rem;color:#dde0f5;resize:none;outline:none;box-sizing:border-box;transition:border-color .2s;overflow-wrap:break-word;word-break:normal}.bt-input-area::placeholder{color:#3a3a5a}.bt-input-area:focus{border-color:#5a7fc4}.bt-input-area:disabled{opacity:.45;cursor:default}.bt-done-screen{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;text-align:center;flex:1;justify-content:center}.bt-done-emoji{font-size:2.5rem;color:#27ae60;margin:0;line-height:1}.bt-done-text{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;color:#1a1050;margin:.25rem 0 0}.bt-done-sub{font-size:.9rem;color:#666;margin:0 0 1rem}