:root{--bg: #141414;--bg-app: #0a0f1a;--bg-page: #0e1527;--bg-card: #0b1220;--bg-input: #0b1220;--panel: #1a1a1a;--panel-border: #262626;--panel-border-strong: #2a3444;--header-bg: #1f2937;--header-border: #303a4a;--subtle: #9ca3af;--text: #e5e7eb;--text-dim: #cbd5e1;--text-muted: #94a3b8;--accent: #f59e0b;--accent-soft: #fbbf24;--chip-bg: #111827;--nav-hover-bg: rgba(255, 255, 255, .08);--text-secondary: #cbd5e1;--bg-secondary: #1e293b;--border: #334155;--error-bg: rgba(239, 68, 68, .1);--error-text: #fca5a5;--button-text: #16181d;--dropdown-bg: #0f172a;--dropdown-border: #1f2937;--dropdown-hover: #1e293b}[data-theme=light]{--bg: #ffffff;--bg-app: #f1f5f9;--bg-page: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--panel: #f8fafc;--panel-border: #e2e8f0;--panel-border-strong: #cbd5e1;--header-bg: #ffffff;--header-border: #e2e8f0;--subtle: #64748b;--text: #1e293b;--text-dim: #475569;--text-muted: #64748b;--accent: #f59e0b;--accent-soft: #fbbf24;--chip-bg: #f1f5f9;--nav-hover-bg: rgba(0, 0, 0, .05);--text-secondary: #475569;--bg-secondary: #f1f5f9;--border: #e2e8f0;--error-bg: rgba(220, 38, 38, .1);--error-text: #b91c1c;--button-text: #16181d;--dropdown-bg: #ffffff;--dropdown-border: #e2e8f0;--dropdown-hover: #f1f5f9}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%}body,.rb-app,.rb-header,.sidebar,.card,.page,button,input,select,a{transition:background-color .25s ease,color .25s ease,border-color .25s ease}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:var(--chip-bg);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:var(--chip-bg);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(--header-bg);color:var(--text);position:sticky;top:0;border-bottom:1px solid var(--header-border);z-index:50;width:100%;box-sizing:border-box}.rb-header-left{display:flex;align-items:center;gap:12px}.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:var(--text)}.rb-nav a{color:var(--text-dim);text-decoration:none;font-weight:500}.rb-nav a:hover{color:var(--text)}.rb-app{background:var(--bg-app);min-height:100vh;color:var(--text);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:var(--bg-page);border:1px solid var(--panel-border);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:var(--bg-card);border:1px solid var(--panel-border-strong);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:var(--text)}.card-link{color:#93c5fd;text-decoration:none}.card-link:hover{text-decoration:underline}.sidebar{background:var(--bg-card);border:1px solid var(--panel-border-strong);border-radius:12px;padding:16px;width:240px;height:fit-content;position:sticky;top:72px}.sidebar-title{font-weight:700;margin-bottom:8px;color:var(--text)}input,select{background:var(--bg-input);border:1px solid var(--panel-border);color:var(--text);padding:8px 10px;border-radius:8px}button{background:var(--amber);color:var(--button-text);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:var(--bg-card);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:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.chips{display:flex;gap:10px;padding:10px 16px;position:sticky;top:64px;background:var(--bg-app);z-index:5;border-bottom:1px solid var(--panel-border);flex-wrap:wrap}.chip{background:var(--chip-bg);border:1px solid var(--panel-border-strong);color:var(--text-dim);padding:6px 10px;border-radius:18px;font-size:12px;cursor:pointer;white-space:nowrap}.chip.active,.chip:hover{background:var(--amber);color:var(--button-text);border-color:var(--amber)}.rb-logo-link{display:flex;align-items:center}.rb-logo-img{height:35px;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:var(--text-dim);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:var(--text);background:var(--nav-hover-bg)}.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-profile-btn{padding:4px;border-radius:50%}.rb-profile-btn:hover{background:var(--nav-hover-bg)}.rb-mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.rb-mobile-menu-toggle:hover{background:var(--nav-hover-bg);color:var(--text)}@media(max-width:768px){.rb-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.rb-header{grid-template-columns:auto 1fr auto;gap:8px;padding:12px 16px}.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:280px;background:var(--bg-page);border-left:1px solid var(--panel-border-strong);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:16px 16px 16px 20px;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:12px 16px;width:100%;border-radius:8px}.rb-nav-link span{font-size:15px}.rb-header-left{gap:8px}.rb-main{margin-left:0!important}}@media(max-width:480px){.rb-header{padding:10px 12px}.rb-logo-img{height:24px}.rb-search input{font-size:14px;padding:8px 12px}.rb-header-right{width:100%;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}.react-joyride__tooltip{animation:tourFadeIn .2s ease-out}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.react-joyride__spotlight{background:transparent!important;background-color:transparent!important;box-shadow:0 0 0 4px #f59e0b,0 0 15px #f59e0b80,0 0 0 9999px #000000b3!important;border-radius:8px!important;animation:tourPulse 1.5s ease-in-out infinite!important}@keyframes tourPulse{0%,to{box-shadow:0 0 0 4px #f59e0b,0 0 15px #f59e0b66,0 0 0 9999px #000000b3}50%{box-shadow:0 0 0 6px #f59e0b,0 0 30px #f59e0bb3,0 0 0 9999px #000000b3}}.react-joyride__spotlight[style]{background:transparent!important;background-color:transparent!important}.react-joyride__tooltip button[data-action=primary]:hover{background-color:#d97706!important}.react-joyride__tooltip button[data-action=back]:hover,.react-joyride__tooltip button[data-action=skip]:hover{color:#e5e7eb!important}.tour-progress{display:flex;gap:6px;align-items:center}.tour-progress-dot{width:6px;height:6px;border-radius:50%;background:#4b5563;transition:all .2s ease}.tour-progress-dot.active{background:#f59e0b;width:8px;height:8px}.tour-progress-dot.completed{background:#10b981}.react-joyride__overlay{z-index:10000!important}.react-joyride__tooltip{z-index:10001!important}