:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,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}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;display:block;background:var(--bg, #f5f6f7);color:var(--text, #0d1620)}#root{width:100%}a{font-weight:600;color:inherit;text-decoration:none}a:hover{opacity:.85}:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";--fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";--fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";--fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";--fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";--fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";--fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";--fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";--fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";--fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";--fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";--fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility";--fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo";--fa-font-utility-fill-semibold: normal 600 1em/1 "Font Awesome 7 Utility Fill"}.svg-inline--fa{box-sizing:content-box;display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em;width:var(--fa-width, 1.25em)}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.0714285714em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left,.svg-inline--fa .fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin, .3em)}.svg-inline--fa.fa-pull-right,.svg-inline--fa .fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin, .3em)}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);inset-inline-start:calc(-1 * var(--fa-li-width, 2em));inset-block-start:.25em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:var(--fa-width, 1.25em)}.fa-layers .svg-inline--fa{inset:0;margin:auto;position:absolute;transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:calc((6 / 10 - .375) * 1em)}.fa-xs{font-size:.75em;line-height:calc(1 / 12 * 1em);vertical-align:.125em}.fa-sm{font-size:.875em;line-height:calc(1 / 14 * 1em);vertical-align:calc((6 / 14 - .375) * 1em)}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:calc((6 / 20 - .375) * 1em)}.fa-xl{font-size:1.5em;line-height:calc(1 / 24 * 1em);vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width: auto}.fa-fw,.fa-width-fixed{--fa-width: 1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin, 2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .0625em);box-sizing:var(--fa-border-box-sizing, content-box);padding:var(--fa-border-padding, .1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin, .3em)}.fa-pull-right,.fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media(prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.svg-inline--fa.fa-inverse{fill:var(--fa-inverse, #fff)}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.svg-inline--fa.fa-stack-1x{--fa-width: 1.25em;height:1em;width:var(--fa-width)}.svg-inline--fa.fa-stack-2x{--fa-width: 2.5em;height:2em;width:var(--fa-width)}.fa-stack-1x,.fa-stack-2x{inset:0;margin:auto;position:absolute;z-index:var(--fa-stack-z-index, auto)}.login-page{min-height:100vh;background:#fafafa;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e6e7eb;border-radius:18px;box-shadow:0 18px 50px #00000014;padding:18px}.login-kicker{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#6b7280}.login-title{margin:6px 0 0;font-size:22px;font-weight:950;color:#111827}.login-subtitle{margin-top:6px;font-size:13px;color:#6b7280;line-height:1.4}.login-form{margin-top:14px;display:grid;gap:12px}.login-label{display:block;font-size:13px;font-weight:900;color:#374151;margin-bottom:6px}.login-input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #d1d5db;outline:none}.login-input:focus{border-color:#9ca3af}.login-btn{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer;font-weight:950}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-alert{margin-top:12px;padding:12px;border-radius:12px;border:1px solid #f0b6b6;background:#fff3f3;color:#7f1d1d;font-size:13px}.app-page{width:100%;padding:18px 16px 28px;display:flex;justify-content:center}.app-page-inner{width:min(var(--pageMaxWidth, 980px),100%);margin-left:auto!important;margin-right:auto!important}.app-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px;border-radius:18px;border:1px solid var(--border, rgba(0,0,0,.1));background:var(--panel, rgba(255,255,255,.85));box-shadow:var(--shadow, 0 16px 40px rgba(0,0,0,.1))}.app-page-title{margin:0;font-size:20px;font-weight:1000}.app-page-subtitle{margin:6px 0 0;opacity:.75;font-size:13px}.app-page-body{display:grid;gap:12px}.app-card{width:100%;padding:14px;border-radius:18px;border:1px solid var(--border, rgba(0,0,0,.1));background:var(--panel, rgba(255,255,255,.85));box-shadow:var(--shadow, 0 16px 40px rgba(0,0,0,.1))}.app-card-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-muted{opacity:.75}.bible-page{min-height:calc(100vh - 56px);display:flex;justify-content:center;padding:16px}.bible-shell{width:min(1100px,100%);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 40px #00000038}.bible-loading{padding:22px}.bible-top{display:flex;gap:14px;justify-content:space-between;padding:18px 18px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.bible-title .bible-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-weight:800;font-size:12px;letter-spacing:.4px;margin-bottom:8px}.bible-title h2{margin:0;font-size:22px;font-weight:900}.bible-title p{margin:6px 0 0;opacity:.75;font-size:13px}.bible-tabs{display:flex;gap:10px;align-items:flex-start}.tab{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:inherit;cursor:pointer;font-weight:800}.tab.active{background:#ffffff1a}.tab:disabled{opacity:.5;cursor:not-allowed}.bible-controls{display:grid;grid-template-columns:1.1fr 1.3fr .9fr .8fr .8fr;gap:12px;padding:14px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.control label{display:block;font-size:12px;opacity:.75;font-weight:800;margin-bottom:6px}.control select,.control input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0003;color:inherit;outline:none}.chapter-row{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}.chapter-row-bottom{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin-top:5}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900;font-size:18px}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.hint{margin-top:6px;font-size:12px;opacity:.6}.size-row{display:flex;gap:8px;align-items:center}.chip{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900}.size-val{min-width:56px;text-align:center;opacity:.85;font-weight:800}.primary{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:inherit;cursor:pointer;font-weight:900}.primary:disabled{opacity:.6;cursor:not-allowed}.bible-alert{margin:14px 18px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,200,0,.32);background:#ffc80014;font-size:14px}.bible-reader{padding:18px;--fontScale: 1}.reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.reader-kicker{font-size:12px;opacity:.65;font-weight:900;letter-spacing:.35px}.reader-title{font-size:22px;font-weight:1000;margin-top:4px}.muted{opacity:.65}.reader-actions{display:flex;gap:10px}.ghost{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900}.empty{margin-top:14px;padding:16px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);opacity:.75}.verses{margin-top:14px;display:grid;gap:12px}.verse{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000029}.vnum{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-weight:1000;opacity:.9}.vtext{font-size:calc(16px * var(--fontScale));line-height:1.72}.vtools{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.mini{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-danger{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,0,0,.82);background:#ff0000a6;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-outline-danger{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,0,0,.82);background:#ff00000a;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-success{padding:8px 10px;border-radius:12px;border:1px solid rgba(12,187,12,.82);background:#0cbb0ca6;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-outline-success{padding:8px 10px;border-radius:12px;border:1px solid rgba(12,187,12,.82);background:#0cbb0c05;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-primary{padding:8px 10px;border-radius:12px;border:1px solid rgba(0,122,255,.82);background:#007affa6;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.mini-outline-primary{padding:8px 10px;border-radius:12px;border:1px solid rgba(0,122,255,.82);background:#007bff0c;color:inherit;cursor:pointer;font-weight:900;font-size:12px;opacity:.9}.bible-footer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;opacity:.75}.simple-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#000000d9;color:#fff;padding:10px 12px;border-radius:999px;font-weight:900;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:9999}.simple-toast.show{opacity:1}@media(max-width:980px){.bible-controls{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bible-top{flex-direction:column;gap:10px}.bible-controls{grid-template-columns:1fr}.verse{grid-template-columns:38px 1fr}.vnum{width:38px;height:38px;border-radius:12px}}.img-brand{width:250px;text-align:center}:root{--nav-h: 72px;--bg: #f5f6f7;--panel: rgba(255,255,255,.85);--panel2: rgba(255,255,255,.65);--border: rgba(20,20,20,.1);--text: #0d1620;--muted: rgba(13,22,32,.65);--accent: rgba(13,22,32,.08);--shadow: 0 16px 40px rgba(0,0,0,.12)}:root[data-theme=dark]{--bg: #0b0f14;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.04);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--accent: rgba(255,255,255,.08);--shadow: 0 16px 40px rgba(0,0,0,.3)}body{background:var(--bg);color:var(--text)}.app-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:999;transform:translateY(0);transition:transform .22s ease,background .22s ease;background:linear-gradient(to bottom,#0000000f,#0000)}.app-nav.hidden{transform:translateY(calc(var(--nav-h) * -1))}.nav-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 16px}.nav-left,.nav-right{display:flex;align-items:center}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.icon-pill{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);color:var(--text);display:grid;place-items:center;cursor:pointer}.nav-center{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 10px;border-radius:18px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}.nav-center::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--text);border:1px solid transparent;background:transparent;white-space:nowrap}.nav-item:hover{background:var(--accent)}.nav-item.active{border-color:var(--border);background:var(--accent)}.nav-ico{display:grid;place-items:center;opacity:.9}.nav-label{font-weight:900;font-size:13px}.user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);color:var(--text);cursor:pointer}.avatar{width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);display:grid;place-items:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:13px}.chev{display:grid;place-items:center;opacity:.8;transition:transform .18s ease}.chev.up{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(var(--nav-h) - 6px);right:16px;width:220px;border-radius:16px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.dd-item{width:100%;text-align:left;padding:12px 14px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:900}.dd-item:hover{background:var(--accent)}.dd-item.danger{color:#e24b4b}.app-content{padding-top:calc(var(--nav-h) + 10px)}@media(max-width:980px){.user-name,.nav-label{display:none}.nav-item{padding:10px}}.app-content{width:100%;display:block}.dd-notif{display:grid;grid-template-columns:34px 1fr;gap:10px;text-align:left}.dd-notif-ico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border, rgba(0,0,0,.1));background:#ffffffa6;flex:0 0 auto}.dd-notif-main{display:grid;gap:6px}.dd-notif-side{display:flex;gap:8px;align-items:center}.type-pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border, rgba(0,0,0,.1));background:#00000008;opacity:.9}.notif-filter{display:flex;gap:6px;align-items:center}.notif-filter .mini.is-on{opacity:1;filter:none;font-weight:900;border-color:#4f46e559;background:#4f46e51a}.app-card-link{display:block;color:inherit;text-decoration:none}.teach-title{font-weight:900;font-size:16px;line-height:1.2}.teach-desc,.teach-meta{margin-top:8px;font-size:13px}.teach-right{display:flex;gap:10px;align-items:center}.teach-arrow{opacity:.6;font-size:22px;line-height:1}.teach-badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);opacity:.85}.teach-pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.14);opacity:.9}.teach-pill.ok{border-color:#00000038;font-weight:700}.teach-section-title{margin:14px 0 10px;font-weight:900;opacity:.85}.teach-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.teach-note{font-size:13px;opacity:.75}.teach-progress{position:relative;height:10px;border-radius:999px;background:#00000061;overflow:hidden}.teach-progress-bar{height:100%;border-radius:999px;background:#007aff59}.teach-progress-label{margin-top:8px;font-size:12px;opacity:.8}.teach-resource{margin-top:10px}.teach-yt{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#00000014}.teach-yt iframe{width:100%;height:100%;border:0}.teach-text{white-space:pre-wrap;font-size:14px;line-height:1.6;padding:12px;border-radius:14px;background:#0000000f}