:root{--bg: #ffffff;--bg-2: #ffffff;--surface: #ffffff;--surface-soft: #ffffff;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--line-strong: #d1d5db;--primary: #111827;--primary-strong: #030712;--accent: #2563eb;--danger: #9f1239;--reader-font-size: 24px;--reader-column-max: 48rem;--reader-side-padding: clamp(.85rem, 2.4vw, 1.35rem);--reader-top-padding: calc(var(--safe-top) + 1.15rem);--reader-bottom-padding: calc(var(--safe-bottom) + 6.5rem);--font-ui: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", system-ui, sans-serif;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bonanza-text-muted: var(--muted)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}a{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(11,110,79,.35);outline-offset:2px}.layout-root,.main-content{min-height:100dvh}.glass{background:#fffffff2;border:1px solid #eef2f7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bonanza-text-gradient{color:var(--ink);font-weight:900;letter-spacing:-.03em}.hud-btn{min-width:2.65rem;min-height:2.65rem;border:none;background:transparent;color:var(--ink);border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.55rem;transition:background-color .16s ease,transform .16s ease}.hud-btn:hover{background:#1f293312;transform:translateY(-1px)}.hud-btn.primary{background:var(--primary);color:#fff}.hud-btn.primary:hover{background:var(--primary-strong)}.hud-btn.active{background:#0b6e4f1f;color:var(--primary-strong)}.action-btn{color:#475569}.hud-btn.large{border-radius:.8rem;padding:.9rem 1.6rem;min-height:3.1rem;font-weight:800}.hud-btn.sub{width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0}.login-screen,.doc-list{width:100%;max-width:960px;min-height:100dvh;margin:0 auto;padding:calc(var(--safe-top) + 1.1rem) 1rem calc(var(--safe-bottom) + 1.4rem)}.login-screen{display:grid;place-content:center;text-align:center;gap:.6rem}.login-screen p{max-width:52ch;color:var(--muted)}.doc-list{display:flex;flex-direction:column;gap:.9rem}.doc-list-header,.library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.library-actions{display:flex;gap:.55rem;flex-wrap:wrap}.network-banner{width:fit-content;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.32rem .72rem;font-size:.84rem;font-weight:700}.network-banner.online{background:#e6f8f1;color:#065f46}.network-banner.offline{background:#fff1f2;color:var(--danger)}.dot-sep{opacity:.45}.library-search{border:1px solid var(--line);border-radius:1rem;display:flex;align-items:center;gap:.45rem;padding:.56rem .72rem;background:#fff}.library-search svg{color:var(--muted)}.library-search input{border:none;outline:none;background:transparent;width:100%;font-size:.98rem}.library-search input::placeholder{color:#829ab1}.clear-search-btn{flex-shrink:0}.library-notice{color:var(--muted);font-size:.92rem}.home-container{width:100%;max-width:900px;margin:0 auto;padding:calc(var(--safe-top) + 2rem) 1.5rem calc(var(--safe-bottom) + 8rem);font-family:var(--font-ui)}.home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.home-title{font-family:var(--font-heading);font-weight:800;font-size:2.2rem;letter-spacing:-.02em;color:#111827;margin-bottom:.4rem}.home-subtitle{color:#64748b;font-size:.95rem;font-weight:500;max-width:380px;line-height:1.4}.home-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:#10b9811a;color:#047857}.status-badge.offline{background:#ef44441a;color:#b91c1c}.search-bar-container{position:relative;margin-bottom:2rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:1rem 1rem 1rem 2.8rem;border-radius:1rem;border:1px solid rgba(0,0,0,.08);background:#f8fafc;font-family:var(--font-ui);font-size:1.05rem;color:#0f172a;transition:all .2s ease}.search-input:focus{outline:none;border-color:#cbd5e1;background:#fff;box-shadow:0 4px 12px #00000008}.empty-state,.loading-state,.error-state{text-align:center;padding:4rem 1rem;color:#64748b;font-size:1.1rem}.grid,.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.doc-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;padding:1.2rem 1.4rem;cursor:pointer;transition:all .2s ease;display:flex;gap:1.2rem;align-items:center}.doc-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000000a;border-color:#0000001a}.doc-card-icon{width:48px;height:48px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.doc-card-info,.doc-card-content{flex:1;min-width:0}.doc-name,.doc-card-title{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:#0f172a;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.doc-date,.doc-card-date{font-size:.85rem;color:#94a3b8;margin:0 0 .5rem}.doc-card-badges{display:flex;gap:.5rem}.doc-chip,.card-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.doc-chip.ready,.card-badge.offline{background:#f0fdf4;color:#166534}.doc-chip.pending,.card-badge.online{background:#eff6ff;color:#1e40af}.doc-content-container{min-height:100dvh;background:var(--surface)}.reader-progress-shell{position:fixed;top:calc(var(--safe-top) + .1rem);left:.55rem;right:.55rem;z-index:55;height:.3rem;border-radius:999px;background:#94a3b833;overflow:hidden}.reader-progress-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#111827,#374151);transition:transform .18s ease}.reader-notice{width:min(calc(100% - 1.5rem),var(--reader-column-max));margin:calc(var(--safe-top) + .5rem) auto .75rem;border-radius:.72rem;border:1px solid #bae6fd;background:#f0f9ff;color:#0c4a6e;padding:.42rem .6rem;font-size:.84rem;font-weight:700}.doc-content-wrapper{--reader-font-size: 26px;min-height:100dvh;width:100%;color:var(--ink);font-family:var(--font-ui);padding:calc(var(--safe-top) + 2rem) 1.4rem calc(var(--safe-bottom) + 8rem);transition:padding .3s ease}.immersive-mode .doc-content-wrapper{padding-top:calc(var(--safe-top) + 1.25rem)}.doc-content-wrapper>*{width:min(100%,var(--reader-column-max));max-width:var(--reader-column-max);margin-left:auto;margin-right:auto;animation:rise-in .32s ease both}.doc-content-wrapper{padding:var(--reader-top-padding) var(--reader-side-padding) var(--reader-bottom-padding)}.immersive-mode .doc-content-wrapper{padding-top:calc(var(--safe-top) + .45rem);padding-bottom:calc(var(--safe-bottom) + 3.4rem)}.doc-reader-touch-area{min-height:100dvh}.doc-style-title,.doc-style-subtitle,.doc-h1,.doc-h2,.doc-h3,.doc-h4,.doc-h5,.doc-h6{scroll-margin-top:calc(var(--safe-top) + 3rem);line-height:1.25;padding:.1em .35em!important;border-radius:.25rem;width:fit-content;max-width:100%;display:block;border-left:none;margin:1.2em 0 .4em -.35em!important}.doc-h1 span,.doc-h2 span,.doc-h3 span,.doc-h4 span,.doc-h5 span,.doc-h6 span{background-color:transparent!important;padding:0!important;color:unset!important}.doc-style-title,.doc-style-subtitle,.doc-h1,.doc-h2,.doc-h3,.doc-h4,.doc-h5,.doc-h6{line-height:1.16;padding:.08em .28em!important;border-radius:.32rem;margin:.95em 0 .28em -.28em!important}.doc-h1:empty,.doc-h2:empty,.doc-h3:empty,.doc-h4:empty,.doc-h5:empty,.doc-h6:empty,.doc-h1 .doc-empty,.doc-h2 .doc-empty,.doc-h3 .doc-empty,.doc-h4 .doc-empty,.doc-h5 .doc-empty,.doc-h6 .doc-empty{display:none!important;margin:0!important;padding:0!important}.doc-style-subtitle,.doc-style-heading-1,.doc-style-heading-2,.doc-style-heading-3,.doc-style-heading-4,.doc-style-heading-5,.doc-style-heading-6{border-left:none}.doc-style-title{font-size:calc(var(--reader-font-size) * 1.55);font-family:var(--font-heading);font-weight:900;font-style:italic;background-color:#baf2c8;color:#111827}.doc-style-subtitle{font-size:calc(var(--reader-font-size) * 1.35);font-family:var(--font-heading);font-weight:800;font-style:italic;background-color:#fce3ca;color:#1f2937}.doc-h1,.doc-style-heading-1{font-size:calc(var(--reader-font-size) * 1.25);font-family:var(--font-heading);font-weight:800;font-style:italic;text-decoration:underline;background-color:#374151;color:#fff}.doc-h2,.doc-style-heading-2{font-size:calc(var(--reader-font-size) * 1.15);font-family:var(--font-heading);font-weight:800;font-style:normal;background-color:#bffff2;color:#111827}.doc-h3,.doc-style-heading-3{font-size:calc(var(--reader-font-size) * 1.1);font-family:var(--font-heading);font-weight:800;font-style:italic;background-color:#e3fd9d;color:#111827}.doc-h4,.doc-style-heading-4{font-size:calc(var(--reader-font-size) * 1.05);font-family:var(--font-heading);font-weight:800;font-style:italic;background-color:#fecaca;color:#111827}.doc-h5,.doc-style-heading-5{font-size:calc(var(--reader-font-size) * 1);font-family:var(--font-heading);font-weight:800;font-style:italic;background-color:#e0e7ff;color:#111827}.doc-h6,.doc-style-heading-6{font-size:calc(var(--reader-font-size) * 1);font-family:var(--font-heading);font-weight:400;font-style:normal;background-color:#fef08a;color:#111827}.doc-style-title{font-size:calc(var(--reader-font-size) * 1.34);background-color:var(--doc-heading-bg, #d9f4df);color:var(--doc-heading-fg, #111827)}.doc-style-subtitle{font-size:calc(var(--reader-font-size) * 1.18);background-color:var(--doc-heading-bg, #f7e8d6);color:var(--doc-heading-fg, #1f2937)}.doc-h1,.doc-style-heading-1{font-size:calc(var(--reader-font-size) * 1.12);background-color:var(--doc-heading-bg, #374151);color:var(--doc-heading-fg, #ffffff)}.doc-h2,.doc-style-heading-2{font-size:calc(var(--reader-font-size) * 1.06);background-color:var(--doc-heading-bg, #d6faf3);color:var(--doc-heading-fg, #111827)}.doc-h3,.doc-style-heading-3{font-size:calc(var(--reader-font-size) * 1.02);background-color:var(--doc-heading-bg, #ebf7bf);color:var(--doc-heading-fg, #111827)}.doc-h4,.doc-style-heading-4{font-size:calc(var(--reader-font-size) * .99);background-color:var(--doc-heading-bg, #fde0e0);color:var(--doc-heading-fg, #111827)}.doc-h5,.doc-style-heading-5{font-size:calc(var(--reader-font-size) * .96);background-color:var(--doc-heading-bg, #e7ecff);color:var(--doc-heading-fg, #111827)}.doc-h6,.doc-style-heading-6{font-size:calc(var(--reader-font-size) * .93);background-color:var(--doc-heading-bg, #f9eea8);color:var(--doc-heading-fg, #111827)}.doc-p,.doc-li{font-size:var(--reader-font-size);line-height:1.38;letter-spacing:-.012em;color:var(--ink)}.doc-p{margin-bottom:.58em}.doc-empty{min-height:.7em;display:block}.doc-empty-state{font-size:.94rem;color:var(--muted)}.doc-link{color:#1d4ed8;text-decoration:underline;text-underline-offset:.13em;text-decoration-thickness:.08em}.doc-list-group{margin:.12em 0 .62em;padding-left:0;list-style-position:outside}.doc-list-group.depth-0{margin-left:1.8em}.doc-list-group.depth-1,.doc-list-group.depth-2,.doc-list-group.depth-3{margin-left:1.2em;margin-bottom:.2em}.doc-li{margin-bottom:.22em;padding-left:.3em}.doc-li::marker{color:#374151}.doc-li>.doc-list-group{margin-top:.25em}.doc-li-empty{display:inline-block;min-height:.9em}.outline-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172a47;opacity:0;pointer-events:none;transition:opacity .18s ease}.outline-backdrop.open{opacity:1;pointer-events:auto}.outline-sheet{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);transform:translate(100%);transition:transform .2s ease;z-index:90;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + .3rem)}.outline-sheet.open{transform:translate(0)}.outline-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.52rem .62rem;border-bottom:1px solid var(--line)}.outline-header h2{font-size:1rem;font-weight:900}.outline-content{flex:1;overflow-y:auto;padding:.5rem .55rem calc(var(--safe-bottom) + 1rem)}.outline-empty{color:var(--muted);font-size:.92rem}.outline-list{list-style:none;display:flex;flex-direction:column;gap:.14rem}.outline-item{width:100%;border:none;border-radius:.62rem;background:transparent;text-align:left;display:flex;align-items:baseline;gap:.5rem;padding:.45rem .5rem;cursor:pointer;transition:background-color .15s ease}.outline-item:hover{background:#f3f4f6}.outline-level{color:#374151;font-size:.72rem;font-weight:900}.outline-text{font-size:.92rem;line-height:1.3}.hud-bar{position:fixed;bottom:calc(var(--safe-bottom) + 1.2rem);left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.4rem;padding:.5rem;border-radius:100px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000a;transition:all .3s cubic-bezier(.2,.8,.2,1)}.hud-btn{color:#1f2937}.action-btn{color:#111827;font-family:var(--font-ui);font-weight:700}.hud-group.glass-group{display:inline-flex;align-items:center;background:#0000000a;border:none;border-radius:99px;min-height:2.8rem;padding:.2rem .6rem}.hud-icon-btn{width:2.8rem;height:2.8rem;padding:0;border-radius:50%;background:transparent;transition:background .2s ease}.hud-icon-btn:hover{background:#0000000a}.hud-timer-btn{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:#374151;font-size:.85rem;border-radius:99px;padding:.3em .8em;min-height:2.8rem;cursor:pointer;transition:background-color .15s ease}.hud-timer-btn:hover{background:#0000000a}.divider-line{width:1px;height:1.4rem;background:#00000014;margin:0 .2rem}.font-size-indicator{min-width:2.1rem;text-align:center;font-size:.9rem;font-weight:900;letter-spacing:.01em;color:#1e293b}.hud-timer-btn{display:inline-flex;align-items:center;gap:.34rem;border:1px solid var(--line);background:#f8fbff;color:#475569;font-size:.82rem;border-radius:.82rem;padding:.5rem .62rem;min-height:2.55rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.hud-timer-btn:hover{background:#eef5ff;transform:translateY(-1px)}.hud-timer-text{font-size:1.1rem;font-family:inherit;font-weight:800;color:#111827;letter-spacing:-.01em}.hud-progress{min-width:3rem;padding:.48rem .52rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;display:inline-flex;justify-content:center;align-items:center}.hud-progress-label{font-size:.78rem;font-weight:900;letter-spacing:.02em;color:#0f172a}.hud-network{display:inline-flex;align-items:center;gap:.3rem;padding:.46rem .56rem;border-radius:.8rem;font-size:.74rem;font-weight:800;border:1px solid var(--line);min-height:2.55rem}.hud-network.online{background:#f3f4f6;color:#1f2937}.hud-network.offline{background:#fff4f6;color:var(--danger)}.hud-network-label{line-height:1}.hud-network-cache{padding:.08rem .25rem;border-radius:.5rem;font-size:.66rem;background:#fff;color:#475569;border:1px solid var(--line)}.reader-quick-jump{position:fixed;right:.55rem;bottom:calc(var(--safe-bottom) + 5.1rem);z-index:60;display:flex;flex-direction:column;gap:.42rem}.reader-jump-btn{width:2.56rem;height:2.56rem;border:1px solid var(--line-strong);background:#fffffff2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#1e293b;border-radius:.78rem;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background-color .15s ease}.reader-jump-btn:hover{transform:translateY(-1px);background:#fff}.hud-bar{bottom:calc(var(--safe-bottom) + 1.2rem);gap:.28rem;padding:.34rem .36rem;max-width:calc(100vw - .8rem);border-radius:1.2rem}.action-btn{font-family:inherit}.hud-group.glass-group{min-height:2.55rem;padding:.14rem .32rem}.hud-icon-btn{width:2.45rem;height:2.45rem}.font-btn{width:2.18rem;min-width:2.18rem;min-height:2.18rem;padding:0}@media (max-width: 834px){:root{--reader-font-size: 22px;--reader-side-padding: clamp(.72rem, 2.8vw, 1rem);--reader-top-padding: calc(var(--safe-top) + .9rem);--reader-bottom-padding: calc(var(--safe-bottom) + 5.8rem)}}@media (max-width: 744px){:root{--reader-font-size: 20px;--reader-column-max: 100%;--reader-side-padding: .72rem;--reader-top-padding: calc(var(--safe-top) + .8rem);--reader-bottom-padding: calc(var(--safe-bottom) + 5.9rem)}.library-header{flex-direction:column}.doc-content-wrapper>*{width:100%;max-width:100%}.hud-bar{bottom:calc(var(--safe-bottom) + .85rem);gap:.24rem;padding:.24rem .28rem;border-radius:1rem}.hud-network-label{display:none}.hud-progress{min-width:2.7rem;padding-left:.42rem;padding-right:.42rem}.reader-quick-jump{right:.4rem;bottom:calc(var(--safe-bottom) + 4.55rem)}.reader-jump-btn{width:2.36rem;height:2.36rem}}@media (min-width: 744px) and (max-width: 1133px) and (pointer: coarse){:root{--reader-font-size: 23px;--reader-column-max: 47rem;--reader-side-padding: clamp(.55rem, 1.6vw, .85rem);--reader-top-padding: calc(var(--safe-top) + .75rem);--reader-bottom-padding: calc(var(--safe-bottom) + 5.25rem)}.doc-p,.doc-li{line-height:1.34}.doc-style-title,.doc-style-subtitle,.doc-h1,.doc-h2,.doc-h3,.doc-h4,.doc-h5,.doc-h6{margin-top:.82em!important}.hud-bar{bottom:calc(var(--safe-bottom) + .7rem)}.reader-quick-jump{right:.38rem;bottom:calc(var(--safe-bottom) + 4.15rem)}.reader-jump-btn{width:2.24rem;height:2.24rem}}@media (min-width: 1024px) and (pointer: fine){.doc-content-wrapper{max-width:980px;margin:0 auto;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);padding-left:1.2rem;padding-right:1.2rem}.reader-progress-shell{left:max(.8rem,calc(50vw - 490px));right:max(.8rem,calc(50vw - 490px))}.reader-quick-jump{right:max(.7rem,calc(50vw - 555px))}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.immersive-mode .reader-progress-shell{opacity:0;pointer-events:none}.immersive-mode .reader-quick-jump{opacity:0;pointer-events:none;transform:translateY(15px)}.hud-bar.immersive{background:transparent;border-color:transparent;box-shadow:none;pointer-events:none;bottom:calc(var(--safe-bottom) + 1.5rem)}.hud-bar.immersive>*{opacity:0;pointer-events:none;width:0;padding:0;margin:0;border:none;overflow:hidden;transition:all .3s ease}.hud-bar.immersive .hud-timer-btn{opacity:.85;pointer-events:auto;width:auto;padding:.55rem .85rem;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000014;border-radius:100px;transition:opacity .2s ease,transform .2s ease}.hud-bar.immersive .hud-timer-btn:hover{opacity:1;transform:translateY(-2px)}.hud-bar.immersive .immersive-toggle{display:none}