*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.sidebar{position:fixed;top:64px;bottom:0;left:0;width:240px;background:#fff;border-right:1px solid #e2e8f0;padding:16px 10px;overflow:auto;z-index:40;transition:.2s}.sidebar.collapsed{width:78px}.sidebar.collapsed .side-link span{display:none}.side-link{display:flex;align-items:center;gap:18px;padding:11px 14px;border-radius:10px;font-weight:600;color:#334155}.side-link:hover{background:#e0f2fe;color:#0284c7}.side-link i{width:20px;text-align:center}.main-shell{margin-left:240px;padding:24px;transition:.2s}.main-shell.expanded{margin-left:78px}.icon-btn{width:42px;height:42px;border-radius:999px;display:grid;place-items:center}.icon-btn:hover{background:#f1f5f9}.primary-btn,.secondary-btn,.search-btn{align-items:center;justify-content:center;border-radius:9px;padding:9px 14px;font-weight:700}.primary-btn{background:#0ea5e9;color:white}.primary-btn:hover{background:#0284c7}.secondary-btn{background:#e0f2fe;color:#0369a1}.secondary-btn:hover{background:#bae6fd}.search-input{flex:1;border:1px solid #cbd5e1;border-right:0;border-radius:999px 0 0 999px;padding:10px 16px;outline:none}.search-input:focus{border-color:#0ea5e9}.search-btn{width:56px;border:1px solid #cbd5e1;border-radius:0 999px 999px 0;background:#f8fafc}.video-card img{aspect-ratio:16/9;object-fit:cover}.video-card:hover .thumb{transform:scale(1.02)}.thumb-wrap{overflow:hidden;border-radius:12px;background:#e2e8f0}.thumb{transition:.2s}.avatar{width:36px;height:36px;border-radius:50%;background:#0ea5e9;color:#fff;display:grid;place-items:center;font-weight:800}.chip{padding:8px 14px;border-radius:999px;background:#f1f5f9;white-space:nowrap}.chip:hover,.chip.active{background:#0ea5e9;color:#fff}@media(max-width:767px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.main-shell,.main-shell.expanded{margin-left:0;padding:16px}.mobile-overlay{display:none}.sidebar.open+.mobile-overlay{display:block}.search-btn{width:46px}.video-grid{grid-template-columns:1fr!important}}