@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xxl: 3rem;--font-size-xl: 2.25rem;--font-size-l: 1.875rem;--font-size-m: 1.5rem;--font-size-s: 1.25rem;--font-size-xs: 1rem;--font-size-xxs: .875rem;--space-0: 0px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-half: 4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fcfcfb}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px;border:2px solid #fcfcfb}::-webkit-scrollbar-thumb:hover{background:#999}*{scrollbar-width:thin;scrollbar-color:#ccc #fcfcfb}body{font-family:var(--font-sans);font-size:var(--font-size-xs);line-height:1.6;color:#000;background-color:#fcfcfb;overflow-y:scroll;overflow-x:hidden;width:100%;position:relative}body.auth-loading{opacity:0;visibility:hidden;transition:opacity .2s ease-in}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;margin-bottom:1rem}h1{font-size:var(--font-size-xl);margin-bottom:1.5rem}h2{font-size:var(--font-size-l);margin-bottom:1.25rem}h3{font-size:var(--font-size-m);margin-bottom:1rem}p{margin-bottom:1rem}a{color:#000;text-decoration:underline}a:hover{text-decoration:none}.container{max-width:900px;margin:0 auto;padding:0 2rem}.my-materials-container,.community-container{max-width:100%;width:100%}.my-materials-page .my-materials-container{padding:0;max-width:100%}.community-page .community-container{padding:0}.main-container{display:flex;max-width:1480px;margin:0 auto 0 0;padding:0 0 0 320px;gap:2rem}.sidebar-left{width:320px;min-width:320px;max-width:320px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;max-height:none;overflow-y:auto;overflow-x:hidden;font-family:var(--font-sans);z-index:100;display:flex;flex-direction:column;background-color:#fff;border-right:2px dotted #e5e5e5}.sidebar-right{width:440px;min-width:440px;max-width:440px;flex-shrink:0;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 2rem);overflow-y:auto;font-family:var(--font-sans);z-index:10;box-sizing:border-box}.sidebar-right:has(.followed-people-panel[style*="display: none"]){display:none}.content-area{flex:1;min-width:0;max-width:100%}@media(min-width:1201px){.home-page.logged-in .main-container{max-width:1650px}}.followed-people-panel{background-color:#fcfcfb;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem;margin-bottom:4px;width:100%;max-width:100%;box-sizing:border-box}.sidebar-left .my-materials-panel{display:none!important}.my-materials-nav-section{display:flex!important;flex-direction:column;width:100%}.my-materials-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;cursor:pointer;background:none;border:none;color:#1a1a1b;transition:background-color .2s;padding:0}.my-materials-link-btn{width:auto!important;margin-right:4px!important}.my-materials-toggle-btn:hover{background-color:#f5f5f5;color:#000}.my-materials-caret{transition:transform .2s ease}.my-materials-toggle-btn[aria-expanded=true] .my-materials-caret{transform:rotate(180deg)}.my-materials-list-container{max-height:160px;overflow-y:auto;overflow-x:hidden;margin:0 var(--space-1);width:calc(100% - var(--space-2));scrollbar-width:thin}.my-materials-list-container::-webkit-scrollbar{width:4px}.my-materials-list-container::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}.followed-person-item{padding:4px 0}.followed-person{padding:6px 12px;border-radius:4px}.followed-person:hover{background-color:#f5f5f5}.my-materials-panel>.nav-panel-link{margin-bottom:8px}@media(min-width:769px){.home-page .sidebar-left,.popular-page .sidebar-left,.library-page .sidebar-left,.community-page .sidebar-left,.my-materials-page .sidebar-left{top:0!important;bottom:0!important;left:0!important;width:320px!important;min-width:320px!important;max-width:320px!important;height:auto!important;max-height:none!important;min-height:100vh!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important}.home-page .sidebar-left .nav-panel.followed-people-panel,.popular-page .sidebar-left .nav-panel.followed-people-panel,.library-page .sidebar-left .nav-panel.followed-people-panel,.community-page .sidebar-left .nav-panel.followed-people-panel,.my-materials-page .sidebar-left .nav-panel.followed-people-panel{flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;overflow:visible!important;order:1!important}.home-page .sidebar-left .nav-panel-body,.popular-page .sidebar-left .nav-panel-body,.library-page .sidebar-left .nav-panel-body,.community-page .sidebar-left .nav-panel-body,.my-materials-page .sidebar-left .nav-panel-body{flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;overflow-y:visible!important;overflow-x:visible!important;max-height:none!important;height:auto!important}.home-page .sidebar-left .my-materials-panel,.popular-page .sidebar-left .my-materials-panel,.library-page .sidebar-left .my-materials-panel,.community-page .sidebar-left .my-materials-panel,.my-materials-page .sidebar-left .my-materials-panel{flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;margin-top:auto!important;margin-bottom:0!important;min-height:0!important;overflow-y:auto!important;order:2!important;background-color:#fff!important}}.signup-card-panel .signup-card-title{margin-bottom:.25rem}.signup-card-panel .signup-card-subtitle{color:#666;font-size:.9rem;margin-bottom:1.25rem}.signup-card-panel .signup-card-oauth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.signup-card-panel .oauth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;white-space:nowrap;font-weight:500}.signup-card-panel .oauth-btn-icon{flex-shrink:0;width:20px;height:20px}.signup-card-panel .oauth-btn-google{background-color:#fff;color:#757575;border:1px solid #ddd;font-family:Roboto,sans-serif}.signup-card-panel .oauth-btn-apple{background-color:#000;color:#fff;border:1px solid #000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-card-panel .signup-card-divider{display:flex;align-items:center;margin:1rem 0 1.25rem;gap:.75rem}.signup-card-panel .auth-divider-line{flex:1;height:1px;background:#e5e5e5}.signup-card-panel .auth-divider-text{color:#666;font-size:.85rem}.signup-card-panel .signup-card-form .form-group{margin-bottom:1rem}.signup-card-panel .signup-card-form .form-group:last-of-type{margin-bottom:1.25rem}.signup-card-panel .signup-card-form .auth-button{margin-top:0}.signup-card-panel .form-hint{color:#666;font-size:.85rem;display:block;margin-top:.25rem}.signup-card-panel .signup-card-footer{margin-top:1.25rem;text-align:center}.nav-panel.followed-people-panel{background-color:#fff;border:none;border-radius:0;padding:0;margin-bottom:0;display:flex;flex-direction:column;flex-shrink:0;flex-grow:0}.nav-panel-header{display:flex;align-items:center;padding:var(--space-1) var(--space-2);gap:var(--space-1);border-bottom:1px solid #e5e5e5;flex-shrink:0;min-height:48px}.sidebar-hamburger{display:none;width:40px;height:40px;padding:10px;flex-shrink:0;border-radius:8px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background-color .2s ease}.sidebar-hamburger:hover{background-color:#f5f5f5}.sidebar-hamburger span{display:block;width:20px;height:2px;background-color:#1a1a1b;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.sidebar-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-hamburger.active span:nth-child(2){opacity:0}.sidebar-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-panel-logo{text-decoration:none;color:#000;display:flex;align-items:center;flex:1;min-width:0}.nav-panel-logo .logo-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-panel-auth{display:flex;align-items:center;flex-shrink:0}.sidebar-left .nav-panel-auth .auth-buttons-container{display:none!important}body.logged-in .sidebar-left .nav-panel-auth{display:flex!important}.nav-panel-auth .user-avatar{width:36px;height:36px}.nav-panel-auth .auth-button{padding:.5rem 1rem;font-size:.9rem}.nav-panel-body{display:flex;flex-direction:column;padding:8px 0;flex:1;overflow-y:auto}.nav-panel-links{display:flex;flex-direction:column;gap:8px;padding:0}.nav-panel-curated-section{display:block;margin-top:24px}@media(min-width:769px){body.logged-out .sidebar-left{zoom:.8}body.logged-out .main-center-wrapper{margin-left:-24px}body.logged-out .content-area{zoom:.9}}.nav-panel-section-title{padding:0 var(--space-2) var(--space-1) var(--space-2);font-size:.75rem;font-weight:600;text-transform:uppercase;color:#878a8c;letter-spacing:.5px;margin:0}.sidebar-signup-button{margin:var(--space-2) var(--space-2);padding:var(--space-1.5);padding:var(--space-2) var(--space-2);background-color:#000;color:#fff;text-align:center;text-decoration:none;font-family:var(--font-sans);border:1px solid #000;border-radius:4px;font-weight:600;transition:background-color .2s,color .2s;cursor:pointer;display:block;font-size:.95rem}.sidebar-signup-button:hover{background-color:#fff;color:#000;text-decoration:none}.nav-panel-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);text-decoration:none;color:#1a1a1b;font-size:.875rem;font-weight:500;line-height:20px;border-radius:4px;transition:background-color .1s ease,color .1s ease;margin:0 var(--space-1);width:calc(100% - var(--space-2));box-sizing:border-box;position:relative;min-height:40px}.nav-panel-link[data-path="/community.html"]{display:none}.nav-panel-link:hover{background-color:#f5f5f5;color:#000}.nav-panel-link:focus{outline:2px solid #0079d3;outline-offset:-2px}.nav-panel-link.is-active,.nav-panel-link[aria-current=page]{background-color:#f5f5f5;color:#000;font-weight:600}.nav-panel-icon{width:20px;height:20px;flex-shrink:0;color:#878a8c;transition:color .1s ease}.nav-panel-link:hover .nav-panel-icon,.nav-panel-link.is-active .nav-panel-icon,.nav-panel-link[aria-current=page] .nav-panel-icon{color:#1a1a1b}.nav-panel-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:769px){.nav-panel-body{max-height:none!important;opacity:1!important;padding:8px 0!important}.nav-panel-links{max-height:none!important;opacity:1!important}}@media(max-width:768px){.nav-panel-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .4s ease;padding:0}.nav-panel-body.open{max-height:600px;opacity:1;padding:8px 0}}.sidebar-title{font-family:var(--font-display);font-size:.875rem;margin-bottom:0;color:#000;font-weight:400}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#000;transition:background-color .2s}.sidebar-action-btn:hover{background-color:#f0f0f0}#followed-people-list{display:flex;flex-direction:column;gap:.75rem}.followed-person{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;transition:background-color .2s;text-decoration:none;color:inherit}.followed-person:hover{background-color:#f5f5f5;text-decoration:none;color:inherit}.followed-person-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666;flex-shrink:0}.followed-person-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.my-materials-panel .followed-person-avatar,.recommended-posts-panel .followed-person-avatar{background-color:#fcfcfb}.my-materials-panel .followed-person-avatar img,.recommended-posts-panel .followed-person-avatar img{border-radius:4px}.followed-person-info{flex:1;min-width:0}.followed-person-name{font-size:.95rem;font-weight:500;color:#000;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followed-person-username{font-size:.85rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.followed-people-empty{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem}.followed-people-empty p{margin-bottom:1rem}.followed-people-empty a{color:#000;text-decoration:underline;font-size:.9rem}.followed-people-empty a:hover{text-decoration:none}.followed-people-empty .finish-signup-cta-btn{display:inline-block;margin-bottom:.75rem;padding:.5rem 1rem;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500}.followed-people-empty .finish-signup-cta-btn:hover{background:#333}.followed-people-empty .followed-people-discover-link{display:block;margin-top:.25rem}.finish-signup-cta{padding:.75rem 1rem;margin-bottom:.5rem}.finish-signup-cta .finish-signup-cta-btn{display:inline-block;padding:.5rem 1rem;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500}.finish-signup-cta .finish-signup-cta-btn:hover{background:#333}.followed-people-loading{display:flex;flex-direction:column;gap:.75rem}.followed-person-skeleton{display:flex;align-items:center;gap:.75rem;padding:.5rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;animation:pulse 1.5s ease-in-out infinite}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.skeleton-line{height:12px;background-color:#f0f0f0;border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:60%}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.followed-person .follow-btn-container{flex-shrink:0}.follow-btn.following:hover:not(:disabled){background-color:#333;border-color:#333}.followed-person .follow-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;background-color:#fcfcfb;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.followed-person .follow-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.followed-person .follow-btn.following{background-color:#000;border-color:#000;color:#fff}.followed-person .follow-btn.following:hover:not(:disabled){background-color:#333;border-color:#333}.followed-person .follow-btn svg{width:14px;height:14px}.activity-card{margin-bottom:4px;padding:1.5rem;border:none;border-radius:8px;background-color:#fcfcfb}.activity-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.activity-user-info{display:flex;align-items:center;gap:.75rem;min-width:0}.activity-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666;flex-shrink:0;overflow:hidden}.activity-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.activity-user-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.activity-user-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-user-name{font-weight:500;color:#000;font-size:.95rem}.activity-user-name.clickable{cursor:pointer;text-decoration:underline}.activity-user-name.clickable:hover{color:#666}.activity-user-row .activity-follow-btn-container{flex-shrink:0}.activity-follow-btn-container{align-self:flex-start}.activity-follow-btn-container .follow-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e5e5e5;background-color:#fcfcfb;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;cursor:pointer}.activity-follow-btn-container .follow-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.activity-follow-btn-container .follow-btn.following{background-color:#000;border-color:#000;color:#fff}.activity-follow-btn-container .follow-btn.following:hover:not(:disabled){background-color:#333;border-color:#333}.activity-follow-btn-container .follow-btn svg{width:12px;height:12px}.activity-meta{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;flex-wrap:wrap}.activity-rating-stars{display:inline-flex;align-items:center;gap:.0625rem}.activity-comment{font-style:italic;color:#333;font-size:.95rem;line-height:1.5;margin:.5rem 0 0;padding:.5rem .75rem;background-color:#f9f9f9;border-left:3px solid #ccc;border-radius:0 4px 4px 0}.post-entry.compact{padding:1rem;margin-bottom:0}.post-entry.compact .post-title{font-size:1.1rem;margin-bottom:.5rem}.post-entry.compact .post-excerpt{display:none}.post-entry.compact .post-author{font-size:.85rem;margin-bottom:0}@media(max-width:1200px){.main-container{max-width:100%;padding:2rem var(--space-4) 0;gap:var(--space-4)}.sidebar-left{width:320px;min-width:320px;max-width:320px}.sidebar-right{width:340px;min-width:340px;max-width:340px}.content-area{flex:1;min-width:0}}@media(min-width:769px){.popular-page .main-container,.library-page .main-container,.community-page .main-container,.my-materials-page .main-container{display:flex;padding:2rem 2rem 0 340px!important;max-width:none;margin:0}.popular-page .content-area,.library-page .content-area,.community-page .content-area,.my-materials-page .content-area{flex:1;min-width:0;max-width:1100px;margin:0 auto;padding:0 2rem}}@media(max-width:968px){.main-container{flex-direction:column;padding:1rem var(--space-4) 0;padding-left:var(--space-4)}.sidebar-left,.sidebar-right{width:100%;position:static;left:auto;right:auto;height:auto;order:2;margin-bottom:var(--space-6)}.main-center-wrapper{margin-left:0;margin-right:0}.main-content-row{flex-direction:column}.sidebar-right{width:100%;position:static;max-height:none}.scrolling-panel-card{width:240px;height:180px}.my-materials-panel,.followed-people-panel{margin-bottom:var(--space-4)}}@media(max-width:768px){header:not(.signed-out-header){display:block!important;visibility:visible!important;min-height:52px;flex-shrink:0}main{display:block!important;visibility:visible!important;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}main.container{max-width:640px;margin-left:auto;margin-right:auto}.signed-out-header{display:none!important}.sidebar-left,.sidebar-right{position:static;width:100%;height:auto;max-height:none}.content-area{width:100%;max-width:640px;min-width:0;flex:none;margin-left:auto!important;margin-right:auto!important;overflow-x:hidden}.home-page .content-area{margin-left:auto;margin-right:auto}.main-center-wrapper{margin-left:0;margin-right:0}.main-content-row{flex-direction:column}.sidebar-right{width:100%;position:static;max-height:none}.scrolling-panel-card{width:200px;height:160px}.scrolling-panel-card-title{font-size:.85rem}.scrolling-panel-card-description{font-size:.75rem}.main-container{display:block;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left))}.feed{max-width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}.signed-out-feed-wrapper{flex-direction:column;gap:1.5rem;padding-right:0}.signed-out-feed-wrapper .signed-out-sidebar{width:100%;order:2}.signed-out-feed-wrapper .signed-out-feed-column{order:1;width:100%}.signed-out-feed-wrapper .feed{order:1}.signed-out-feed-wrapper .signup-card-panel,.signed-out-feed-wrapper .signed-out-footer-panel{position:static;max-height:none;overflow-y:visible}}@media(max-width:480px){.main-container{padding:.75rem max(1rem,env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));gap:var(--space-2);width:100%;max-width:100%;overflow-x:hidden}.sidebar-right{margin-top:var(--space-4)}.my-materials-panel,.followed-people-panel{padding:var(--space-4)}.sidebar-title{font-size:.875rem}}.follow-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;background-color:#fcfcfb;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;cursor:pointer}.follow-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.follow-btn.following{background-color:#000;border-color:#000;color:#fff}.follow-btn svg{width:14px;height:14px}header{border-bottom:1px solid #ccc;padding:10px 0;margin-bottom:1rem}header .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;max-width:1400px;padding-left:2rem;padding-right:2rem;min-height:45px}@media(max-width:900px){header .container{padding-left:1rem;padding-right:1rem;gap:1rem}}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1);width:44px;height:44px;padding:var(--space-2);background:transparent;border:none;cursor:pointer;z-index:100;border-radius:var(--space-2);transition:background-color .2s;justify-self:start;display:none}@media(max-width:768px){.hamburger-menu{display:flex}.nav-left,.header-right{display:none!important}.site-title{position:absolute;left:50%;transform:translate(-50%);margin:0;z-index:100}header .container{padding:max(.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));position:relative;display:flex;justify-content:space-between;align-items:center}}.hamburger-menu:hover{background-color:#f5f5f5}.hamburger-menu span{display:block;width:20px;height:2px;background-color:#000;transition:transform .3s ease,opacity .3s ease}.hamburger-menu.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.fab-button{display:none}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background-color:#fcfcfb;box-shadow:-4px 0 20px #00000026;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column;overflow-y:auto}@media(min-width:769px){.mobile-nav-drawer,.mobile-nav-overlay{display:none!important}}.mobile-nav-drawer.open{right:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid #e5e5e5}.mobile-nav-logo{font-family:var(--font-sans);font-size:1.5rem;font-weight:850;color:#000;letter-spacing:-.04em}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;border-radius:var(--space-2);transition:background-color .2s;color:#000}.mobile-nav-close:hover{background-color:#f5f5f5}.mobile-nav-links{display:flex;flex-direction:column;padding:var(--space-4) 0}.mobile-nav-links a{display:block;padding:var(--space-4) var(--space-5);text-decoration:none;color:#000;font-size:1.1rem;font-family:var(--font-sans);transition:background-color .2s}.mobile-nav-links a:hover{background-color:#f5f5f5;text-decoration:none}.mobile-nav-auth{margin-top:auto;padding:var(--space-5);border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:var(--space-3)}.mobile-nav-auth a,.mobile-nav-auth button{width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.home-page.logged-in .fab-button{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right));width:56px;height:56px;min-width:56px;min-height:56px;border-radius:50%;background-color:#000;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000040;z-index:1500;transition:background-color .2s,transform .2s}.home-page.logged-in .fab-button:hover{background-color:#333}.home-page.logged-in .fab-button:active{transform:scale(.96)}.home-page.logged-out .fab-button{display:none!important}}@media(min-width:769px)and (max-width:1100px){header .container{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;height:auto;padding:1rem}.header-right{justify-self:end;width:auto}.nav-left{display:none}.site-title{align-self:center;justify-self:center}}.site-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;text-decoration:none;color:#000;justify-self:center}.nav-left{display:flex;gap:1.5rem;justify-self:start;align-items:center}.logo-image{height:72px;width:auto;display:block}.logo-text{font-family:var(--font-sans);font-size:1.85rem;font-weight:850;color:#000;letter-spacing:-.04em;line-height:1;display:inline-block}.logo-text span{display:inline-block}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;justify-self:stretch;width:100%;min-width:0}.auth-button{text-decoration:none;color:#000;background-color:transparent;font-size:.875rem;padding:8px;border:1px solid #ccc;border-radius:4px;transition:background-color .2s;background:#fff;display:inline-flex;align-items:center;justify-content:center;line-height:1}.header-right .auth-button{width:auto;max-width:fit-content;flex-shrink:0;white-space:nowrap}.auth-button:hover{background-color:#f5f5f5;text-decoration:none}.auth-section{display:flex;justify-content:flex-end;align-items:center;height:100%}.admin-view-toggle{display:flex;align-items:center;gap:.5rem;background-color:#f0f0f0;border:1px solid #ccc;border-radius:20px;padding:.25rem .75rem .25rem .25rem;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-family:var(--font-sans);color:#666}.admin-view-toggle.active{background-color:#000;border-color:#000;color:#fff;padding:.25rem .25rem .25rem .75rem}.admin-view-toggle .toggle-label{font-weight:500;min-width:35px;text-align:center}.admin-view-toggle .toggle-slider{width:16px;height:16px;background-color:#fcfcfb;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform .2s ease}.admin-view-toggle.active{flex-direction:row-reverse}.auth-separator{width:1px;height:20px;background-color:#e5e5e5;margin:0 1rem}.user-avatar{box-shadow:0 2px 4px #0000001a}.user-avatar:hover{opacity:.9;transform:scale(1.05);box-shadow:0 4px 8px #00000026}.nav-left a,.header-right a:not(.user-avatar):not(.create-post-button):not(.toggle-btn){text-decoration:none;color:#000;font-size:.95rem}.nav-left a:hover,.header-right a:not(.user-avatar):not(.create-post-button):not(.toggle-btn):hover{text-decoration:underline}.search-container,.post-button-container{display:flex;align-items:center}.create-post-button{text-decoration:none;color:#fff;font-size:.9rem;padding:.5rem 1rem;border:1px solid #000;background-color:#000;display:inline-block;transition:background-color .2s;white-space:nowrap;line-height:1.5;box-sizing:border-box}.create-post-button:hover{background-color:#333}.search-input{font-family:var(--font-sans);font-size:.9rem;padding:.5rem .75rem;border:1px solid #ccc;background-color:#fcfcfb;color:#000;width:200px;outline:none;box-sizing:border-box;line-height:1.5}.search-input:focus{border-color:#000}.search-input::placeholder{color:#999}.main-center-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;margin-left:0;margin-top:2rem;margin-right:max(.5rem,calc((100vw - 1480px)/2))}.home-page .main-center-wrapper{margin-left:0;margin-right:max(.5rem,calc((100vw - 1480px)/2))}.scrolling-panel{width:100%;margin-bottom:1.5rem;position:relative;z-index:15;display:none}.scrolling-panel-track{position:relative}.main-content-row{display:flex;gap:2rem;align-items:flex-start;margin-left:0;margin-right:1rem;position:relative;z-index:10}.popular-page .main-content-row,.library-page .main-content-row,.community-page .main-content-row,.my-materials-page .main-content-row{margin-top:0;padding-top:0;margin-left:0}@media(min-width:769px){.home-page .scrolling-panel{display:block}}@media(min-width:1201px){.home-page.logged-in .main-center-wrapper{margin-left:0;margin-right:max(.5rem,calc((100vw - 1650px)/2))}.home-page.logged-in .main-content-row,.home-page.logged-in .scrolling-panel{margin-left:2rem;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}}@media(max-width:1200px){.main-center-wrapper{margin-left:0;margin-right:.5rem}.main-content-row{margin-left:2rem;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}}.scrolling-panel-track{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-right:1rem;padding-left:0;scrollbar-width:none;-ms-overflow-style:none}.scrolling-panel-track::-webkit-scrollbar{display:none}.scrolling-panel-track:focus{outline:2px solid #000;outline-offset:2px}.scrolling-panel-card{flex:0 0 auto;width:260px;height:180px;border-radius:12px;scroll-snap-align:start;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;display:block;text-decoration:none;color:inherit;box-shadow:0 4px 12px #0000001a}.scrolling-panel-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;background:#0000}.scrolling-panel-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #00000026}.scrolling-panel-card:active{transform:translateY(-2px) scale(.99)}.scrolling-panel-card-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.scrolling-panel-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);display:flex;flex-direction:column;gap:.5rem}.scrolling-panel-card-title{font-size:1.1rem;font-weight:600;margin:0;color:#fff;line-height:1.3;font-family:var(--font-sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.scrolling-panel-card-description{font-size:.9rem;color:#ffffffe6;margin:0;line-height:1.4;font-family:var(--font-sans);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden}.scrolling-panel-card-category{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.scrolling-panel-card-category svg{width:16px;height:16px;color:#fff;flex-shrink:0}.scrolling-panel-card-category span{font-size:.75rem;color:#ffffffd9;font-family:var(--font-sans)}.scrolling-panel-scroll-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#000000d9;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background-color .2s ease,opacity .2s ease,transform .2s ease;pointer-events:auto;box-shadow:0 4px 12px #0006;padding:0;overflow:visible}.scrolling-panel-scroll-btn:hover{background-color:#000000f2;border-color:#ffffff80;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #00000080}.scrolling-panel-scroll-btn svg{width:18px;height:18px;display:block;flex-shrink:0;margin:0;padding:0;overflow:visible;stroke-width:2.5}.feed{margin-bottom:4rem;min-height:600px}.feed-mode-toggle-wrap{position:relative;margin-bottom:.75rem}.feed-mode-toggle{display:flex;align-items:center;gap:.25rem;padding:0;border:none;background:none;cursor:pointer;font-size:.8125rem;color:#666;font-family:var(--font-sans);line-height:1.2}.feed-mode-toggle:hover{color:#444}.feed-mode-toggle-caret{display:inline-flex;color:#666;transition:transform .2s ease}.feed-mode-toggle-wrap.dropdown-open .feed-mode-toggle-caret{transform:rotate(180deg)}.feed-mode-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:120px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;display:none;flex-direction:column;overflow:hidden}.feed-mode-dropdown.active{display:flex}.feed-mode-option{padding:.5rem .75rem;border:none;background:#fff;cursor:pointer;font-size:.8125rem;color:#666;font-family:var(--font-sans);text-align:left;width:100%;transition:background .15s}.feed-mode-option:hover{background:#f5f5f5;color:#444}.feed-mode-option[aria-selected=true]{font-weight:500;color:#333}.feed-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ccc}.page-title,.feed-header h1{font-family:var(--font-sans);font-size:2rem;font-weight:400;margin-bottom:1.5rem;padding:0}.feed-header p{color:#666;font-size:.95rem}.type-filter-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;min-height:0}.type-filter-button{font-family:var(--font-sans);font-size:.9rem;padding:.5rem 1rem;border:1px solid #ccc;background-color:#fcfcfb;color:#000;cursor:pointer;text-decoration:none;transition:background-color .2s,border-color .2s;line-height:1.5;box-sizing:border-box}.type-filter-button:hover{background-color:#f5f5f5;border-color:#000}.type-filter-button.active{background-color:#000;color:#fff;border-color:#000}.year-filter-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;min-height:0}.year-filter-button{font-family:var(--font-sans);font-size:.9rem;padding:.5rem 1rem;border:1px solid #ccc;background-color:#fcfcfb;color:#000;cursor:pointer;text-decoration:none;transition:background-color .2s,border-color .2s;line-height:1.5;box-sizing:border-box}.year-filter-button:hover{background-color:#f5f5f5;border-color:#000}.year-filter-button.active{background-color:#000;color:#fff;border-color:#000}.year-filter-button.active:hover{background-color:#333}.virtual-item-wrapper{width:100%;box-sizing:border-box}.post-entry{padding:1.5rem;margin-bottom:32px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fcfcfb;box-shadow:0 1px 3px #0000000d}.feed .post-entry+.post-entry{margin-top:8px;padding-top:8px;border-top:1px solid #e5e5e5}.post-entry.has-image{display:flex;gap:1.5rem;align-items:flex-start}.post-image{flex-shrink:0}.material-image{width:100px;height:100px;object-fit:cover;border-radius:4px;display:block}.post-content-wrapper{flex:1;min-width:0;max-width:100%}@media(min-width:769px){.post-entry.has-image:not(.compact){flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:12px}.post-entry.has-image:not(.compact) .post-image{width:100%}.post-entry.has-image:not(.compact) .material-image{width:100%;height:300px;border-radius:0}.post-entry.has-image:not(.compact) .post-content-wrapper{padding:1.5rem;width:100%}}@media(max-width:768px){.post-entry{padding:1rem;border-radius:0;border-left:none;border-right:none;margin-bottom:1rem;max-width:100%;box-sizing:border-box}.post-entry.has-image{flex-direction:column;gap:.75rem;align-items:stretch}.post-entry.has-image .post-content-wrapper{width:100%;flex:initial;min-width:auto}.activity-card{padding:1rem 0;border-radius:0;border-left:none;border-right:none}.activity-card .post-entry.compact{padding:0 1rem;margin-top:.75rem;border:none;box-shadow:none;background:transparent}.post-entry.has-image .post-image{width:100%;aspect-ratio:16 / 9;background-color:#f5f5f5;overflow:hidden}.material-image{width:100%;height:100%;object-fit:contain;border-radius:2px;display:block}}.post-image{flex-shrink:0;width:160px;height:280px;background-color:#fcfcfb;border:none;border-radius:4px;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.material-image{width:100%;height:100%;object-fit:contain;display:block}.post-entry.has-image .post-image{width:160px;height:280px}@media(max-width:768px){.post-entry.has-image .post-image{width:100%;aspect-ratio:16 / 9}}.material-image-placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:2rem}.material-card.has-image{display:flex;gap:1.5rem;align-items:flex-start}.material-card-image{flex-shrink:0;width:100px;height:100px;overflow:hidden;border-radius:4px}.material-card-image .material-image{width:100px;height:100px;object-fit:cover;border-radius:4px;display:block}.material-card-image .material-image-placeholder{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.material-card-content{flex:1;min-width:0}@media(max-width:600px){.material-card.has-image{flex-direction:column;gap:1rem}}.post-meta{color:#666;font-size:.9rem;margin-bottom:.5rem}.post-title{font-family:var(--font-sans);font-size:1.5rem;margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word}.post-title a{text-decoration:none;color:#000}.post-title a:hover{text-decoration:underline}.post-excerpt{color:#333;margin-bottom:.75rem;line-height:1.7}.post-author{color:#666;font-size:.9rem;display:flex;justify-content:flex-start}.post-author-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.post-author-text{white-space:nowrap}.post-author a{color:#666;text-decoration:none}.post-author a:hover{text-decoration:underline}.post-bookmark-container,.post-star-container{display:inline-block;vertical-align:middle}.bookmark-button{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0;border-radius:4px;transition:background-color .2s,opacity .2s;font-size:var(--font-size-xs);color:#666;line-height:1}.bookmark-button:hover{background-color:#0000000d}.bookmark-button:disabled{cursor:wait;opacity:.6}.bookmark-button .bookmark-icon{display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s;width:16px;height:16px}.bookmark-button .bookmark-icon svg{width:16px;height:16px}.bookmark-button.bookmarked .bookmark-icon,.bookmark-button:hover .bookmark-icon{color:#000}.bookmark-button .bookmark-count{font-size:.8rem;color:#999;font-weight:400;line-height:1}.bookmark-button.bookmarked .bookmark-count{color:#666}.post-bookmark-container{display:inline-flex;align-items:center}.bookmark-cell{text-align:center}.star-button{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.star-button:hover{background-color:#0000000d}.star-button:disabled{cursor:wait;opacity:.6}.star-icon{font-size:1.2rem;color:#999;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .2s}.star-icon.filled{color:#ffc107}.star-count{font-size:.85rem;color:#666;font-weight:500;display:flex;align-items:center;line-height:1}.post-stats{display:flex;align-items:center;gap:var(--space-1)}.heart-button{display:inline-flex;align-items:center;gap:.25rem;border:none;background:transparent;cursor:pointer;padding:0;color:#666;font-size:var(--font-size-xs)}.heart-button .heart-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.heart-button .heart-icon svg{width:16px;height:16px}.heart-button:hover .heart-icon svg{transform:scale(1.05)}.heart-button.hearted{color:#c92424}.heart-button.hearted .heart-icon svg{fill:currentColor}.heart-button:disabled{cursor:default;opacity:.6}.post-view-count{font-size:var(--font-size-xs);color:#666;display:inline-flex;align-items:center;gap:var(--space-half);cursor:default}.post-view-count svg{width:16px;height:16px}.post-view-count:hover{color:#999}.post-detail{margin-bottom:4rem}.post-detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #ccc}.post-detail-meta{color:#666;font-size:.9rem;margin-bottom:1rem}.post-detail-title{font-family:var(--font-sans);font-size:2.5rem;margin-bottom:1.5rem;line-height:1.3}.post-detail-author{color:#666;font-size:.95rem;margin-top:1.5rem;display:flex;justify-content:flex-start;align-items:center}.post-detail-author .post-author-content{display:inline-flex;align-items:center;gap:.5rem}.post-detail-image{margin:var(--space-4) 0;width:100%}.detail-material-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--space-2)}.post-content{max-width:700px;margin:0 auto}.post-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#000}.post-content p:first-child{font-weight:500;font-size:1.15rem}.post-navigation{margin-top:4rem;padding-top:2rem;border-top:1px solid #ccc;display:flex;justify-content:space-between;gap:2rem}.post-nav-link{text-decoration:none;color:#000;max-width:45%}.post-nav-link:hover{text-decoration:underline}.post-nav-label{color:#666;font-size:.9rem;margin-bottom:.5rem;display:block}.post-nav-title{font-family:var(--font-sans);font-size:1.1rem}.ceos-list{margin-bottom:4rem;min-height:500px}.ceo-entry{padding:1.5rem 0;border-bottom:1px solid #e5e5e5}.ceo-entry:last-child{border-bottom:none}.ceo-name{font-family:var(--font-sans);font-size:1.3rem;margin-bottom:.5rem}.ceo-name a{text-decoration:none;color:#000}.ceo-name a:hover{text-decoration:underline}.ceo-info{color:#666;font-size:.95rem;margin-bottom:.5rem}.ceo-bio{color:#333;margin-top:.75rem;line-height:1.7}.ceo-profile-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #ccc}.ceo-profile-name{font-family:var(--font-sans);font-size:2rem;margin-bottom:.5rem}.ceo-profile-title{color:#666;font-size:1.1rem;margin-bottom:.5rem}.ceo-profile-company{color:#666;font-size:.95rem;margin-bottom:1rem}.ceo-profile-bio{color:#333;line-height:1.7;margin-top:1.5rem}.ceo-posts-section{margin-top:3rem}.ceo-posts-section h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.secondary-section{margin-top:4rem;padding-top:3rem;border-top:1px solid #ccc;text-align:center}.secondary-section h2{font-size:1.5rem;margin-bottom:1rem}.secondary-section p{color:#666;margin-bottom:1.5rem}.secondary-section a{color:#000;text-decoration:underline}footer{margin-top:5rem;padding-top:3rem;padding-bottom:3rem;border-top:1px solid #ccc;background-color:#fcfcfb}.footer-panel.followed-people-panel{padding:1.25rem}.footer-panel footer{margin-top:0;padding-top:0;padding-bottom:0;border-top:none;background-color:transparent}.footer-panel .container{max-width:none;padding:0;margin:0}.footer-panel .footer-grid{display:flex;flex-direction:column;gap:1.5rem}.footer-panel .footer-section{flex:none;min-width:0;padding-right:0}.footer-panel .footer-section:first-child{flex:none;padding-right:0}.footer-panel .footer-section h3{font-size:1.2rem}.footer-panel .footer-section h4{font-size:.8rem;margin-bottom:.5rem}.footer-panel .footer-section p{font-size:.85rem;margin-bottom:.75rem}.footer-panel .copyright{margin-top:1rem;font-size:.75rem}.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-section{flex:1;min-width:160px;display:flex;flex-direction:column;align-items:flex-start}.footer-section:first-child{flex:1.5;padding-right:2rem}.footer-section h3{font-family:var(--font-sans);font-size:1.35rem;margin-bottom:.75rem;color:#000}.footer-section h4{font-family:var(--font-sans);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;color:#000;font-weight:700;text-align:left}.footer-section p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.footer-section nav{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer-section nav a{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section nav a:hover{color:#000;text-decoration:underline}.copyright{margin-top:1.5rem;color:#999;font-size:.8rem}@media(max-width:768px){.footer-grid{flex-direction:column;gap:2rem}.footer-section{min-width:100%}.footer-section:first-child{padding-right:0}}.back-link{display:inline-block;margin-bottom:2rem;color:#666;text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline;color:#000}.admin-header{padding:2rem 0;border-bottom:1px solid #ccc;margin-bottom:2rem}.admin-header-content{max-width:100%}.admin-title-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-icon{font-size:2rem;line-height:1}.admin-header h1{margin:0;font-size:2.5rem}.admin-subtitle{color:#666;font-size:.95rem;margin:0}.admin-content{margin-bottom:4rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:300px}.loading-container p{color:#666;margin:0}.admin-tabs-container{width:100%}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5;padding-bottom:0}.admin-tab{font-family:var(--font-sans);font-size:.9rem;padding:.75rem 1.25rem;border:none;border-bottom:2px solid transparent;background-color:transparent;color:#666;cursor:pointer;transition:all .2s;margin-bottom:-1px;position:relative}.admin-tab:hover{color:#000;background-color:#f5f5f5}.admin-tab.active{color:#000;border-bottom-color:#000;background-color:transparent}.admin-tab-content{margin-top:1.5rem}.empty-state{text-align:center;padding:3rem 2rem;background-color:#fcfcfb;border:1px solid #e5e5e5}.empty-state p{color:#666;margin:0}.table-container{border:1px solid #e5e5e5;background-color:#fcfcfb;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background-color:#f9f9f9;border-bottom:1px solid #e5e5e5}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#000;font-family:var(--font-sans);font-size:.9rem}.admin-table th.text-right{text-align:right}.admin-table td{padding:1rem;border-bottom:1px solid #e5e5e5;color:#000}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:#f9f9f9}.admin-table .font-medium{font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:3px;font-size:.85rem;font-weight:500;border:1px solid}.status-pending{background-color:#f5f5f5;color:#666;border-color:#e5e5e5}.status-approved{background-color:#e5f5e5;color:#060;border-color:#b3d9b3}.status-rejected{background-color:#ffe5e5;color:#c00;border-color:#ffb3b3}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.action-btn{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1rem;line-height:1;transition:background-color .2s;border-radius:3px;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover:not(:disabled){background-color:#f5f5f5}.action-btn:disabled{cursor:not-allowed;opacity:.5}.view-btn{color:#666}.approve-btn{color:#060}.reject-btn{color:#c00}.scraper-management-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e5e5}.scraper-management-section h2{font-family:var(--font-sans);font-size:1.75rem;margin-bottom:.5rem}.section-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.scraper-sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.scraper-source-card{border:1px solid #e5e5e5;border-radius:8px;padding:1.25rem;background:#fcfcfb;transition:border-color .2s,box-shadow .2s}.scraper-source-card:hover{border-color:#ccc}.scraper-source-card.running{border-color:#000;box-shadow:0 2px 8px #00000014}.scraper-source-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.scraper-source-icon{font-size:1.5rem;line-height:1}.scraper-source-name{font-weight:500;font-size:1rem;color:#000}.scraper-source-meta{font-size:.85rem;color:#666;margin-bottom:1rem}.scraper-source-type{display:inline-block;padding:.125rem .5rem;background:#f5f5f5;border-radius:3px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#666}.scraper-source-actions{display:flex;gap:.5rem}.scraper-run-btn{flex:1;padding:.5rem 1rem;background:#000;color:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;font-size:.9rem;font-family:var(--font-sans);transition:background .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.scraper-run-btn:hover:not(:disabled){background:#333}.scraper-run-btn:disabled{background:#999;border-color:#999;cursor:not-allowed}.scraper-run-btn.running{background:#666;border-color:#666}.scraper-run-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scraper-actions{margin-bottom:1.5rem}.scraper-run-all-btn{padding:.75rem 1.5rem;background:#000;color:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;font-size:.95rem;font-family:var(--font-sans);transition:background .2s}.scraper-run-all-btn:hover:not(:disabled){background:#333}.scraper-run-all-btn:disabled{background:#999;border-color:#999;cursor:not-allowed}.scraper-log-container{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fcfcfb}.scraper-log-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9f9f9;border-bottom:1px solid #e5e5e5}.scraper-log-header h3{font-family:var(--font-sans);font-size:.9rem;font-weight:600;margin:0;color:#000}.scraper-log-clear{padding:.25rem .75rem;background:transparent;border:1px solid #e5e5e5;border-radius:3px;font-size:.8rem;color:#666;cursor:pointer;transition:all .2s}.scraper-log-clear:hover{background:#f5f5f5;border-color:#ccc;color:#000}.scraper-log{max-height:300px;overflow-y:auto;padding:1rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.log-placeholder{color:#999;font-style:italic;margin:0}.log-entry{padding:.25rem 0;border-bottom:1px solid #f0f0f0;display:flex;gap:.5rem}.log-entry:last-child{border-bottom:none}.log-timestamp{color:#999;flex-shrink:0}.log-message{flex:1;word-break:break-word}.log-entry.success .log-message{color:#060}.log-entry.error .log-message{color:#c00}.log-entry.info .log-message{color:#333}.log-entry.warning .log-message{color:#960}.scraper-last-run{font-size:.8rem;color:#999;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background-color:#fcfcfb;border:1px solid #e5e5e5;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.new-post-modal[hidden]{display:none}.new-post-modal-content{max-width:700px}.new-post-modal{z-index:2000}.modal-open{overflow:hidden}.new-post-modal .modal-description{margin-bottom:1.5rem}.new-post-modal .content-search-container{position:relative;margin-bottom:2rem}.new-post-modal .content-search-input{width:100%;padding:.75rem 1rem;border:1px solid #ccc;font-size:1rem;font-family:var(--font-sans);background-color:#fcfcfb}.new-post-modal .content-search-input:focus{outline:none;border-color:#000}.new-post-modal .search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;max-height:300px;overflow-y:auto;z-index:10;display:none}.new-post-modal .search-results-dropdown.active{display:block}.new-post-modal .search-result-item{padding:.75rem 1rem;border-bottom:1px solid #e5e5e5;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.new-post-modal .search-result-item:hover{background:#f5f5f5}.new-post-modal .search-result-info{flex:1}.new-post-modal .search-result-title{font-weight:700;margin-bottom:.25rem}.new-post-modal .search-result-meta{font-size:.85rem;color:#666}.new-post-modal .add-new-item{padding:.75rem 1rem;background:#f9f9f9;border-top:1px solid #ccc;cursor:pointer;font-weight:700}.new-post-modal .star-rating-stars{pointer-events:auto;cursor:pointer}.new-post-modal #post-form-section{border-top:1px solid #e5e5e5;padding-top:2rem;display:none}.new-post-modal .selected-material-preview{background:#fafafa;padding:1.5rem;border:1px solid #e5e5e5;margin-bottom:2rem}.new-post-modal .selected-material-title{font-family:var(--font-sans);font-size:1.5rem;margin-bottom:.5rem}.new-post-modal .selected-material-author{color:#666;font-size:.9rem}.new-post-modal .form-group{margin-bottom:2rem}.new-post-modal .form-group label{display:block;margin-bottom:.75rem;font-weight:700;font-size:1rem}.new-post-modal .post-textarea{width:100%;min-height:150px;padding:1rem;border:1px solid #ccc;font-size:1rem;font-family:var(--font-sans);line-height:1.6;resize:vertical}.new-post-modal .post-textarea:focus{outline:none;border-color:#000}.new-post-modal .char-count{text-align:right;font-size:.85rem;color:#666;margin-top:.5rem}.new-post-modal .form-actions{display:flex;gap:1rem}.new-post-modal .btn{padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border:1px solid #000;transition:background-color .2s}.new-post-modal .btn-primary{background:#000;color:#fff}.new-post-modal .btn-primary:hover{background:#333}.new-post-modal .btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.new-post-modal .btn-secondary{background:#fff;color:#000}.new-post-modal .btn-secondary:hover{background:#f5f5f5}@media(max-width:480px){.new-post-modal{padding:0;align-items:flex-end}.new-post-modal-content{border-radius:16px 16px 0 0;max-height:95vh;width:100%;max-width:none;overflow-y:auto;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#000}.modal-body{padding:1.5rem}.modal-description{color:#666;font-size:.9rem;margin-bottom:1.5rem}.modal-details{display:flex;flex-direction:column;gap:1.5rem}.modal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modal-detail-item{display:flex;flex-direction:column;gap:.5rem}.modal-detail-label{font-size:.85rem;color:#666;margin:0}.modal-detail-value{font-weight:500;color:#000;margin:0}.modal-links{display:flex;gap:1rem;flex-wrap:wrap}.modal-link{color:#000;text-decoration:underline;font-size:.9rem}.modal-link:hover{text-decoration:none}.modal-message{padding:1rem;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:3px}.modal-message-text{color:#000;margin:0;line-height:1.6;white-space:pre-wrap}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e5e5e5;gap:1rem}.modal-status{display:flex;align-items:center}.modal-action-buttons{display:flex;gap:.75rem}.auth-button{padding:.75rem 1.5rem;background-color:#000;color:#fff;border:1px solid #000;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;font-family:var(--font-sans);transition:background-color .2s}.auth-button:hover:not(:disabled){background-color:#333}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-button.secondary{background-color:transparent;color:#000;border-color:#000}.auth-button.secondary:hover:not(:disabled){background-color:#f5f5f5}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background-color:#000;color:#fff;border:1px solid #000;border-radius:3px;box-shadow:0 4px 6px #0000001a;z-index:2000;max-width:400px;font-size:.9rem;display:none}.toast.show{display:block}.toast-success{background-color:#060;border-color:#060}.toast-error{background-color:#c00;border-color:#c00}.sec-control-panel{padding:1rem 0}.sec-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.sec-stat-card{background:linear-gradient(135deg,#f9f9f9,#fcfcfb);border:1px solid #e5e5e5;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:box-shadow .2s,transform .2s}.sec-stat-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.sec-stat-content{display:flex;flex-direction:column;gap:.25rem}.sec-stat-value{font-size:1.5rem;font-weight:600;color:#000}.sec-stat-label{font-size:.85rem;color:#666}.sec-settings-row{display:flex;gap:1.5rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;align-items:flex-end}.sec-setting-group{display:flex;flex-direction:column;gap:.25rem}.sec-setting-group label{font-size:.8rem;color:#666}.sec-stats-inline{display:flex;gap:1.5rem;margin-left:auto;font-size:.9rem;color:#666}.sec-stats-inline strong{color:#000}.sec-subsection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;border-top:1px solid #e5e5e5;margin-top:.5rem}.sec-subsection-header h4{margin:0;font-size:1rem;font-weight:600}.sec-filters-inline{display:flex;gap:.5rem;align-items:center}.sec-select-small{min-width:100px;font-size:.85rem;padding:.35rem .5rem}.sec-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem 1.25rem}.sec-system-col h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#333}.sec-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sec-log-header h4{margin:0}.sec-compact-table{max-height:250px;overflow-y:auto}.sec-compact-table .admin-table{font-size:.85rem}.sec-compact-table .admin-table th,.sec-compact-table .admin-table td{padding:.5rem}.sec-panel{background:#fcfcfb;border:1px solid #e5e5e5;margin-bottom:1.5rem}.sec-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;background:#f9f9f9}.sec-panel-header h3{margin:0;font-size:1.1rem;font-weight:600}.sec-panel-actions{display:flex;gap:.5rem}.sec-add-form{padding:1rem 1.25rem;background:#f5f5f5;border-bottom:1px solid #e5e5e5}.sec-form-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.sec-form-hint{margin:.75rem 0 0;font-size:.85rem;color:#666}.sec-input{padding:.5rem .75rem;border:1px solid #ccc;font-size:.95rem;font-family:inherit;min-width:180px}.sec-input:focus{outline:none;border-color:#000}.sec-input-small{min-width:120px;max-width:150px}.sec-select{padding:.5rem .75rem;border:1px solid #ccc;font-size:.95rem;font-family:inherit;background:#fcfcfb;min-width:140px;cursor:pointer}.sec-select:focus{outline:none;border-color:#000}.sec-filters{display:flex;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;align-items:center}.sec-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #e5e5e5}.sec-page-info{font-size:.9rem;color:#666}.sec-toggle-container{display:flex;align-items:center;gap:.75rem}.sec-toggle{position:relative;display:inline-block;width:48px;height:26px}.sec-toggle input{opacity:0;width:0;height:0}.sec-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.sec-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.sec-toggle input:checked+.sec-toggle-slider{background-color:#060}.sec-toggle input:checked+.sec-toggle-slider:before{transform:translate(22px)}.sec-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:1.25rem}.sec-setting-item{display:flex;flex-direction:column;gap:.5rem}.sec-setting-item label{font-size:.9rem;font-weight:500;color:#333}.sec-actions-row{display:flex;gap:.75rem;padding:0 1.25rem 1.25rem}.sec-status-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#e5f5e5;border-top:1px solid #b3d9b3}.sec-status-indicator{width:10px;height:10px;background:#060;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sec-cache-stats{display:flex;gap:2rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;flex-wrap:wrap}.sec-cache-stat{display:flex;gap:.5rem;align-items:center}.sec-cache-stat-label{font-size:.9rem;color:#666}.sec-cache-stat-value{font-weight:600;color:#000}.sec-cache-table-container{max-height:300px;overflow-y:auto}.sec-log-filters{display:flex;gap:.25rem}.sec-log-filter{padding:.4rem .75rem;background:transparent;border:1px solid #e5e5e5;font-size:.85rem;cursor:pointer;transition:all .2s}.sec-log-filter:first-child{border-radius:3px 0 0 3px}.sec-log-filter:last-child{border-radius:0 3px 3px 0}.sec-log-filter:not(:first-child){margin-left:-1px}.sec-log-filter:hover{background:#f5f5f5}.sec-log-filter.active{background:#000;color:#fff;border-color:#000}.sec-activity-log{max-height:400px;overflow-y:auto;padding:0}.sec-log-loading{padding:2rem;text-align:center;color:#666}.sec-log-entry{display:flex;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid #f0f0f0;align-items:flex-start}.sec-log-entry:last-child{border-bottom:none}.sec-log-entry:hover{background:#f9f9f9}.sec-log-icon{font-size:1rem;line-height:1.4}.sec-log-content{flex:1;min-width:0}.sec-log-message{margin:0;font-size:.9rem;color:#000;word-break:break-word}.sec-log-time{font-size:.8rem;color:#999;margin-top:.25rem}.sec-log-entry.success .sec-log-icon{color:#060}.sec-log-entry.error .sec-log-icon{color:#c00}.sec-log-entry.warning .sec-log-icon{color:#c60}.sec-log-entry.info .sec-log-icon{color:#666}.sec-log-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e5e5}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.text-small{font-size:.85rem}.text-muted{color:#999}.text-center{text-align:center}.text-error{color:#c00}@media(max-width:768px){.container{padding:0 1.5rem}}.search-input{width:100%}h1,.post-detail-title{font-size:2rem}.post-navigation{flex-direction:column}.post-nav-link{max-width:100%}footer .container{flex-direction:column;align-items:flex-start}.admin-header h1{font-size:2rem}.admin-tabs{flex-wrap:wrap;gap:.25rem}.admin-tab{font-size:.85rem;padding:.5rem .75rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.modal-detail-grid{grid-template-columns:1fr;gap:1rem}.modal-actions{flex-direction:column;align-items:stretch;gap:1rem}.modal-action-buttons{flex-direction:column;width:100%}.modal-action-buttons .auth-button{width:100%}.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}.sec-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.sec-stat-card{padding:1rem}.sec-stat-value{font-size:1.25rem}.sec-panel-header{flex-direction:column;align-items:stretch;gap:.75rem}.sec-panel-header .auth-button{width:100%}.sec-form-row{flex-direction:column}.sec-input,.sec-input-small,.sec-select{width:100%;min-width:unset;max-width:unset}.sec-filters{flex-direction:column;align-items:stretch}.sec-settings-row{flex-direction:column;gap:1rem}.sec-stats-inline{margin-left:0;flex-wrap:wrap;gap:1rem}.sec-subsection-header{flex-direction:column;align-items:stretch;gap:.75rem}.sec-filters-inline{flex-wrap:wrap}.sec-system-grid{grid-template-columns:1fr;gap:1rem}.sec-settings-grid{grid-template-columns:1fr}.sec-actions-row{flex-direction:column}.sec-actions-row .auth-button{width:100%}.sec-cache-stats{flex-direction:column;gap:.75rem}.sec-toggle-container{width:100%;justify-content:space-between}.sec-log-filters{flex-wrap:wrap}.sec-log-actions{flex-direction:column}.sec-log-actions .auth-button{width:100%}.sec-pagination{flex-direction:column;gap:.5rem}.truncate{max-width:150px}.activity-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.activity-user-avatar{width:32px;height:32px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.activity-meta{font-size:.95rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-user-name{font-weight:700}.activity-action{color:#666}.activity-rating-stars{display:flex;align-items:center;gap:.1rem}.activity-time{color:#999;font-size:.85rem}.post-entry.compact{border:none;border-radius:8px;padding:1rem;margin-bottom:0;background:#fcfcfb}.post-entry.compact .post-title{font-size:1.25rem;margin-bottom:.5rem}.post-entry.compact .post-image .material-image,.post-entry.compact .post-image .material-image-placeholder{width:80px;height:80px}.empty-feed{text-align:center;padding:3rem 1rem;background:#fcfcfb;border:none;border-radius:8px;margin-bottom:2rem}.empty-feed h3{margin-bottom:1rem}.empty-feed p{color:#666;margin-bottom:2rem}.post-resources{margin-top:2rem;padding:1.5rem;border:1px solid #e5e5e5;border-radius:8px;background:#f9f9f8}.post-resources h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.resource-links{display:flex;flex-direction:column;gap:.75rem}.resource-link{display:inline-flex;align-items:center;gap:.5rem;color:#06c;text-decoration:none;font-size:.95rem;padding:.5rem .75rem;border:1px solid #d0d0d0;border-radius:6px;background:#fff;transition:all .2s ease;max-width:fit-content}.resource-link:hover{background:#f0f7ff;border-color:#06c;text-decoration:none;color:#0052a3}.resource-link svg{flex-shrink:0}.platform-links-inline{display:flex;gap:.75rem;margin-top:.75rem}.platform-link-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;border-radius:6px}.platform-link-icon:hover{transform:translateY(-2px);filter:brightness(1.1)}.platform-logo{width:32px;height:32px;border-radius:6px;object-fit:cover}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem 0}.person-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background-color:#fcfcfb;border:1px solid #e5e5e5;border-radius:8px;transition:box-shadow .2s ease,border-color .2s ease}.person-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000f}.person-avatar{width:48px;height:48px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:#666;flex-shrink:0}.person-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.person-info{flex:1;min-width:0}.person-name{font-weight:500;font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-name a{color:#000;text-decoration:none}.person-name a:hover{text-decoration:underline}.person-title{font-size:.9rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card .follow-btn-container{flex-shrink:0;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.person-card .follow-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;background-color:#fcfcfb;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;cursor:pointer}.person-card .follow-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.person-card .follow-btn.following{background-color:#000;border-color:#000;color:#fff}.person-card .follow-btn.following:hover:not(:disabled){background-color:#333;border-color:#333}.person-card .follow-btn svg{width:14px;height:14px}.person-card .follow-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.people-grid{grid-template-columns:1fr}.person-card{padding:.875rem 1rem}.person-avatar{width:40px;height:40px;font-size:.9rem}}@media(min-width:1101px){body.home-page.logged-in .main-container,body.popular-page.logged-in .main-container,body.library-page.logged-in .main-container,body.community-page.logged-in .main-container,body.my-materials-page.logged-in .main-container,body.letters-page.logged-in .main-container,body.essays-page.logged-in .main-container,body.podcasts-page.logged-in .main-container,body.reports-page.logged-in .main-container,body.interviews-page.logged-in .main-container,body.discussions-page.logged-in .main-container,body.profile-page.logged-in .main-container{zoom:.8}}@media(max-width:1100px){body.home-page .main-container,body.popular-page .main-container,body.library-page .main-container,body.community-page .main-container,body.my-materials-page .main-container,body.letters-page .main-container,body.essays-page .main-container,body.podcasts-page .main-container,body.reports-page .main-container,body.interviews-page .main-container,body.discussions-page .main-container,body.profile-page .main-container{zoom:1!important;transform:none!important}}body.home-page header,body.popular-page header,body.library-page header,body.community-page header,body.my-materials-page header,body.letters-page header,body.essays-page header,body.podcasts-page header,body.reports-page header,body.interviews-page header,body.discussions-page header,body.profile-page header{display:none!important}@media(min-width:769px){.header-hamburger{display:none}}header .auth-button,.nav-panel-auth .auth-button,.mobile-nav-auth .auth-button{background-color:transparent!important;color:#000!important;border:1px solid #ccc!important}header .auth-button:hover,.nav-panel-auth .auth-button:hover,.mobile-nav-auth .auth-button:hover{background-color:#f5f5f5!important;border-color:#000!important}.ceo-profile-top{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.ceo-profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e5e5}.ceo-profile-initials{width:100px;height:100px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:500;color:#666;flex-shrink:0;border:2px solid #e5e5e5}.ceo-profile-info{flex:1;min-width:0}.ceo-profile-about{font-size:1rem;color:#333;line-height:1.6;margin:0 0 1rem;padding:.75rem 1rem;background-color:#f9f9f9;border-left:3px solid #ccc;border-radius:0 4px 4px 0}.ceo-profile-socials{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f5f5f5;color:#333;text-decoration:none;transition:all .2s}.social-link:hover{background-color:#000;color:#fff}.social-link.twitter:hover{background-color:#1da1f2}.social-link.linkedin:hover{background-color:#0077b5}.social-link.website:hover{background-color:#333}.social-link svg{width:18px;height:18px}@media(max-width:600px){.ceo-profile-top{flex-direction:column;align-items:center;text-align:center}.ceo-profile-info{display:flex;flex-direction:column;align-items:center}.ceo-profile-info>div:first-child{justify-content:center}.ceo-profile-image,.ceo-profile-initials{width:80px;height:80px;font-size:2rem}.ceo-profile-socials{justify-content:center}}.user-profile{max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-4)}.user-profile .back-link{display:inline-block;margin-bottom:var(--space-8);color:#666;text-decoration:none;font-size:.95rem}.user-profile .back-link:hover{color:#000;text-decoration:underline}.user-profile-header{display:flex;gap:var(--space-10);align-items:flex-start;margin-bottom:var(--space-10);padding-bottom:var(--space-10);border-bottom:1px solid #e5e5e5}.user-profile-avatar{flex-shrink:0}.user-profile-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #e5e5e5}.user-profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:500;color:#666;border:2px solid #e5e5e5}.user-profile-info{flex:1;min-width:0}.user-profile-name{font-family:var(--font-sans);font-size:2.25rem;font-weight:400;margin-bottom:var(--space-4);color:#000;line-height:1.1}.user-profile-bio{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:var(--space-4)}.user-profile .follow-button{padding:var(--space-2) var(--space-6);font-size:.95rem;border:1px solid #000;background-color:#000;color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.user-profile .follow-button:hover:not(:disabled){background-color:#333;border-color:#333}.user-profile .follow-button.following{background-color:transparent;color:#000}.user-profile .follow-button.following:hover:not(:disabled){background-color:#f5f5f5}.user-profile .follow-button:disabled{opacity:.6;cursor:not-allowed}.user-profile-stats{display:flex;gap:var(--space-16);padding:0 0 var(--space-10) 0;margin-bottom:var(--space-10);border-bottom:1px solid #e5e5e5}.user-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.user-stat-value{font-size:1.5rem;font-weight:600;color:#000}.user-stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.user-activity-section{margin-top:0}.user-activity-section h2{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;margin-bottom:var(--space-8);color:#000}.user-activity-feed{display:flex;flex-direction:column;gap:var(--space-8)}.user-activity-empty{text-align:center;padding:var(--space-12) var(--space-8);color:#666;font-size:1rem}.user-activity-item{padding:var(--space-8);border:1px solid #e5e5e5;border-radius:8px;background-color:#fcfcfb}.user-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.user-activity-rating{display:flex;align-items:center;gap:2px}.user-activity-date{font-size:.85rem;color:#999}.user-activity-comment{font-style:italic;color:#333;font-size:.95rem;line-height:1.5;margin:0 0 var(--space-5) 0;padding:var(--space-3) var(--space-4);background-color:#f9f9f9;border-left:3px solid #ccc;border-radius:0 4px 4px 0}.user-activity-post{display:flex;gap:var(--space-4);align-items:flex-start}.user-activity-image{width:60px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#f0f0f0}.user-activity-image img{width:100%;height:100%;object-fit:cover}.user-activity-image .material-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.user-activity-post-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.user-activity-type{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.user-activity-title{font-family:var(--font-sans);font-size:1.1rem;color:#000;text-decoration:none;line-height:1.3}.user-activity-title:hover{text-decoration:underline}.user-activity-author{font-size:.9rem;color:#666}.user-activity-author a{color:#000;text-decoration:underline}.user-activity-author a:hover{text-decoration:none}.user-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);color:#666}.user-profile-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.user-profile-loading p{margin:0;font-size:1rem}.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.user-profile-error p{color:#666;font-size:1.1rem;margin-bottom:var(--space-6)}@media(max-width:600px){.user-profile{padding:var(--space-6) var(--space-4)}.user-profile-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.user-profile-avatar-img,.user-profile-avatar-placeholder{width:80px;height:80px;font-size:1.75rem}.user-profile-name{font-size:1.75rem}.user-profile-stats{justify-content:center;gap:var(--space-8)}.user-activity-post{flex-direction:column;gap:var(--space-3)}.user-activity-image{width:100%;height:120px}}.scraper-results-section{margin:1rem 0;padding:1.5rem;background:#fcfcfb;border:1px solid #e5e5e5;border-radius:8px}.library-page-title{font-family:var(--font-sans);font-size:2rem;font-weight:400;margin-bottom:1.5rem;padding:0}.scraper-results-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.table-search-container{flex:1;max-width:400px;margin:0}.header-actions{display:flex;align-items:center;gap:.5rem}.table-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;outline:none;transition:border-color .2s}.table-search-input:focus{border-color:#999}.table-search-input::placeholder{color:#999}.scraper-results-header .refresh-btn{background:none;border:1px solid #e5e5e5;border-radius:4px;padding:.35rem .6rem;cursor:pointer;font-size:1.1rem;color:#666;transition:all .2s;line-height:1}.scraper-results-header .refresh-btn:hover{background:#f5f5f5;border-color:#ccc;color:#000}.scraper-results-header .refresh-btn.spinning{animation:spin .5s linear}.view-toggle-container{display:flex;align-items:center;margin:0}.view-toggle-btn{background:none;border:1px solid #e5e5e5;border-radius:4px;padding:.5rem .75rem;cursor:pointer;font-size:1rem;color:#666;transition:all .2s;line-height:1;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{background:#f5f5f5;border-color:#ccc;color:#000}.view-toggle-btn .view-icon-tile,.view-toggle-btn.tile-mode .view-icon-table{display:none}.view-toggle-btn.tile-mode .view-icon-tile{display:inline}.table-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:0}.filter-select{padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;background:#fff;color:#000;cursor:pointer;outline:none;transition:border-color .2s;font-family:var(--font-sans);min-width:140px;flex-shrink:0}.filter-select:hover{border-color:#ccc}.filter-select:focus{border-color:#999}.scraper-results-section .table-container{border:none;background:transparent}.scraper-results-table{width:100%;border-collapse:collapse;font-size:.9rem}.scraper-results-table th{text-align:center;padding:.75rem 1rem;border-bottom:1px solid #e5e5e5;font-weight:600;color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.scraper-results-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .15s}.scraper-results-table th.sortable:hover{background-color:#f0f0f0}.scraper-results-table th.sortable.active{background-color:#f5f5f5}.sort-icon{display:inline-block;margin-left:.5rem;font-size:.7rem;opacity:.5;transition:opacity .2s}.scraper-results-table th.sortable.active .sort-icon{opacity:1}.scraper-results-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;text-align:center}.scraper-results-table tbody tr:last-child td{border-bottom:none}.scraper-results-table tbody tr:hover{background:#f9f9f9}.scraper-results-table .source-icon{margin-right:.5rem}.scraper-results-section .empty-state{background:transparent;border:none;padding:2rem 1rem}.scraper-results-section .empty-state p{font-size:.9rem}.scraper-results-table .clickable-row{cursor:pointer;transition:background-color .15s}.scraper-results-table .clickable-row:hover{background:#f5f5f5}.scraper-results-table .post-title-cell{max-width:400px}.scraper-results-table .post-title-link{color:#000;text-decoration:none;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scraper-results-table .post-title-link:hover{color:#06c;text-decoration:underline}.source-link-cell{text-align:center;width:80px}.source-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:#666;text-decoration:none;font-size:1rem;transition:all .15s;background:#f5f5f5}.source-link:hover{background:#e0e0e0;color:#000}.type-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize;background:#f0f0f0;color:#666}.type-badge.type-podcast{background:#ffe4e6;color:#be123c}.type-badge.type-essay{background:#dbeafe;color:#1d4ed8}.type-badge.type-blog{background:#dcfce7;color:#16a34a}.type-badge.type-letter{background:#fef3c7;color:#d97706}.type-badge.type-interview{background:#f3e8ff;color:#9333ea}.tile-layout-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.tile-card{border:1px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;overflow:hidden;display:flex;flex-direction:column}.tile-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000001a}.tile-card-image{width:100%;height:200px;overflow:hidden;background-color:#f5f5f5;flex-shrink:0}.tile-image{width:100%;height:100%;object-fit:cover;display:block}.tile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ccc;background-color:#f5f5f5}.tile-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1;height:100%}.tile-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#000;line-height:1.4}.tile-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.85rem;color:#666;flex-wrap:wrap}.tile-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #f0f0f0}.tile-card-footer .bookmark-cell{text-align:left}.tile-card-footer .source-link{margin-left:auto}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;gap:1rem;flex-wrap:wrap;margin-top:1rem;border-top:1px solid #e5e5e5}.scraper-results-section .tile-layout-container~.table-pagination{margin-top:2rem;padding-top:2rem}.pagination-info{font-size:.85rem;color:#666}.pagination-controls{display:flex;gap:.25rem}.pagination-btn{padding:.4rem .75rem;border:1px solid #e5e5e5;background:#fff;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#000;color:#fff;border-color:#000}@media(max-width:768px){.library-page-title,.page-title,.feed-header h1{font-size:1.75rem;margin-bottom:1rem}.scraper-results-header{flex-direction:column;align-items:stretch;gap:.75rem}.table-search-container{max-width:100%;width:100%}.header-actions{justify-content:flex-end}.scraper-results-section{padding:1rem;margin:1.5rem 0}.scraper-results-table th,.scraper-results-table td{padding:.5rem;font-size:.85rem}.scraper-results-table th:nth-child(3),.scraper-results-table td:nth-child(3){display:none}.scraper-results-table .post-title-cell{max-width:200px}.table-pagination{flex-direction:column;align-items:flex-start}.tile-layout-container{grid-template-columns:1fr}.tile-card-image{height:180px}.table-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}}.auth-form{margin-top:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666}.form-group input{width:100%;padding:.75rem;border:1px solid #ccc;font-size:1rem;font-family:var(--font-sans);border-radius:4px}.form-group input:focus{outline:none;border-color:#000}.auth-button{width:100%;padding:.75rem;background-color:#000;color:#fff;border:1px solid #000;font-size:1rem;cursor:pointer;margin-bottom:1rem;border-radius:4px}.auth-button:hover{background-color:#333}.auth-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.auth-link{text-align:center;margin-top:1.5rem;color:#666;font-size:.9rem}.auth-link a{color:#000;text-decoration:underline}.error-message{color:#c00;margin-bottom:1rem;font-size:.9rem;padding:.5rem;background-color:#fee;border-radius:4px}.success-message{color:#060;margin-bottom:1rem;font-size:.9rem;padding:.5rem;background-color:#efe;border-radius:4px}.sidebar-right-top-actions{display:none;flex-direction:column;gap:.75rem;width:100%;max-width:100%;margin-bottom:4px;background-color:#fcfcfb;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem;box-sizing:border-box}.sidebar-right .feed-header-search-container{width:100%;margin-bottom:0}.sidebar-creation-bar{width:100%;height:48px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fcfcfb;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.sidebar-creation-bar:hover{border-color:#ccc}.sidebar-creation-bar .new-post-header-btn{flex:1;height:100%;width:100%;border:none;border-radius:7px;margin:0}.sidebar-creation-bar .new-post-header-btn:hover{background-color:#333;border-color:#333}.feed-header-search-container{display:none;margin-bottom:1.5rem}@media(min-width:769px){.home-page.logged-in .sidebar-right-top-actions,.popular-page.logged-in .sidebar-right-top-actions,.library-page.logged-in .sidebar-right-top-actions,.community-page.logged-in .sidebar-right-top-actions,.my-materials-page.logged-in .sidebar-right-top-actions{display:flex!important}.home-page.logged-in .sidebar-right-top-actions .feed-header-search-container,.popular-page.logged-in .sidebar-right-top-actions .feed-header-search-container,.library-page.logged-in .sidebar-right-top-actions .feed-header-search-container,.community-page.logged-in .sidebar-right-top-actions .feed-header-search-container,.my-materials-page.logged-in .sidebar-right-top-actions .feed-header-search-container{display:block!important}.home-page.logged-in .sidebar-right-top-actions .sidebar-creation-bar,.popular-page.logged-in .sidebar-right-top-actions .sidebar-creation-bar,.library-page.logged-in .sidebar-right-top-actions .sidebar-creation-bar,.community-page.logged-in .sidebar-right-top-actions .sidebar-creation-bar,.my-materials-page.logged-in .sidebar-right-top-actions .sidebar-creation-bar{display:flex!important}.home-page .sidebar-right-top-actions,.home-page .feed-header-search-container{display:block!important}.sidebar-right-top-actions .feed-header-search-container{width:100%;margin-bottom:15px}}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:1rem;color:#999;width:18px;height:18px}.search-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.95rem;outline:none;background-color:#fcfcfb;transition:border-color .2s;font-family:var(--font-sans);height:48px}.search-input-wrapper input:focus{border-color:#999}.search-input-wrapper input::placeholder{color:#999}body.logged-out .sidebar-right-top-actions{border:none;padding:0}.search-results-section{margin-bottom:2.5rem}.search-results-section:last-child{margin-bottom:0}.search-section-title{font-size:1.1rem;font-weight:600;color:#000;margin-bottom:1rem;font-family:var(--font-sans)}.new-post-header-btn{min-width:48px;height:48px;padding:0 1rem;border-radius:8px;background-color:#000;color:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0;font-family:var(--font-sans);font-size:.95rem}.new-post-header-btn:hover{background-color:#333;border-color:#333}.new-post-header-btn svg{width:24px;height:24px;flex-shrink:0}.new-post-header-btn-label{white-space:nowrap}.home-page.logged-in .sidebar-right .footer-panel,.home-page.logged-in .sidebar-right footer#main-footer{display:none!important}.signup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.signup-modal[hidden]{display:none}.signup-modal-content{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:2rem;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.signup-modal-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.signup-modal-loading[hidden]{display:none}.signup-modal-loading-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.signup-modal-loading-text{margin:0;font-size:.95rem;color:#666}.signup-modal-content .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.signup-modal-content .modal-close:hover{background-color:#f5f5f5;color:#000}.signup-modal-header{text-align:center;margin-bottom:1.5rem}.signup-modal-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;font-family:var(--font-sans)}.signup-modal-subtitle{color:#666;font-size:.95rem;line-height:1.5}.oauth-buttons-modal{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.oauth-btn-modal{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.oauth-btn-modal.google-btn{background-color:#fff;color:#3c4043;border:1px solid #dadce0;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.oauth-btn-modal.google-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.oauth-btn-modal.apple-btn{background-color:#000;color:#fff;border:1px solid #000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.oauth-btn-modal.apple-btn:hover{background-color:#1a1a1a}.auth-divider-modal{display:flex;align-items:center;margin:1.5rem 0}.auth-divider-modal:before,.auth-divider-modal:after{content:"";flex:1;height:1px;background-color:#e5e5e5}.auth-divider-modal span{padding:0 1rem;color:#666;font-size:.85rem}.signup-modal-form .form-group{margin-bottom:1rem}.signup-modal-form label{display:block;margin-bottom:.25rem;font-size:.9rem;font-weight:500;color:#333}.signup-modal-form input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.signup-modal-form input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000000d}.signup-modal-form input::placeholder{color:#999}.signup-modal-submit{width:100%;padding:.875rem;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.signup-modal-submit:hover:not(:disabled){background-color:#333}.signup-modal-submit:disabled{opacity:.7;cursor:not-allowed}.signup-modal-submit .button-loading{display:inline-flex;align-items:center;justify-content:center}.signup-modal-submit .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-modal-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.signup-modal-footer p{color:#666;font-size:.9rem;margin:0}.signup-modal-footer a{color:#000;font-weight:500;text-decoration:underline}.signup-modal-footer a:hover{text-decoration:none}.signup-modal #signup-modal-error,.signup-modal #signup-modal-success{margin-bottom:1rem;padding:.75rem;border-radius:8px;font-size:.9rem}.signup-modal #signup-modal-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.signup-modal #signup-modal-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media(max-width:480px){.signup-modal{padding:0;align-items:flex-end}.signup-modal-content{border-radius:16px 16px 0 0;max-height:95vh;padding:1.5rem}}.signin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.signin-modal[hidden]{display:none}.signin-modal-content{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:2rem;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.signin-modal-content .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.signin-modal-content .modal-close:hover{background-color:#f5f5f5;color:#000}.signin-modal-header{text-align:center;margin-bottom:1.5rem}.signin-modal-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;font-family:var(--font-sans)}.signin-modal-subtitle{color:#666;font-size:.95rem;line-height:1.5}.signin-modal-body .oauth-buttons-modal,.signin-modal-body .auth-divider-modal{margin-bottom:1.5rem}.signin-modal-form .form-group{margin-bottom:1rem}.signin-modal-form label{display:block;margin-bottom:.25rem;font-size:.9rem;font-weight:500;color:#333}.signin-modal-form input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.signin-modal-form input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000000d}.signin-modal-forgot{text-align:right;margin-top:.5rem}.signin-modal-forgot a{color:#666;font-size:.85rem;text-decoration:underline}.signin-modal-forgot a:hover{color:#000}.signin-modal-submit{width:100%;padding:.875rem;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.signin-modal-submit:hover:not(:disabled){background-color:#333}.signin-modal-submit:disabled{opacity:.7;cursor:not-allowed}.signin-modal-submit .button-loading{display:inline-flex;align-items:center;justify-content:center}.signin-modal-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.signin-modal-footer p{color:#666;font-size:.9rem;margin:0}.signin-modal-signup-link{background:none;border:none;color:#000;font-weight:500;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.signin-modal-signup-link:hover{text-decoration:none}.signin-modal #signin-modal-error,.signin-modal #signin-modal-success{margin-bottom:1rem;padding:.75rem;border-radius:8px;font-size:.9rem}.signin-modal #signin-modal-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.signin-modal #signin-modal-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media(max-width:480px){.signin-modal{padding:0;align-items:flex-end}.signin-modal-content{border-radius:16px 16px 0 0;max-height:95vh;padding:1.5rem}}.my-materials-header-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.my-materials-header-wrapper .nav-panel-link{flex:1;margin-bottom:0;display:flex!important}.my-materials-toggle{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.my-materials-toggle:hover{background-color:#f5f5f5;color:#000}.my-materials-toggle svg{transition:transform .3s ease}.my-materials-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.my-materials-toggle[aria-expanded=false] svg{transform:rotate(0)}#my-materials-panel-list[hidden]{display:none!important}@media(max-width:1200px){.home-page.logged-in .sidebar-right{display:none!important}.home-page.logged-in .content-area{max-width:100%;margin-right:0}.home-page.logged-in .main-container{max-width:100%;padding-right:2rem}}@media(max-width:768px){.main-container{padding-left:0;padding-right:0;padding-top:60px;flex-direction:column}.sidebar-left{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex-direction:column!important;z-index:1000!important;border-right:none!important;border-bottom:1px solid #e5e5e5;background-color:#fff;overflow:visible!important}.sidebar-left .nav-panel.followed-people-panel{border:none;border-radius:0;padding:0;margin:0;background-color:#fff}.sidebar-left .nav-panel-header{display:flex!important;padding:var(--space-1) var(--space-2);min-height:60px;border-bottom:none}.sidebar-hamburger{display:flex!important}.sidebar-left .nav-panel-body{display:none;position:absolute;top:60px;left:0;right:0;background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 4px 12px #0000001a;padding:var(--space-2) 0;max-height:calc(100vh - 60px);overflow-y:auto;z-index:999}.sidebar-left .nav-panel-body.open{display:flex!important;flex-direction:column}.sidebar-left .my-materials-panel,.sidebar-right{display:none!important}.content-area{width:100%;max-width:100%;padding:0 1rem}.home-page.logged-in .main-container{padding:60px 0 0}.home-page.logged-in .content-area{margin:0;padding:0 16px}}