:root{--font-serif:"Georgia","Cambria","Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--color-bg:#fff;--color-text:#333;--color-text-secondary:#888;--color-accent:#000;--color-border:#f0f0f0;--color-hover:#fafafa;--width-sidebar:250px;--width-toc:250px;--width-main:680px;--spacing-unit:8px;--shadow-floating:0 4px 12px #00000014;--shadow-modal:0 4px 20px #00000026;--overlay-backdrop:#0000004d;--transition-standard:.2s;--touch-min:44px}*{box-sizing:border-box}body{font-family:var(--font-serif);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#111;margin-top:1.5em;margin-bottom:.5em;font-weight:400}h1{font-size:2.2em;line-height:1.2}h2{font-size:1.8em}h3{font-size:1.4em}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.fb-feedback-widget-feedback-button{color:#777!important;box-shadow:none!important;background:0 0!important;border:1px solid #8e8e8e7b!important}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.mobile-topbar{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-topbar-btn{width:var(--touch-min);height:var(--touch-min);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.mobile-topbar-btn:hover{background:var(--color-hover);color:var(--color-text)}.mobile-topbar-brand{text-align:center;flex:1}.mobile-topbar-logo{letter-spacing:-.5px;font-size:20px;font-weight:700}.sidebar{width:var(--width-sidebar);background:var(--color-bg);border-right:1px solid var(--color-border);z-index:999;flex-direction:column;padding:40px 32px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.toc{width:var(--width-toc);background:var(--color-bg);border-left:1px solid var(--color-border);z-index:999;padding:40px 32px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.toc.open{transform:translate(0)}.sidebar-overlay,.toc-overlay{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;position:fixed;inset:0}.app-main{flex:1;padding:16px}@media (max-width:768px){.mobile-topbar{display:flex}.app-main{padding-top:76px}.app-main>*{width:100%;max-width:100%}h1{font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.2em}}@media (min-width:769px){.sidebar{width:220px;transform:translate(0)}.app-container.with-sidebar .app-main{margin-left:220px}.app-main{padding:40px 24px}.app-main>*{width:auto;max-width:var(--width-main);margin:0 auto}.toc{transform:translate(100%)}.toc.open{transform:translate(0)}}@media (min-width:1101px){.sidebar{width:var(--width-sidebar)}.app-container.with-sidebar .app-main{margin-left:var(--width-sidebar)}.app-container.with-toc .app-main{margin-right:var(--width-toc)}.toc{transform:translate(0)}.app-main{padding:60px 40px}h1{font-size:2.2em;line-height:1.2}h2{font-size:1.8em}h3{font-size:1.4em}}body{overflow-x:hidden}input,textarea,select{font-size:16px!important}.sidebar-brand{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.brand-content{flex:1}.logo{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.tagline{color:var(--color-text-secondary);font-size:14px;font-family:var(--font-sans);margin:4px 0 0}.sidebar-nav{flex:1;overflow-y:auto}.nav-section{margin-bottom:40px}.nav-header{text-transform:uppercase;letter-spacing:1px;color:#999;font-size:12px;font-family:var(--font-sans);margin:0 0 16px}.nav-list{margin:0;padding:0;list-style:none}.nav-item{color:var(--color-text);font-size:16px;font-family:var(--font-sans);cursor:pointer;padding:6px 0;font-weight:400;transition:color .2s;display:block}.nav-item:hover{color:var(--color-accent)}.nav-item.active{color:#000;font-weight:600}.nav-item.new-channel-btn{color:var(--color-text-secondary);font-size:14px}.sidebar-footer{font-size:13px;font-family:var(--font-sans);border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.user-email{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.channel-edit-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);cursor:pointer;opacity:0;font-size:11px;transition:opacity .2s,color .2s}.nav-list li:hover .channel-edit-link{opacity:1}.channel-edit-link:hover{color:var(--color-accent)}.mobile-close-btn{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-standard);background:0 0;border:none;padding:8px;display:none}.mobile-close-btn:hover{color:var(--color-text)}@media (max-width:768px){.sidebar .mobile-close-btn{display:block}.nav-item{padding:12px 0;font-size:18px}.sidebar-footer a{padding:12px 0;font-size:16px}}.toc-header-wrapper{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.toc-header{text-transform:uppercase;letter-spacing:1px;color:#999;font-size:11px;font-family:var(--font-sans);margin:0;font-weight:600}.toc-list{margin:0;padding:0;list-style:none}.toc-item-group{margin-bottom:16px}.toc-link{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:13px;line-height:1.4;transition:color .2s;display:block}.toc-link:hover{color:var(--color-text);text-decoration:none}.toc-link-title{color:#555;margin-bottom:6px;font-weight:500}.toc-link-title.active{color:var(--color-accent);font-weight:600}.toc-sublist{border-left:1px solid #eee;margin:4px 0 0 2px;padding:0;list-style:none}.toc-subitem{margin-bottom:4px}.toc-link-sub{color:#999;padding-left:12px;font-size:12px}.toc-subitem.level-3 .toc-link-sub{padding-left:24px}.toc-link-sub:hover{color:var(--color-accent);border-left:2px solid var(--color-accent);margin-left:-1px;padding-left:11px}@media (max-width:768px){.toc .mobile-close-btn{display:block}.toc{padding:24px}.toc-link,.toc-link-sub{padding:8px 0;font-size:14px}}