:root{--bg:#050608;--bg0:#050608;--bg1:#050608;--panel:#111113;--panel-2:#050509;--panel-strong:#18181b;--ink:#e4e4e7;--ink-dim:#e4e4e7bf;--line:#3f3f4699;--line-2:#52525be6;--accent:#22c55ee6;--radius:12px}*{box-sizing:border-box}#root,body,html{height:100%}body{background:radial-gradient(1300px 900px at 15% -5%,#ffffff0f,#0000 55%),radial-gradient(1300px 900px at 120% 110%,#000000e6,#0000 60%),#050608;background:radial-gradient(1300px 900px at 15% -5%,#ffffff0f,#0000 55%),radial-gradient(1300px 900px at 120% 110%,#000000e6,#0000 60%),var(--bg);color:#e4e4e7;color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0;overflow:hidden}.app{grid-gap:18px;display:grid;gap:18px;grid-template-columns:280px 1fr;height:100vh;min-width:0;padding:18px}.card,.panel{background:radial-gradient(140% 180% at 15% 0,#18181b 0,#050509 55%,#050509 100%);border:1px solid #3f3f4699;border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);box-shadow:0 18px 40px #0009,inset 0 1px 0 #ffffff05}.section-title{color:#f9fafb;font-weight:700;letter-spacing:.3px;margin:0 0 8px}.sidebar{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 36px);overflow:hidden}.header{border-radius:12px;border-radius:var(--radius);padding:14px 16px 8px}.header h1{font-size:28px;font-weight:800;letter-spacing:.4px;margin:0 0 8px}.header .search{background:#0f0f14e6;border:1px solid #52525be6;border:1px solid var(--line-2);border-radius:10px;color:#e4e4e7;color:var(--ink);height:36px;outline:none;padding:0 12px;width:100%}.header .search::placeholder{color:#e4e4e7bf;color:var(--ink-dim)}.library{padding:12px}.library .group-label{color:#e4e4e7bf;color:var(--ink-dim);font-size:12px;letter-spacing:.25px;margin:6px 8px 10px}.library ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.lib-btn{align-items:center;background:linear-gradient(145deg,#18181cfa,#0a0a0ee6);border:1px solid #3f3f4699;border:1px solid var(--line);border-radius:10px;color:#e4e4e7;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;gap:6px;justify-content:center;padding:10px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease}.library .lib-btn{text-align:left;width:100%}.lib-btn:hover{background:linear-gradient(145deg,#18181b,#050509);border-color:#52525be6;border-color:var(--line-2);box-shadow:0 10px 24px #0000008c}.lib-btn.active{background:radial-gradient(120% 150% at 10% 0,#f4f4f52e,#050509);border-color:#f4f4f5d9;box-shadow:0 0 0 1px #f4f4f566}.avatar-card{align-items:stretch;background:radial-gradient(140% 200% at 50% 0,#18181b 0,#050509 55%,#000 100%);display:flex;height:360px;margin-top:auto;max-height:360px;overflow:hidden;padding:0;position:relative}@media (min-height:900px){.avatar-card{height:420px;max-height:420px}}.avatar-host,.avatar-host canvas,.avatar-host>*{display:block;height:100%;width:100%}.avatar-host{align-items:flex-end;display:flex;justify-content:center}.avatar-canvas{display:block;height:100%!important;width:100%!important}.avatar-fab,.chat-fab{align-items:center;background:radial-gradient(140% 180% at 15% 0,#18181b,#050509);border:1px solid #3f3f46cc;border-radius:12px;box-shadow:0 8px 24px #000000b3,0 0 0 1px #0f0f14e6;color:#e4e4e7;color:var(--ink);cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:absolute;width:44px;z-index:10}.avatar-fab:hover,.chat-fab:hover{border-color:#f4f4f5e6;box-shadow:0 12px 30px #000000d9,0 0 0 1px #f4f4f599}.chat-fab{bottom:12px;left:12px}.avatar-fab{bottom:12px;right:12px}.avatar-fab svg,.chat-fab svg{height:20px;width:20px}.content{min-width:0;overflow:hidden}.content .panel{height:100%;overflow-y:auto;padding:12px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#52525bb3;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#f4f4f5e6}.hidden{display:none!important}:root{--book-spread-bg:radial-gradient(1400px 900px at 50% 50%,#94a3b81f,#0000);--book-page-bg:#f7f3ea;--book-ink:#2a2a2a;--book-ink-dim:#1e1e1ea6;--book-gutter-line:#0000001a}.book-spread{background:#0000;border:none;box-shadow:none;position:relative}.book-spread-inner{border:1px solid #3f3f4699;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #00000080,inset 0 0 0 1px #ffffff05;overflow:hidden;position:relative}.book-spread-inner:before{background:linear-gradient(90deg,#00000014,#00000040,#00000014);content:"";height:100%;left:calc(50% - 1px);pointer-events:none;position:absolute;top:0;width:2px;z-index:2}.book-page{background:linear-gradient(180deg,#ffffff59,#00000008),#f7f3ea;background:linear-gradient(180deg,#ffffff59,#00000008),var(--book-page-bg);position:relative}.book-page:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 8px,#0000000f 9px,#0000 10px);content:"";inset:0;opacity:.06;pointer-events:none;position:absolute}@media (max-width:980px){.book-spread-inner{grid-template-columns:1fr!important}.book-spread-inner:before{display:none}.book-page.book-left,.book-page.book-right{border:none!important;box-shadow:none!important}}@media (max-width:640px){.book-page{font-size:15px;padding:22px 18px 24px}}.scroll-doc{background:radial-gradient(1400px 900px at 50% 50%,#94a3b81f,#0000);background:var(--book-spread-bg);border:1px solid #3f3f4699;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #00000080,inset 0 0 0 1px #ffffff05;min-height:60vh;overflow:hidden}.scroll-doc-inner{background:linear-gradient(180deg,#f3eee3,#e3ddcf);color:#2a2a2a;color:var(--book-ink);font-family:Georgia,Times New Roman,Times,serif;font-size:16px;line-height:1.65;padding:28px 26px 36px}.scroll-doc-title{color:#1e1e1ea6;color:var(--book-ink-dim);font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}