:root{--bg-main:#f7f8fa;--bg-card:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--accent-color:#3b82f6;--radius-card:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:flex;overflow:hidden}.feed-section{flex:1;padding-right:12px;overflow-y:auto}.feed-section::-webkit-scrollbar{width:6px}.feed-section::-webkit-scrollbar-track{background:0 0}.feed-section::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.sidebar-section{flex-direction:column;flex-shrink:0;gap:24px;width:320px;display:flex}.masonry-grid{column-count:3;column-gap:20px}@media (width<=1024px){.masonry-grid{column-count:2}}@media (width<=768px){.masonry-grid{column-count:1}.main-content{flex-direction:column}.sidebar-section{width:100%}}.masonry-item{break-inside:avoid;margin-bottom:20px}.card{background-color:var(--bg-card);border-radius:var(--radius-card);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.topbar-container{border-bottom:1px solid var(--border-color);z-index:10;background-color:#fff;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:16px;margin-right:32px;display:flex}.topbar-search{background:var(--bg-main);border-radius:20px;flex:1;align-items:center;max-width:400px;margin-right:auto;padding:8px 16px;display:flex}.topbar-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.notebook-dialog-wrapper{background-color:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:800px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.notebook-content{flex:1;display:flex;overflow:hidden}.notebook-sidebar{border-right:1px solid var(--border-color);background-color:#fafafa;width:35%;padding:20px;overflow-y:auto}.notebook-chat{background-color:#fff;flex-direction:column;flex:1;display:flex;overflow-y:hidden}.notebook-chat-messages{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.memory-drawer-panel{z-index:2000;background-color:#fff;flex-direction:column;width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0000001a}.article-detail-wrapper{background-color:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:900px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.article-content-body{background-color:#fff;border-radius:24px;max-width:768px;margin:0 auto;padding:40px;transform:translateY(-60px);box-shadow:0 -10px 30px #0000000d}@media (width<=768px){.main-content{gap:16px;padding:12px}.topbar-container{flex-wrap:wrap;gap:12px;padding:12px 16px}.topbar-brand{margin-right:0}.topbar-search{flex-basis:100%;order:3;max-width:100%;margin-right:0}.topbar-actions{gap:12px;margin-left:auto}.card .card-info{padding:12px}.article-detail-wrapper{border-radius:0;width:100%;height:100vh}.article-content-body{border-radius:20px 20px 0 0;padding:24px 20px;transform:translateY(-20px)}.article-detail-wrapper h1{margin-bottom:16px!important;font-size:24px!important}.notebook-dialog-wrapper{border-radius:0;width:100%;height:100vh}.notebook-content{flex-direction:column}.notebook-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:35%;padding:16px}.notebook-chat{height:65%}.notebook-chat-messages{padding:16px}.notebook-dialog-wrapper h2{font-size:16px!important}.memory-drawer-panel{width:100%}}