:root{--bg: #141414;--panel: #1a1a1a;--panel-border: #262626;--subtle: #9ca3af;--text: #e5e7eb;--text-dim: #cbd5e1;--accent: #f59e0b;--accent-soft: #fbbf24}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px}.sidebar-title{color:var(--text);font-weight:700;font-size:14px;margin-bottom:8px}.sidebar-nav{display:grid;gap:6px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text-dim);text-decoration:none;border:1px solid transparent}.sidebar-item:hover{background:#111;border-color:var(--panel-border);color:var(--text)}.sidebar-item.active{position:relative;color:var(--accent-soft)}.sidebar-item.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-3px;height:3px;border-radius:999px;background:radial-gradient(60% 100% at 50% 100%,#f59e0be6,#f59e0b33);box-shadow:0 0 8px #f59e0bb3}a{color:var(--text-dim)}a:hover{color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;background:#111;color:var(--text-dim);border:1px solid var(--panel-border);padding:2px 8px;border-radius:999px;font-size:12px}.chip button{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:12px}.chip button:hover{color:var(--text)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed{margin:20px}.content-card{border:1px solid #ccc;padding:10px;margin:10px;border-radius:5px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--amber:#f59e0b;--gunmetal:#1f2937}.rb-header{display:grid;grid-template-columns:auto minmax(200px,720px) auto;align-items:center;gap:12px;padding:14px 22px;background:var(--gunmetal);color:#fff;position:sticky;top:0;border-bottom:1px solid #303a4a;z-index:50;width:100%;box-sizing:border-box}.rb-header-left{display:flex;align-items:center}.rb-header-center{display:flex;justify-content:center;z-index:1}.rb-header-right{display:flex;justify-content:flex-end;align-items:center;gap:14px;position:relative;z-index:2}.rb-search{display:flex;width:100%;max-width:720px}.rb-search input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.rb-search button{border-top-left-radius:0;border-bottom-left-radius:0}.rb-logo{font-weight:700;font-size:20px;letter-spacing:.2px;color:#fff}.rb-nav a{color:#cbd5e1;text-decoration:none;font-weight:500}.rb-nav a:hover{color:#fff}.rb-app{background:#0a0f1a;min-height:100vh;color:#e5e7eb;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw}.rb-main{width:100%;margin:24px 0;padding:0 24px;flex:1;box-sizing:border-box}.page{background:#0e1527;border:1px solid #1f2937;border-radius:12px;padding:24px;box-shadow:0 6px 20px #0003}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:#0b1220;border:1px solid #2a3444;border-radius:12px;padding:16px;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000059}.card-title{font-weight:600;margin-bottom:8px;color:#e2e8f0}.card-link{color:#93c5fd;text-decoration:none}.card-link:hover{text-decoration:underline}.sidebar{background:#0b1220;border:1px solid #2a3444;border-radius:12px;padding:16px;width:240px;height:fit-content;position:sticky;top:72px}.sidebar-title{font-weight:700;margin-bottom:8px;color:#e2e8f0}input,select{background:#0b1220;border:1px solid #243048;color:#e5e7eb;padding:8px 10px;border-radius:8px}button{background:var(--amber);color:#16181d;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}button:hover{background:#d97706}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media(min-width:1600px){.yt-grid{gap:26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.yt-card{display:flex;flex-direction:column;gap:8px}.yt-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#0e1320;border-radius:12px;overflow:hidden}.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yt-info{padding:0 2px}.yt-title{font-weight:600;color:#e5e7eb;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-meta{color:#94a3b8;font-size:12px;margin-top:2px}.chips{display:flex;gap:10px;padding:10px 16px;position:sticky;top:64px;background:#0a0f1a;z-index:5;border-bottom:1px solid #1f2937;flex-wrap:wrap}.chip{background:#111827;border:1px solid #2a3444;color:#cbd5e1;padding:6px 10px;border-radius:18px;font-size:12px;cursor:pointer;white-space:nowrap}.chip.active,.chip:hover{background:var(--amber);color:#111827;border-color:var(--amber)}.filter-bar{display:flex;align-items:center;gap:16px;padding:0 16px;position:sticky;top:64px;background:#0a0f1a;z-index:5;border-bottom:1px solid #1f2937}.filter-tabs{display:flex;gap:0}.filter-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;padding:14px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.filter-tab:hover:not(:disabled){color:#f8fafc}.filter-tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.filter-tab:disabled{opacity:.4;cursor:not-allowed}.coming-soon-badge{font-size:9px;background:#334155;color:#94a3b8;padding:2px 5px;border-radius:4px;font-weight:600;text-transform:uppercase}.filter-dropdown{position:relative}.filter-dropdown>button{display:flex;align-items:center;gap:6px;background:#111827;border:1px solid #1e293b;color:#94a3b8;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-dropdown>button:hover{border-color:#334155;color:#f8fafc}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:4px 0;min-width:160px;box-shadow:0 8px 24px #0006;z-index:20}.dropdown-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;color:#94a3b8;padding:10px 16px;font-size:13px;cursor:pointer;transition:all .15s}.dropdown-menu button:hover{background:#f59e0b1a;color:#f8fafc}.dropdown-menu button.active{color:#f59e0b;font-weight:600}@media(max-width:768px){.filter-bar{flex-wrap:wrap;padding:8px 12px;gap:8px}.filter-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:10px 12px;font-size:13px}.filter-dropdown>button{padding:6px 10px;font-size:12px}}.rb-logo-link{display:flex;align-items:center}.rb-logo-img{height:36px;width:auto;border-radius:4px}.ql-editor{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;white-space:pre-wrap!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;line-height:1.6!important;font-family:Georgia,Times New Roman,serif!important;flex:1!important;min-height:0!important}.quill{word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.ql-container{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.ql-editor p,.ql-editor div,.ql-editor span,.ql-editor h1,.ql-editor h2,.ql-editor h3{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important}.content-display,.book-content,.chapter-content{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;width:100%;max-width:100%;overflow-x:hidden;line-height:1.8;font-family:Georgia,Times New Roman,serif}.content-display *,.book-content *,.chapter-content *{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rb-nav-link{display:flex;align-items:center;gap:6px;color:#cbd5e1;text-decoration:none;font-weight:500;font-size:14px;padding:8px 12px;border-radius:8px;transition:all .2s ease;cursor:pointer;background:transparent;border:none}.rb-nav-link:hover{color:#fff;background:#ffffff14}.rb-nav-link svg{transition:transform .2s ease}.rb-nav-link:hover svg{transform:scale(1.1)}.rb-feedback-btn{border:1px solid #f59e0b;color:#f59e0b}.rb-feedback-btn:hover{background:#f59e0b1a;color:#fb923c}.rb-mobile-menu-toggle{display:none;background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.rb-mobile-menu-toggle:hover{background:#ffffff14;color:#fff}@media(max-width:768px){.rb-main{padding:0 16px;margin:16px 0}.page{padding:16px;border-radius:10px}.rb-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;justify-self:end;margin-left:auto}.rb-header{grid-template-columns:1fr auto;gap:8px;padding:12px 16px}.rb-header-left{justify-self:start}.rb-header-center{order:3;grid-column:1 / -1;margin-top:8px}.rb-search{width:100%}.rb-header-right{position:fixed;top:72px;right:0;bottom:0;width:220px;background:#0e1527;border-left:1px solid #2a3444;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:12px 16px;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;overflow-x:visible;z-index:100}.rb-header-right .rb-nav-link{min-width:0;overflow:visible}.rb-header-right .rb-cart-icon,.rb-header-right>div{width:100%}.rb-nav-mobile-open{transform:translate(0);box-shadow:-4px 0 12px #0000004d}.rb-nav-link{justify-content:flex-start;padding:10px 12px;width:100%;border-radius:8px;gap:10px}.rb-nav-link span{font-size:14px}.rb-nav-link svg{flex-shrink:0;width:20px;height:20px}.rb-header-left{gap:8px}.rb-main{margin-left:0!important}}@media(max-width:480px){.rb-header{padding:10px 12px}.rb-logo-img{height:30px}.rb-search input{font-size:14px;padding:8px 12px}.rb-header-right{width:85%;max-width:320px;top:68px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yt-grid{min-width:0}.yt-grid>*{min-width:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:360px){.mobile-library-grid{grid-template-columns:1fr}}@media(max-width:768px){.reader-columns>*,.reader-columns p,.reader-columns h1,.reader-columns h2,.reader-columns h3{padding-left:16px!important;padding-right:16px!important}}@media(max-width:480px){.reader-columns>*,.reader-columns p,.reader-columns h1,.reader-columns h2,.reader-columns h3{padding-left:12px!important;padding-right:12px!important}}.mobile-library-tabs::-webkit-scrollbar{display:none}.library-sidebar-content{scrollbar-width:thin;scrollbar-color:#374151 transparent}.library-sidebar-content::-webkit-scrollbar{width:6px}.library-sidebar-content::-webkit-scrollbar-track{background:transparent}.library-sidebar-content::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.library-sidebar-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.invite-modal-scroll{scrollbar-width:thin;scrollbar-color:#374151 transparent}.invite-modal-scroll::-webkit-scrollbar{width:6px}.invite-modal-scroll::-webkit-scrollbar-track{background:transparent}.invite-modal-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.invite-modal-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.invite-modal-scroll textarea{scrollbar-width:thin;scrollbar-color:#374151 transparent}.invite-modal-scroll textarea::-webkit-scrollbar{width:6px}.invite-modal-scroll textarea::-webkit-scrollbar-track{background:transparent}.invite-modal-scroll textarea::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.invite-modal-scroll textarea::-webkit-scrollbar-thumb:hover{background:#4b5563}.library-tabs-scroll{scrollbar-width:none;-ms-overflow-style:none}.library-tabs-scroll::-webkit-scrollbar{display:none}